Metrika
A fresh perspective.
An expressive website.
Task and idea
A studio's website should
express its character.
For Metrika, a digital studio, we built an expressive website with a portfolio and a clear service structure. This case presents actual screens from the design, from the first introduction to the enquiry form.
Visual language
A bold accent.
A precise composition.
A soft sans serif
Large headings and rounded forms establish a friendly tone. Calm body text keeps complex services easy to understand.
Colour with a purpose
Pink connects the key sections. Lime highlights actions. Dark blue creates contrast and a distinct setting for the team.
Freedom within a grid
Stickers, photo collages and large colour fields create an engaging presentation. A consistent card grid keeps the portfolio and services organised.
Screen breakdown
From first impression
to introduction.
Six fragments of one story.
Select a screen to explore the details.
01 / First impression
Character at first sight.
A bold headline, a live conversation on a phone and a pink transition into the portfolio. The first screen introduces the team and invites visitors to explore its work.
02 / The studio's approach
A system behind the creative.
Analytics, strategy, content and scaling are presented in concise cards. Different sizes set the rhythm, while a lime circle highlights the next step.
03 / Portfolio
Work speaks through colour.
Each project has its own cover. A shared grid, tags and concise headings connect the different stories and help visitors choose a case to explore.
04 / Team
People behind the interface.
A photo collage on a vivid blue background changes the pace. Cut-out portraits, stickers and a conversational heading reinforce the studio's open character.
05 / Services
Many disciplines. Easy to navigate.
Services are arranged in an expandable list. The expressive left side draws attention, while the calm right column leaves room for detail.
06 / Appeal
A conversation starts with a goal.
The final pink block brings back the page's main accent. Name, phone, goal and project details sit alongside an invitation to start a conversation.
Your next project
Your business's character.
Expressed through its interface.
We will design a website where the visuals, content and path to enquiry work together.
Discuss the project ↗