Interior Design Studio Website
A marketing site for an interior design firm, built around visual storytelling and layout clarity.
- Role
- Design Engineer, freelance
- Period
- Independent project
- Status
- Shipped
Overview
A modern website for an interior design firm, prioritizing visual storytelling and a responsive, layout-first presentation of the studio's work.
The problem
An interior design portfolio lives or dies on how well the photography reads — the brief was a site where imagery and layout carry the message, with the interface staying out of the way.
Design process
Started from the photography and typography, not a component library — layout rhythm and image cropping were treated as the primary design decisions, motion as a secondary layer added once the static layout held up.
Architecture
A Next.js site with Framer Motion reserved for entrance and scroll-triggered reveals, not persistent interaction state.
Engineering decisions
Layout-first, motion-second
Motion was added only after the static composition worked on its own, so it enhances rather than compensates for the layout.
Trade-offs
No significant trade-offs called out for this project.
Challenges
Responsive image-heavy layouts
Keeping large photography sharp and fast-loading across breakpoints without the layout losing its intended proportions.
Outcome
A responsive marketing site focused on visual storytelling for the studio's portfolio work.
Technology
Images
Motion
Framer Motion was added only after the static layout worked on its own — entrance and scroll-triggered reveals, nothing that the page depends on to make sense.
Lessons learned
- For a visually-led brief, the interface's job is restraint — the content is the design.