Web Dev.

Swiss Peak - Development of a landing page

Client

Fictitious client

Team

Solitary project

Date and duration

2024

1 day

Role

Web Development

Section hero de la landing page du site Swiss Peak.
Section hero de la landing page du site Swiss Peak.
Section hero de la landing page du site Swiss Peak.

Afin d'obtenir ma certification Framer auprès de Flux Academy, il m'a été demandé de développer sur Framer la landing page d'une société fictive nommée Swiss Peak. Celle-ci devait contenir les éléments suivant :

  • Une section Hero avec un effet de parallaxe.

  • Une section "à propos" avec un effet sticky : le texte "what we do" devait accompagner le visiteur en scrollant vers le bas.

  • Un slideshow pour faire défiler des images.

  • Une section "Blog" avec des éléments interactifs.

  • Une section "newsletter" avec un champ de saisie d'adresse email et un effet d'apparition sur l'image de fond.

  • Un pied-de-page.

Le site est accessible en cliquant sur le lien suivant : Swiss Peak.

Une capture d'écran représentant la section Hero de la page d'accueil et le commencement de la section "à propos" du site Swiss Peak
Une capture d'écran représentant la section Hero de la page d'accueil et le commencement de la section "à propos" du site Swiss Peak
Une capture d'écran représentant la section Hero de la page d'accueil et le commencement de la section "à propos" du site Swiss Peak

Sections Hero et commencement de la section "à propos" du site.

Une capture d'écran représentant la section "à propos" et le slideshow du site Swiss Peak
Une capture d'écran représentant la section "à propos" et le slideshow du site Swiss Peak
Une capture d'écran représentant la section "à propos" et le slideshow du site Swiss Peak

Sections "à propos" et slideshow du site.

Section "Blog" du site.
Section "Blog" du site.
Section "Blog" du site.

Section "Blog" du site.

Une capture d'écran représentant la section "inscription à la newsletter" et Pied-de-page du site Swiss Peak.
Une capture d'écran représentant la section "inscription à la newsletter" et Pied-de-page du site Swiss Peak.
Une capture d'écran représentant la section "inscription à la newsletter" et Pied-de-page du site Swiss Peak.

Sections "inscription à la newsletter" et Pied-de-page du site Swiss Peak.

GUILLAUME
NORMAND
STUDIO

© Guillaume Normand 2024

GUILLAUME
NORMAND
STUDIO

© Guillaume Normand 2024

GUILLAUME
NORMAND
STUDIO

© Guillaume Normand 2024