DOMIKA | Architecture Studio Website by Artem DibrovskyiDOMIKA | Architecture Studio Website by Artem Dibrovskyi
Built with Framer

DOMIKA | Architecture Studio Website

Artem Dibrovskyi

Artem Dibrovskyi

DOMIKA — Architecture Studio Website


About the project

Domika is a modular architecture and interior design studio based in Sweden. The project started from zero — no existing brand, no website, no content. The task was to build a digital presence that positions the studio clearly in a competitive market and turns visitors into inquiries.
The core focus: trust and credibility first, lead generation second.
Scope: UX/UI Design, Framer Development
Timeline: 5 weeks
Sector: Architecture & Interior Design

My role

End-to-end. Research, information architecture, visual concept, full design system, animations, and live development in Framer. No handoff to a developer — I took it from the first research session to a published, indexed website. Every decision, visual and technical, was mine to make and mine to justify.

Process

Started with industry research and competitive analysis — how premium architecture studios in Scandinavia and Europe present themselves, what their audiences expect, and where most studio sites fall short. The goal wasn't to blend in with the category — it was to understand what the best in it do right, then make deliberate choices from there.
From there, built the full site architecture before touching any visuals. Every section was mapped to a specific job: what it needs to communicate, what action it should drive, what trust signal it carries.
Reference work covered architecture, residential interiors, and adjacent premium verticals — looking for the right intersection of spatial aesthetics and functional clarity.
The visual concept was built around one principle: premium doesn't need decoration, it needs discipline. A clean monochrome palette keeps the focus entirely on the work. Neue Montreal was chosen for its quiet confidence — geometric, contemporary, and precise without feeling cold. No visual noise. The design earns attention through proportion and restraint.
Animation was treated as a design tool, not a feature. Scroll-driven transitions and entrance animations guide the user through the content at a deliberate pace — creating a sense of space and movement that feels architectural rather than digital. Every interaction was designed to move the visitor forward, not distract them.
Design moved from lo-fi structure to hi-fi pages with multiple iterations per section. Full design system. Every page covered — Home, Projects, Studio, News, individual Project pages, and Legal. Responsive adaptation was part of the process from the start, not a final step.

Development

Designed and developed entirely in Framer — from component structure to live deployment.
Built a full responsive layout across all breakpoints: desktop, tablet, and mobile were designed and tested as separate experiences, not just scaled-down versions of each other. Every section adapts intentionally — typography, spacing, interaction behaviour, and layout logic all shift based on screen context.
Configured scroll-driven animations and hover interactions that reinforce the spatial, architectural feel of the brand. Set up a working contact form with field logic and a newsletter subscription — both connected and functional. Handled SEO across all pages: titles, meta descriptions, semantic markup. Tested all navigation flows, interaction states, and transition behaviour before publishing.
The result is a complete, live website — designed and shipped by one person, end to end.

Outcome

A fully designed and developed website, live and indexed — built from zero with no existing brand, content, or brief. The studio has a clear digital identity, a credible portfolio presence, and a functional platform that's ready to generate inquiries from day one. More importantly, it feels like the work it represents: considered, precise, and built to last.

Let's work together

I'm Artem — a UX/UI designer and Framer developer. I work at the intersection of design thinking and no-code development: from research and information architecture to a fully functional, published website.
If you're looking for someone who can take a project from strategy to live product — let's talk.

Like this project

Posted May 13, 2026

Full website designed, developed & shipped in Framer — from zero brief to live product. Every page, breakpoint, interaction, form, CMS, and SEO covered.

Likes

1

Views

1

Timeline

Feb 10, 2026 - Mar 25, 2026