Projet 06 / 08 Développement Web — 2023

Apple Watch

Dans le cadre de mon parcours scolaire, j’ai réalisé une landing page pour l’Apple Watch Series 10 en utilisant HTML, CSS et JavaScript. Inspiré de la page officielle d’Apple, l’objectif était de créer une page fonctionnelle, responsive et visuellement attrayante — en respectant les codes esthétiques de la marque tout en apportant ma propre créativité.

(01) Qualités développées
01
Développement WebHTML, CSS & JavaScript vanilla
02
Test & DébogagesDevTools, correctifs & validation
03
Design WebMise en page responsive & UX
04
AutonomieInitiative, rigueur & auto-formation
(02) La démarche
01

Recherche & Analyse

Le projet démarre par une phase de recherche et d’analyse. J’ai étudié la structure et le style de la landing page officielle d’Apple pour l’Apple Watch Series 10, en identifiant les codes esthétiques et l’architecture à intégrer tout en apportant ma propre créativité.

02

Développement

J’ai codé la landing page en HTML pour la structure, CSS pour la mise en page responsive et JavaScript pour les éléments interactifs — animations, effets au survol et transitions. Des images haute qualité ont été intégrées pour renforcer la cohérence visuelle du produit.

03

Test & Optimisation

En phase finale, j’ai travaillé sur l’optimisation des performances et du temps de chargement. J’ai vérifié la compatibilité sur différents navigateurs et appareils pour garantir une expérience fluide, en corrigeant les bugs et en affinant les détails de design.

01 — Recherche & Analyse/ 03
(03) — Exposition

Réalisations

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

01 — Header apple
Header
01Header apple
Design élégant
02Design élégant
Fonctionnalités
03Fonctionnalités
En temps réel
04En temps réel
Soucis du détail
05Soucis du détail
Test coloris
06Test coloris
Footer
07Footer apple
01 / 07
Projet suivantInterview Zenzile
↗︎