Projet 03 / 08 Web Design — 2024

Spid Watch

Dans le cadre d’un projet de web design, j’ai conçu une maquette HD complète pour Spid Watch — une landing page immersive et une page produit dédiée, entièrement réalisées sur Figma. L’objectif principal était de créer une expérience visuelle forte autour d’une montre connectée sportive, avec une direction artistique sombre et dynamique, des animations de navigation et des pop-ups interactifs.

(01) Qualités développées
01
Web DesignConception UI & expérience utilisateur
02
FigmaMaquettage HD & prototypage interactif
03
Direction artistiqueDark theme, néon & typographie impactante
04
Maquette responsiveLanding page, page produit & pop-ups
(02) La démarche
01

Recherche & Benchmark

Étude du marché des montres connectées sportives, références visuelles et définition de la direction artistique — dark theme, accents néon jaune/vert, typographie percutante et identité de marque forte.

02

Structure & Wireframes

Conception de l’architecture des pages : landing page avec sections hero, performances, précision clinique, laboratoire de poche, actualités et boutique. Définition des flux de navigation et des zones d’interaction.

03

Maquette HD

Design haute fidélité sur Figma de la landing page complète et de la page produit Spid Watch Pro — mise en page, hiérarchie visuelle, intégration des composants UI et cohérence graphique sur tous les écrans.

04

Pop-ups & Animations

Création de 3 pop-ups interactifs, des animations de menu et des transitions entre pages. Assemblage du prototype Figma avec liaisons et micro-interactions pour une présentation finale complète.

01 — Recherche & Benchmark/ 04
(03) — Exposition

Réalisations

Les livrables produits durant le projet — survolez pour explorer, cliquez une carte pour la mettre au centre.

01 — Hero section
Hero section
01Hero section
Caractéristiques
02Caractéristiques
Page produit
03Page produit
À propos
04A propos
Menus
05Menus
Actualités
06Actualités
Application reliée
07Application reliée
01 / 07
Projet suivantDream 50
↗︎