Back

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
Formform Studio homepage designs on mobile and desktop, plus the mobile work page.
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.

Formform Studio image-led project grid below the hero, and the editorial Notes section.
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.

Formform Studio work page with category filters, and a project detail layout with a process list.
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.

Formform Studio project inquiry form on desktop and mobile, with service choices, optional budget, and description.
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.

More work