Skip to main content
pencil simple iconUX/UI Design

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

ToolUsage
FigmaInterface design, interactive prototyping
FigJamCollaborative workshops, user flows, brainstorming
Maze / PostHogUsability testing and UX analytics
Principle / LottieAnimations and micro-interactions
Tailwind CSS v4 / shadcn/uiDesign 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.

Appik Studio

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.