Rami El Maher

Directeur du design
Consultant et auditeur UX/UI

Tous les projetsAgence digitale / Site web
Agence digitaleWeb adaptatifDesign UI

Flesk.

Agence digitale

Une présence d’agence au point de vue affirmé.

01 / Vue d’ensemble

Une voix singulière.
Une expérience cohérente.

Un site d’agence digitale reliant positionnement, expertises et réalisations.

Le design Flesk réunit stratégie, design produit et développement dans une même présence d’agence. Ses pages présentent d’abord l’offre de l’équipe, puis ses réalisations et les moyens d’entamer une discussion.

Mon travail de design d’interface développe une hiérarchie commune à ces pages et à leurs versions mobiles. Typographie, couleurs et modèles réutilisables donnent au contenu un rythme reconnaissable.

Mon rôle
Design UI
Expérience
Site d’agence
Projet
2022
Domaines
Services et réalisations

La direction de design

Clarifier l’offre.
Laisser parler les projets.

Un site d’agence doit affirmer un point de vue et aider les visiteurs à comprendre ce que l’équipe peut apporter. La structure relie cette introduction aux services, aux exemples de projets et au contact.

Une direction cohérente

01

Présenter.

Commencer par le point de vue de l’agence.

02

Expliquer.

Donner une place claire à chaque expertise.

03

Montrer.

Laisser les projets sélectionnés porter le récit visuel.

04

Relier.

Faciliter la prochaine prise de contact.

02 / Expérience du site

Une entrée marquante.
Une direction claire.

La page d’accueil associe typographie expressive, superpositions de contenu et visuels de projets pour présenter l’agence. Les services et les réalisations ouvrent un parcours dans le reste du site.

Flesk / Page d’accueil
Flesk / Page d’accueil
Flesk / Page d’accueilFaites défiler pour explorer ↓

Au cœur de l’expérience

Une agence.
Plusieurs portes d’entrée.

Les pages agence, expertises, projets et contact partagent un langage visuel, tout en donnant une structure propre à chaque type d’information.

01 / Agence

Présenter la pratique.

La page agence prolonge l’introduction par une mise en page éditoriale plus longue, avec des sections claires et des visuels d’accompagnement.

Ordinateur / Sélection de designs d’interface
Flesk / Agence
Flesk / Agence
Flesk / AgenceFaites défiler pour explorer ↓

03 / Expérience adaptative

Une voix claire.
À toutes les tailles.

Les versions mobiles transposent la typographie et la hiérarchie du contenu de l’agence dans une lecture verticale. Faites défiler chaque aperçu pour découvrir la page complète.

Flesk / Accueil de l’agence
01 / Accueil de l’agence

L’introduction de l’agence et une sélection de contenus.

Flesk / À propos de l’agence
02 / À propos de l’agence

Un récit éditorial plus long sur un écran étroit.

04 / Fondations visuelles

L’identité,
sur tous les points de contact.

Couleurs et typographie donnent à l’agence un langage visuel commun sur les pages web, les versions adaptatives et les couvertures des réseaux sociaux.

Fondations chromatiques
Fondations typographiques

Le travail réuni

Un rythme reconnaissable.
D’une page à l’autre.

Le site, les versions adaptatives et les fondations visuelles forment les composantes d’une même présence d’agence.

Cette sélection relie une première impression expressive à la présentation des services, aux projets et à la prochaine prise de contact.

Projet suivant

Quicktext. Retour à tous les projets