Turning Studio Character Into a Digital Experience
An agency website design connecting expressive visuals, project storytelling, and a clear path to starting a project.
Project
Formform Studio
Category
Product UI/UX
Role
UI/UX design
Year
2026
Overview: homepage on mobile and desktop, and the mobile work page.
The challenge
An agency website needs to express a studio's character while helping potential clients understand its work and start a conversation. I designed the UI/UX for Formform Studio around that journey: an expressive introduction, a portfolio visitors can explore, and a focused project inquiry. The Figma designs cover desktop and mobile experiences.
Design decisions
01
Let the visual direction introduce the studio
I gave the homepage a large image-led hero, a short positioning statement, and a Start a project action. The navigation stays compact, leaving room for the visual to establish the studio's character. Below the hero, work and editorial cards use a quieter layout so visitors can move from the first impression into the content.
Visual direction: image-led work grid and editorial notes.
02
Help clients explore both the work and the thinking
I organized Work around service categories, from brand identity and packaging to digital design and creative direction. Project cards lead into a detail layout with project information and a process narrative. Notes has a separate listing and article template, giving the studio space to share perspectives alongside its portfolio. Mobile layouts adapt the same content into a narrower reading flow.
Portfolio: category filters and the project detail layout.
03
Give the first conversation useful context
The contact design asks for a name, email, project description, and optional budget range. Service choices let visitors indicate whether they need branding, digital design, creative work, or consulting. I connected this inquiry page to the homepage's project action, giving potential clients a clear place to explain what they have in mind.
Inquiry: the project form on desktop and mobile.
The result
The design brings Home, Work, project details, Notes, About, and Contact into a consistent agency website experience, supported by desktop and mobile layouts, shared components, and brand styles in Figma. My contribution was UI/UX design, shaping the journey from discovering the studio to submitting a project inquiry.