Webbrapport – Olival-projektet

Reflektion

Att skapa webbsidan Olival.fi har varit både utmanande och givande. Projektet krävde planering, struktur och kreativitet för att skapa en fungerande och estetiskt tilltalande webbplats. I början hade jag ingen aning om vad jag skulle göra en webbsida om men jag tycker om att laga mat och därifrån kom ideen att laga om någon specifik produkt inom mat industrin som sen blev oliv olja. Hela webbsidan borde vara responsiv för vilken dator, tablet eller mobil så fritt fram att testa på alla! Alla bilder och videon som finns på webbsidan är AI gjorda i Canvas eller från Canvas photo album som man får fritt använda.

Problem och lösningar

De största utmaningarna låg i att få layouten att fungera responsivt och att välja mellan CSS Grid och Flexbox. Jag fick justera flera element för att de skulle se bra ut på både mobil och desktop.

Vad var enkelt och roligt?

Det var roligt att designa startsidan och välja färger, typsnitt och bilder som speglar Olivals varumärke. HTML-strukturen var enkel att sätta upp tack vare tidigare övningar.

Tidsåtgång

Jag lade ner cirka 15 - 20 timmar totalt, varav mest tid gick åt till designjusteringar och testning.

Vad jag lärt mig

Jag har lärt mig mycket om semantisk HTML, responsiv design och vikten av tydlig navigation. Jag har också fått bättre förståelse för CSS-strukturering.

Kursreflektion

Kursen har varit lärorik och praktisk. Jag uppskattade hur vi gick frammåt varje föreläsning och i en bra takt!

Extra poäng?

Jag hoppas att designens tydlighet och struktur kan ge lite extra poäng. Jag har fokuserat på användarvänlighet och en ren layout som speglar Olivals webbsida. Tips! Videon på landingpagen har också ljud men jag har lagt den på mute så man kan trycka bort mute så har den också musik!

Plan

Hur jag började laga webbsidan var med en väldigt simpel draw.io. Som sen byggde en simpel struktur var jag kunde bygga webbsidan runt om!

Webbstruktur