Build
Design & UX/UI
Clear, consistent interfaces that are easy to develop, designed around the real needs of your users.
01Approach
Scope of work
- UX audit and recommendations
- User journeys and information architecture
- Wireframes and interactive prototypes
- Web and mobile interface design
- Design system and component library
- Accessibility and user testing
02Expertise
UX research and design
- Ergonomic audit of the existing product
- Personas and target journeys
- Wireframes and usability tests
Interface design
- Art direction and interface guidelines
- High-fidelity responsive mock-ups
- Animated prototypes for validation
Design system
- Documented components, states and variants
- Tokens for colours, typefaces and spacing
- Structured handover to developers
03Methods & tools
An approach backed by proper tools, from research to handover
The methods and tools our designers use every day, in direct contact with the development teams.
User research
Basing design on facts.
- Interviews
- Personas
- User journeys
- Usage analysis
Ideation
Exploring and converging with stakeholders.
- Design Thinking
- Workshops
- Miro
Design & prototyping
From wireframe to clickable prototype.
- Adobe XD
- Wireframes
- Interactive prototypes
- Design system
Validation
Checking before developing.
- User testing
- A/B testing
- Accessibility audit
- Analytics
04Why iones
Design built to be delivered
Having our designers and developers work closely together avoids mock-ups that cannot be built.
User-centred
Every design choice is linked to an identified need and verified by tests, not to a hunch.
Ready to develop
Realistic mock-ups, reusable components and clear specifications: integration starts without back-and-forth.
Accessible to all
Contrast, keyboard navigation, legibility: accessibility is handled from the design stage, not at the end of the project.
Consistent over time
A documented design system that keeps your interfaces consistent as the product evolves.
05Method
Our process for UX/UI design
Step 01 Research and analysis
- Study of target users
- Needs analysis
- Competitor study
- Definition of objectives
- Creation of personas
Step 02 UX design
- Information architecture
- Creation of user flows
- Interactive wireframes
- Usability tests
- Iterations based on feedback
Step 03 UI design
- Creation of the style guide
- Component design
- High-fidelity prototypes
- Responsive design
- Adaptation to different platforms
Step 04 Validation and delivery
- Final user testing
- Adjustments and optimisations
- Asset preparation
- Design system documentation
- Handover to developers