Studio web · Annecy
07 81 99 07 61 Prendre rendez-vous
SService 02 · UI UX Design

UI/UX design · Annecy & Haute-Savoie

UI UX design qui fait agir.

Des parcours clairs où chaque écran a un rôle : clarifier, rassurer, convertir. Dessinés à Annecy, pensés mobile d'abord.

Point de départAudit UX et parcours
LivrablesWireframes + maquettes HD
SystèmeDesign system réutilisable
ObjectifClarifier, rassurer, convertir
01Le constat

Vos visiteurs ne lisent pas. Ils cherchent.

Un bon design ne se remarque pas : il guide. Quand un visiteur hésite, il part, souvent sans que vous le sachiez.

Position OFF · aujourd'hui

Ce que vous vivez

  • On ne comprend pas l'offreTout est au même niveau, aucun message ne ressort.
  • Le parcours se perdLe bouton de contact se cache, les pages ne s'enchaînent pas.
  • Rien ne rassurePas de preuve au bon endroit, au moment où le visiteur doute.
  • Chaque page a son styleBoutons, titres et couleurs changent d'un écran à l'autre.

Position ON · avec AKNO

Ce qui change

  • Un message par écranUne hiérarchie nette : le visiteur sait où il est et ce qu'il peut faire.
  • Un parcours sans frictionDe l'accueil à la demande, chaque étape mène à la suivante.
  • La confiance au bon momentRéalisations, méthode et réponses placées là où les doutes apparaissent.
  • Un système cohérentComposants et styles réutilisables : tout reste homogène, même après.
02Ce qui est inclus

Du diagnostic aux maquettes finales.

Chaque livrable sert le suivant : on ne dessine rien avant d'avoir compris qui visite votre site, et pourquoi.

01

Audit UX de l'existant

Relecture écran par écran : ce qui freine, ce qui rassure, ce qui manque.

02

Parcours client

Les chemins clés cartographiés, de la première visite à la prise de contact.

03

Wireframes

La structure de chaque page, sans décor, pour valider la logique avant l'esthétique.

04

Maquettes haute fidélité

Le rendu final, desktop et mobile, prêt à être développé.

05

Design system léger

Couleurs, typographies, boutons et composants : une base réutilisable.

06

Micro-interactions

États, survols, transitions : les détails qui rendent l'interface vivante.

Pensé mobile d'abordPrêt à développerUn seul interlocuteurLivré avec ses composants
Je veux un design qui convertit
03Comment ça se passe

Comprendre, structurer, dessiner.

On valide la logique avant le style. Vous voyez votre interface prendre forme, sans mauvaise surprise.

01

Audit

On analyse votre site actuel ou vos contenus, et ce que vos visiteurs viennent chercher.

Points de friction listés

02

Parcours

On définit les chemins clés et le rôle précis de chaque écran.

Parcours validé

03

Wireframes

La structure des pages, sans couleur, pour valider la hiérarchie.

Wireframes validés

04

Maquettes & système

Maquettes haute fidélité et design system léger, prêts pour le développement.

Maquettes HD + composants

Un seul interlocuteur · du cadrage au lancement

04Niveaux de fidélité

De la structure au système.

Trois niveaux de fidélité, trois validations. Les visuels ci-dessous sont des illustrations de la méthode, pas un projet client.

01 · Wireframe

La logique avant le style.

La structure de chaque page, sans couleur : on valide la hiérarchie et le parcours.

02 · Maquette HD

Le rendu final.

Typographie, couleurs, images : l'écran tel qu'il sera développé, desktop et mobile.

03 · Design system

Une base réutilisable.

Couleurs, textes, boutons, états : tout reste cohérent, même quand le site évolue.

Le design peut être développé dans la foulée.

05Réalisations liées

Des parcours pensés écran par écran.

Trois interfaces, trois logiques de parcours. Le statut de chaque projet est indiqué sur sa fiche.

Tous les projets
01 / 03 · Réalisation liéeLocation de voitures d'exception

LACETS

Ce que le projet montreParcours de réservation : recherche de disponibilités par dates, flotte détourée, vente et reprise.

Projet conceptuelHTMLCSSJavaScriptSur mesure
02 / 03 · Réalisation liéeExposition immersive · art

VEILLÉE

Ce que le projet montreParcours narratif : de la bougie au plein jour, effet lanterne, réservation d'un créneau.

Projet conceptuelHTMLCSSJavaScriptSur mesure
03 / 03 · Réalisation liéePlombier · Nantes

Alric Plomberie

Ce que le projet montreParcours d'urgence : « Où est la panne ? », étapes de l'appel à la réparation, rappel en un geste.

Maquette · données d'exempleHTMLCSSJavaScriptSur mesure
06FAQ · UI UX Design

Vos questions, nos réponses.

Des réponses franches. Si la vôtre n'y est pas, on en parle en 20 minutes.

Je veux un design qui convertit
Quelle différence entre UI et UX ?
L'UX, c'est le parcours : ce que le visiteur cherche et comment il y arrive. L'UI, c'est l'interface : typographie, couleurs, boutons. On travaille les deux ensemble, l'un ne marche pas sans l'autre.
Peut-on faire uniquement le design, sans le développement ?
Oui. Vous recevez des maquettes haute fidélité et un design system prêts à être développés. Si vous voulez qu'AKNO les développe aussi, voyez le service Site web.
Faut-il déjà avoir un site ?
Non. Avec un site existant, on commence par un audit UX. Sans site, on part de votre offre et de vos clients pour construire les parcours.
Combien coûte une mission UI UX ?
Cela dépend du nombre d'écrans et de parcours. Le tarif est fixé sur-mesure après un cadrage court, sans surprise.
Combien de temps faut-il prévoir ?
Selon le nombre d'écrans. Pour un site complet, design et développement compris, comptez en moyenne 4 à 8 semaines.
Que contient le design system ?
Les couleurs, typographies, boutons, champs et composants récurrents, avec leurs états. Une base légère que vous ou votre développeur pouvez réutiliser.
08Prochaine étape

Des écrans qui font agir.

Cadrage en 20 minutes. On regarde votre existant, vos objectifs, et si AKNO est le bon fit.

Je veux un design qui convertit
Sans engagementAppel 20 minRéponse < 24h
Je réserve mon appel20 min · sans engagement · réponse < 24h