Tattoo Studio Framer Website Development

Live project: https://nestmade.studio/

Nestmade is a tattoo studio from Zagreb, Croatia, with a vision that goes beyond tattooing alone. The brand needed a digital presence that feels calm, expressive, and premium, while still being practical for everyday studio needs like showcasing work, sharing guides, and collecting structured booking inquiries.

For this project, I was involved from the early brand workshops through web design in Figma and final Framer development, which gave me full control over how the strategy, visuals, and interactions came together in the live product.

I participated in the branding workshops, helped shape the web experience, designed the site in Figma for client approval, and then developed the final website in Framer. My work included CMS setup, responsive implementation, SEO preparation, custom interactions, animation polish, and form logic.

One of the most important parts of this project was turning a soft, carefully crafted identity into a live site that still feels refined in motion. The challenge was not just to recreate static designs, but to make them feel alive through layout, pacing, and interaction.

Inside Framer, I built a responsive system that preserves the editorial quality of the design across breakpoints. I also used custom load animations, scroll-based transitions, and a navigation bar that minimizes on scroll to make the experience feel more dynamic without becoming distracting.

The site needed to be easy to update over time, especially for portfolio content and educational materials. I set up the structure in Framer so the client could manage content more efficiently while keeping the presentation polished.

This included:

Custom polaroid-style image components

A custom lightbox gallery component

Flexible content sections designed to stay visually consistent as the site grows

A standout detail was the animated 3D book presentation for the tattoo guides. I built that natively in Framer without code, using Framer’s own capabilities to create a more tactile and memorable way of presenting downloadable content.

Another important part of the project was the tattoo booking experience. I built a multi-step booking form using Framer Forms, connected to Formspark for handling submissions.

Because the process needed more structure than a simple contact form, I added extra custom logic to improve the flow and help collect better information upfront. This made the form more useful for both the studio and potential clients, guiding users through the inquiry step by step instead of relying on incomplete messages or unstructured back-and-forth.

From a development perspective, this project was a strong example of what I enjoy most in Framer—building websites that feel highly designed, but still practical to manage and fast to launch.

The main Framer-focused work included:

In addition to the digital work, I also did professional photography for the client. These visuals became an important part of the final website, helping the brand feel more personal, authentic, and complete. The photography supported the overall storytelling by showing the artist, the studio atmosphere, and the tattoo process itself—not just the final work.

Nestmade became a project where I could connect brand thinking, UI design, and Framer development into one cohesive experience. The final site feels expressive and distinctive, while still solving real business needs through structured content, better booking flow, and a scalable CMS setup.