An interface that converts and gets adopted.
User research, wireframes, Figma mockups, design system. Deliverables your development teams can use or that we can integrate directly into our projects.
Who it's for
What we deliver.
01
User research
Interviews, workshops, behavioral analysis (Hotjar, Clarity). We understand your users before designing.
02
Wireframes & prototypes
Structure and journeys before color. Functional validation and journey tests before UI.
03
High-fidelity Figma mockups
Complete design system, tokens, reusable components. Ready for development.
What we build
Smotly UX/UI methodology.
1. Discovery
- Scoping workshop (half-day, business + IT team)
- UX audit of the current site when it exists
- Personas and target journeys
- Competitive benchmark
2. Wireframing
- Low-fi: structure and journeys
- Functional validation with users
- User tests (5 to 8 testers)
- Fast iterations before UI
3. UI Design
- Art direction and exploration
- Hi-fi mockups for all key pages
- Responsive: desktop, tablet, mobile
- Delivered style guide (fonts, colors, spacing)
4. Design system
- Documented Figma components
- Design tokens (colors, type, spacing)
- States (hover, active, disabled, error)
- Easier dev handoff (optional Storybook)
Design made to be built
From pixel to design system.
Not just beautiful mockups, but a living documented system your developers and product teams use every day without second-guessing.
User research
Personas, journeys, usability tests, empathy maps. We design for your real users, not for a brief.
High-fidelity mockups
Figma, versioned components, clickable prototypes. What you validate is what you receive.
Complete design system
Tokens, components, guidelines, Storybook. Your visual identity tooled, industrialized and documented.
Native accessibility
WCAG AA minimum, contrast, keyboard navigation, screen readers. Accessibility is not optional.
design system · v2.4
Tokens · Components · Guidelines
tokens · color
primary
#6EC8E6
accent
#84CCC0
surface
#0A0F1C
text
#FAFAFA
typography · scale
components · 42 total
Good design is design that disappears.
Your users should not have to think about your interface. They should simply use it.