Mobile and web application design
UX research, user flows, mockups and interactive Figma prototypes, followed by support during development.
40+ projects delivered · Health, research, media, startups · Senior team in Lausanne
UX/UI design for mobile and web apps
We design your application's flows, screens and components alongside its technical architecture. Mockups and prototypes let you test interactions before development.
Our senior designer, Patrick, handles visual design and user flows. Our design work feeds directly into our mobile development and web development services.
User flows and interfaces
User flows
We identify the tasks users need to complete and the steps involved: navigation, data entry, confirmation and error correction.
Visual hierarchy
We define typography, colors and component spacing to distinguish headings, information and actions. These choices are carried through the mockups and component system.
Mobile, tablet and desktop
We adapt screen layouts, navigation and touch targets to the devices your application supports.
Accessibility
Our designs respect WCAG accessibility standards. Sufficient contrast, readable text sizes, keyboard navigation, screen reader compatibility.
Our Design Skills
UX Research
Persona analysis, user flows, competitive benchmarking, usability testing.
Wireframing and prototyping
Low-fidelity wireframes to validate structure and interactions. High-fidelity interactive prototypes on Figma to test the experience before development.
UI Design
Creation of consistent design systems: typography, color palette, reusable components, micro-interactions.
Design system
Standardized component library ensuring visual consistency across the entire application. Facilitates maintenance and future evolution.
Tools and Methodology
| Tool | Usage |
|---|---|
| Figma | Interface design, interactive prototyping |
| FigJam | Collaborative workshops, user flows, brainstorming |
| Maze / PostHog | Usability testing and UX analytics |
| Principle / Lottie | Animations and micro-interactions |
| Tailwind CSS v4 / shadcn/ui | Design system implementation in code |
Design Integrated with Development
The designer and developers work together on mockups and implementation:
- The designer understands the technical constraints of React Native and Next.js
- Developers implement the screens and interactions defined in Figma
- Figma components map directly to React components
UX/UI projects
-
Time District — Marketplace interface for luxury watch collectors.
-
Smatch — Profile creation and partner search flows for a sports meetup app.
-
Pneumoscope — Connected stethoscope interface for healthcare professionals, displaying examination data.
-
Muse — Web interface for viewing and analyzing museum visitor feedback.
-
Lausanne Time Machine — Touch interface for exploring Lausanne's historical registers on an interactive table.
Our Design Process
1. Discovery and research (1-2 weeks)
Understanding your business goals, analyzing target users, competitive benchmarking. We deliver a UX brief that guides the entire project.
2. Information architecture (1 week)
Site map, user flows, content hierarchy. We structure the application so every feature is accessible in minimal clicks.
3. Wireframes and validation (1-2 weeks)
Low-fidelity mockups to validate structure and key interactions. Rapid iterations with your team before moving to visual design.
4. UI Design and component system (2-3 weeks)
Creating the application's visual identity: typography, colors, iconography, components.
5. Interactive prototyping and testing
Clickable Figma prototype to test the complete user experience. Usability testing with real users when needed.
6. Development handoff
Asset delivery, technical specifications, design system guide. Continuous support for developers during implementation.
Frequently Asked Questions
Do I need to provide a design or can you create it? We handle complete design — from UX research to final UI design. If you already have a design or brand guidelines, we integrate and adapt it for mobile/web.
How much does UX/UI design cost? Design typically represents 15 to 25% of the total project budget. The scope of UX research, user journeys, screens and prototyping determines the design budget. We agree on that scope with you before starting. For a full budget estimate for your app, check out our guide: How much does a mobile app cost in Switzerland?
How long does the design phase take? Generally 3 to 6 weeks for a complete project. A simple design (landing page, showcase site) can be done in 1 to 2 weeks. We can also work in parallel with development to accelerate the timeline.
Do you use templates or create custom designs? We design screens around your visual identity and user flows. Shared components form a reusable design system.
Delivered products
View the case studyFrench-speaking Swiss media
Le Temps
Live iOS + Android app · co-development with the internal team · complete technical onboarding
View the case studyOnescope, HUG, EPFL
Pneumoscope
HUG clinical pilots · edge-AI analysis · Bluetooth integration with a medical device
View the case studyPrix de Lausanne
Prix de Lausanne
Mobile app + admin backend · event matchmaking · international competition based in Lausanne
View the case studySmatch
Smatch
50k+ users · Lausanne–Geneva community · integrated matching and chat
View the case studyAppik Studio product
Bonani
Free · offline · no ads or account
Identify where people struggle with your interface
In a free initial discussion, show us your interface and the difficulties your users face. We identify the journeys to examine and the next steps.