Sheets of blue paper layered at an angle, on a background of the same blue.

Web design
and Branding

Interfaces designed to be used, not just admired.

We design interfaces in Lyon. Every screen leads your visitor toward a specific action and explains what you sell. We judge a mockup by what it brings in once it’s live.

methodology

Our approach to design

Many teams open Figma before writing a single line of content. They fill mockups with Lorem Ipsum, draw effects no one has costed on the technical side and skip the wireframe stage. When it’s time to build, the developer asks for everything to be redesigned because the real copy doesn’t fit.

We give you a brief before we open Figma: list of pages, real content, features, benchmarks. Maéva then designs with Eric’s technical constraints in front of her and your business goals written down in black and white.

We write the content before designing a single page. Maéva designs desktop, tablet and mobile in one pass, and checks the build with Eric as it progresses. You receive a system of reusable components that your future pages can draw on without a new mockup.


Our scope

A complete set of creative services

UX design

UX comes before visual design: where your visitor comes in, what they are looking for, and how you lead them to find it. You won’t see this work in the final mockup; you’ll read it in your bounce rate.

Our UX design services
  • Defining personas (typical user profiles)
  • Mapping user journeys (user flows)
  • Information architecture: content hierarchy per page
  • Detailed wireframes: structure and interactions, annotated
  • Functional specifications per component

UI design

UI is the visual layer: colors, typography, spacing, components. Maéva translates your brand identity to the screen and documents every value, so that Eric can build the mockup down to the pixel.

Our UI design services
  • Defining the art direction (palette, typography, visual tone)
  • High-fidelity desktop, tablet and mobile mockups
  • Design system: reusable components, usage rules
  • Technical annotations for development

branding &
visual identity

Your logo, palette and typography determine what the site can do next. We create or redesign that identity when the project calls for it: logo, brand guidelines, print and digital applications, custom illustration.

Our branding services
  • Logo creation or redesign
  • Complete brand guidelines (colors, typography, usage rules)
  • Digital and print applications
  • Custom illustration
  • Icon systems

prototyping

An interactive prototype simulates the site before Eric writes the first line of code: you click, you navigate, you see the transitions. Your feedback is then about something you have actually used.

With prototyping
  • Feedback at this stage costs 10 times less than during development
  • You sign off on the feel before investing in code

approval

Approve together, always

We show you a visual benchmark before the first mockup, so we agree on the look you expect. We then present the desktop mockups, and adapt them to the other formats. You approve each stage before we move on to the next.

You get two rounds of feedback. In the first, on the desktop mockups, you react to the direction and we adjust. In the second, on the complete version (desktop, mobile and prototype), we refine the details. Beyond that, each additional round is handled through a change order, which lets us keep the same level of finish all the way through.

why us

This service is for you if…

01
You need mockups for an existing or planned development project

02
You want a design consistent with your brand identity, adapted to the web

03
You don't have a visual identity yet and want to start on solid foundations

04
You're starting from scratch and want a design by someone who knows the technical constraints

05
You're looking for a UX/UI designer in Lyon who can work directly with the developer from the scoping stage

06
You have existing mockups that don't match what was built

FAQ

Frequently asked questions

Why not start with full-color mockups?

Wireframes validate the structure and the user journey without the visuals pulling focus. We fix a shaky structure at this stage, before it forces us to redesign entire mockups.


Do you include mobile design in your services?

Yes, on every project: more than half of web traffic comes from mobile. Maéva designs screens specifically for mobile (menus, touch usability, element weight) instead of shrinking the desktop version.


How does communication work during the design phase?

We work in Figma, where you follow progress in real time. You leave comments on the parts of the mockups you have questions about.


Does design affect how fast the future site loads?

Yes. Heavy images, exotic fonts or gratuitous animations slow a site down. Maéva knows these technical constraints and weighs every design choice against its effect on Core Web Vitals.


What is a design system, and what is it for?

A library of reusable components: buttons, forms, typography. Your future pages are assembled from these components, without starting from scratch or losing consistency.


Can you work from my current brand guidelines?

Yes. We adapt your identity to the constraints of the web: contrast, accessibility, on-screen readability. If your guidelines have aged, we can also modernize them.


What will I receive at the end of the project?

Full access to the source Figma file: high-fidelity desktop and mobile mockups, a clickable prototype, the design system and technical specifications for development. For branding, you also receive the source files (AI, SVG).


Can I hire you for the design and have the site developed elsewhere?

Yes. We deliver annotated, structured mockups: a third-party developer can build them without guesswork.


What exactly is a clickable interactive prototype?

A Figma link that simulates the site: you click buttons, open menus and move from one page to another. You can show it to your partners or investors before development begins.


our other areas of expertise

01

strategy

Audit, site map, project management. We scope your project before opening Figma or a code editor, so that every decision is justified.

Close-up of black marble veined with white.

02

design

UX, UI, branding, visual identity.
Interfaces designed for your users, with no technical compromise.

Sheets of blue paper layered at an angle, on a background of the same blue.

03

development

Custom code, no page builder or off-the-shelf theme. WordPress, Payload CMS or Astro depending on the project. Fast, maintainable sites that you stay in control of.

Dark green rounded shapes lined up in an arc on a black background, 3D render.

04

infrastructure

High-performance hosting, domain names, server configuration. We manage the infrastructure so you don’t have to think about it.

Brushed metal blades fanned out in raking light.