GRUPPARBETE

Iris Blommor

En responsiv webbplats för en blomsterbutik som skapades i grupp. Projektet kombinerar design, funktionalitet och kreativitet för att skapa en användarvänlig och inspirerande upplevelse.

Iris Blommor webbplats visad på en laptop
Startsidan för Iris Blommor

Startsida

En välkomnande startsida med en stämningsfull bild och tydlig information om företaget.

Produktsidan Begravning

Produktsida – Begravning

En tydlig produktsida med bilder, priser och olika alternativ för blomsterarrangemang.

Beställningssidan för Iris Blommor

Beställningssida

En enkel och tydlig beställningssida som gör det lätt för användaren att lägga en beställning.

Om projektet

Iris Blommor är en responsiv webbplats som skapades i grupp under kursen HTML och CSS. Idén var att skapa en blomsterbutik med fokus på en vacker design, tydlig struktur och en trevlig användarupplevelse. Projektet innehåller flera undersidor, en beställningssida och en enhetlig visuell identitet med logotyp, färger och bilder som passar målgruppen.

Mål och syfte

Skapa en inspirerande webbplats för en blomsterbutik med en personlig och enhetlig design.

Arbeta i grupp och kombinera våra kunskaper för att skapa en fungerande helhet.

Ge användaren en enkel och trevlig upplevelse med tydlig navigering och responsiv design.

Min roll och arbetsprocess

Jag har haft en stor roll i planeringen, designen och utvecklingen av vår webbplats. Jag kom på idén om en blomsterbutik, gjorde skisser och designade logotypen och faviconen.

Jag har ansvarat för HTML och CSS på sidorna för blommor, begravning, födelsedag, bröllop, annat och beställning. Jag har även utvecklat headern, navigationsmenyn, den responsiva hamburgermenyn, animationer och hoppa-till-knappar.

Jag har arbetat med mobilanpassning, automatiskt dark mode och SEO för att göra webbplatsen mer användarvänlig och lättare att hitta via sökmotorer. Dessutom har jag letat upp bilder och länkar till samarbetspartners och sociala medier.

Under grupparbetet har jag tagit initiativ till möten och försökt skapa god kommunikation. Samarbetet har ibland varit utmanande på grund av bristande kommunikation, men jag har försökt ta ansvar och driva arbetet framåt.

Teknik

HTML CSS Responsiv design Dark mode SEO Animationer

Vad jag har lärt mig

  • Planering, design och utveckling i ett större projekt
  • Att samarbeta och kommunicera i grupp
  • Att skapa en responsiv och användarvänlig webbplats
  • Tillämpning av HTML och CSS i praktiken
  • Arbeta med mobilanpassning, dark mode och SEO
  • Vikten av en tydlig struktur och enhetlig design
  • Hur man skapar en bättre användarupplevelse

Resultat

Vi har skapat en komplett och fungerande webbplats för en blomsterbutik med flera undersidor, en beställningsfunktion och en enhetlig visuell identitet. Projektet har gett mig värdefull erfarenhet av både teknisk utveckling, designarbete och samarbete i grupp.

Ett kreativt projekt
som kombinerar design,
teknik och samarbete!