Structure
We decide what the site needs to say, what comes first and how people move through it.
↗
Vixid Labs
WEB DESIGN — 03
Barcelona
Web Design / 03
Web
Design
We design websites that make the offer clear and give people a reason to keep going.
The job
A website has seconds to explain the business. We organise the message, remove the friction and design the interface around what people actually need to understand.
What we design
From the first page to the smallest state.
UX
Navigation, page logic, user flows and actions are worked out before visual detail takes over.
↗Interface
Typography, layout, imagery, motion and interaction are designed as one visual system.
↗Responsive
Every important screen is designed for desktop and mobile, including the states between them.
↗Structure · UX · Interface · Motion · Responsive•
Structure · UX · Interface · Motion · Responsive•
Structure · UX · Interface · Motion · Responsive•
Structure · UX · Interface · Motion · Responsive•
Content · Navigation · Pages · Components · States•
Content · Navigation · Pages · Components · States•
Content · Navigation · Pages · Components · States•
Content · Navigation · Pages · Components · States•
We design the site around the content.
Not the other way around.
Headlines, images, products, cases and calls to action all need different amounts of space and attention.
We work with the real material early, so the finished site does not fall apart when placeholder text disappears.
What matters
Clear first
A visitor should understand what you do without decoding the design.
Content leads
Layout follows the actual message instead of forcing every page into the same template.
Mobile is designed
Mobile gets its own decisions, hierarchy and rhythm. It is never the desktop version squeezed smaller.
Built to survive
The design has to keep working when text changes, projects are added and the site grows.
Desktop / Mobile
One site.
Two very different screens.
Mobile is redesigned where necessary: navigation changes, content moves, interactions simplify and priorities become stricter.
Desktop
Mobile
Process
Content
We start with the offer, audience and material already available. Missing content becomes visible early.
Structure
We define the pages, hierarchy, navigation and the job each section has to do.
Direction
We establish the visual language on a few key screens before expanding it across the site.
System
Pages, components and responsive rules are designed as a consistent interface ready for development.
Recent systems & experiences
Selected work
Smart Home App UI & UX Design
UI & UX / Design
Custom E-commerce Development & Visual Identity for a Swedish Fashion Brand
E-commerce / Web Design
Real Estate Website Development & SEO in Barcelona
Web Design / Design / Digital
Custom Website Development for a German Car Repair Service
Web Design / Web DevelopmentWeb Design