Skip to content

Amber-vdr/the-valley-nike-case-study

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

logo-red

Ontwerp en maak een responsive website voor een startup.

📋 Inhoudsopgave

💬 Over The Valley
🎨 Design challenge
🔖 Gebruik van de website
📸 Poster visual
🌐 Github Pages
📑 Checklist gelukt/niet gelukt
♦️ Licentie

💬 Over The Valley

The Valley is een digitale marketing agency die verschillende diensten biedt voor ondernemers om hun onderneming meer bekendheid te geven. The Valley is een moeder bedrijf van allerlei andere bedrijven. De bedrijven onder The Valley hebben allemaal een dienst wat ze verlenen. Dit zijn design, development, exposure, digital transformation en organization design. Zo hoeft de ondernemer niet een anderd bedrijf erbij te betrekken om bepaalde marketingstrategieën te bereiken. Dit doet The Valley allemaal voor de ondernemer.

🎨 Design Challenge

Het doel van de opdracht was om een design in Figma responsive te maken voor de mobiel (en tablet). Naast het responsive maken waren er ook een aantal richtlijnen waar we ons aan moesten houden. De richtlijnen waren een aantal verschillende animaties maken, een modal maken en een carousel maken. Het ontwerp voor de desktop mocht niet veranderd worden tenzij dit moet om animaties te realiseren.

🔖 Gebruik van de website

De gehele website is voorzien van een scroll animatie. Hoe meer je naar beneden scrolled, hoe meer je van de content komt te zien. Dit is met de gehele webpagina zo. Ik heb er ook voor gezorgd dat er een carousel aanwezig is op de website. Zo kan je op een knop drukken en naar de volgende afbeelding gaan. De webpagina is alleen te zien voor op de mobiel en op de tablet.

📸 Poster visual

☎️ Mobiel

screenshot-mobile

📱 Tablet

screenshot-tablet

🌐 Github Pages

https://amberhva.github.io/the-valley-nike-case-study/

📑 Checklist gelukt/niet gelukt

✅ Wat er wel is gelukt:

  • Animaties
  • Responsive (mobiel & tablet)
  • Carousel
  • HTML validatie
  • De gewenste content staat erin
  • Huisstijl is toegevoegd

❌ Wat er niet is gelukt :

  • Contact us knop werkend maken
  • Modal maken
  • Form maken
  • Form validatie
  • Het modal kunnen sluiten en weer openen
  • Responsive maken voor de desktop

💯 Kenmerken

  • HTML
  • CSS
  • JS
  • Visual studio Code
  • Figma
  • Carousel
  • Scroll fade-in (Intersection Observer)

Licentie

GNU GPL V3

This work is licensed under GNU GPLv3.