← Toutes les réalisations

Site interactif style MacOS

18/02/2020 · Arthur Mondon

Site interactif style MacOS

Le point de départ

Ancien portfolio expérimental imaginé comme un bureau macOS dans le navigateur. L'objectif était de rendre la découverte des projets ludique et mémorable, pas seulement informative.

Le site devait donner l'impression d'un vrai environnement desktop.

Les objectifs

Reproduire barre de menu, fenêtres multi-tâches, dock / dossiers projets et webapps, et une personnalisation de fond d'écran persistante.

Chaque projet devait s'ouvrir comme une application.

La solution

Portfolio HTML / CSS / JavaScript / jQuery imitant macOS : fenêtres redimensionnables, dossiers Projets et Webapp, détails projet dans des fenêtres dédiées, et app Paramètres avec fond d'écran sauvegardé en local storage.

Les fonctionnalités

  • Barre de menu style macOS
  • Gestion multi-fenêtres (agrandir, réduire, fermer)
  • Dossier Projets présenté comme apps iOS
  • Dossier Webapp avec redirections
  • Application Paramètres pour le fond d'écran
  • Persistance du fond via local storage
  • Expérience desktop-like dans le navigateur

Les résultats et l’usage actuel

Un portfolio différenciant qui montrait déjà un goût pour l'UI détaillée et les interactions riches, tout en servant de vitrine projets.

Les choix techniques et les technologies

Technologies

HTML 5HTML 5
CSS 3CSS 3
JavaScriptJavaScript
jQueryjQuery

Découvrir le projet