Halmstad Partytält
Min roll
Webbdesigner
Webbutvecklare
Copywriter
Underhåll
Verktyg
WordPress
Uppdrag
Re-design av Halmstad Partytälts tidigare hemsida. Målsättningen var att modernisera designen samt lägga till funktioner och tydliggöra paket & priser.

Kundens behov
Tanken från början var att endast information och vissa texter skulle uppdateras på hemsidan. Under vårt möte kom vi dock fram till att det behövdes en större re-design och omutveckling av hela hemsidan för att genomföra deras målsättning. Kundens behov i förstahand var att göra om hela upplägget kring deras produkter som hyrs ut och även deras prislista. För det andra så gällde det att göra designen på hemsidan modernare och mer användarvänligt än tidigare.

Dialog med kunden
Efter att nya ägare tog över Halmstad Partytält tog de kontakt med mig för att se över företagets hemsida. Detta ledde till ett första möte där de berättade om sina planer med företaget och hur de vill skapa ett förtroende hos sina kunder.


Dialog med kunden
Efter att nya ägare tog över Halmstad Partytält tog de kontakt med mig för att se över företagets hemsida. Detta ledde till ett första möte där de berättade om sina planer med företaget och hur de vill skapa ett förtroende hos sina kunder.
Kundens behov
Tanken från början var att endast information och vissa texter skulle uppdateras på hemsidan. Under vårt möte kom vi dock fram till att det behövdes en större re-design och omutveckling av hela hemsidan för att genomföra deras målsättning. Kundens behov i förstahand var att göra om hela upplägget kring deras produkter som hyrs ut och även deras prislista. För det andra så gällde det att göra designen på hemsidan modernare och mer användarvänligt än tidigare.

Mina tankar
En viktig del för att hemsidas syfte skulle genomföras på ett bra sätt var lyckas reda ut prislistan på företagets produkter samt att underlätta bokningsprocessen för kunderna. Tidigare fanns inget fungerande kontaktformulär på hemsidan, vilket lades till och förbättrades. Jag gav som förslag att lägga till vissa funktioner i formuläret för att underlätta både för företaget och även för kunden. Därför kan man fylla i önskade datum för sin bokning i formuläret.
Katalog av produkter
På den tidigare hemsidan bestod undersidan med priser endast av en lång lista med produktnamnet samt ett pris. Detta upplägg såg ut som en vägg av text och var svårt att läsa av. Därtill fanns det ingen ytterligare information kring produkten. Jämförelsevis är den nya designen mycket tydligare i sin design. Prislistan är indelad i olika grupper, beroende på vilket område produkten är i. Detta tydliggör produkterna, samt att det är lättare att lägga till ytterligare information.

Design
För att lyfta en hemsidas design är det ofta de mindre detaljerna som gör stor skillnad. Därför designade jag exempelvis anpassade ikoner kopplat till de olika uthyrningspaketen som Halmstad Partytält erbjuder till sina kunder. Genomgående på hemsidan är det en tydlig design på upplägget, varje sektion får utrymme att ”andas”. Vilket i sin tur gör att hemsidan inte känns intryckt med innehåll som blir jobbig att ta sig igenom.
Vidare arbete
Sedan hemsidan blev levererad har jag fortsatt att uppdatera den åt kunden. Utöver det fortsätter vårt samarbete i form av att kunden önskar att lägga till fler bilder eller liknande under kommande säsonger.

Katalog av produkter
På den tidigare hemsidan bestod undersidan med priser endast av en lång lista med produktnamnet samt ett pris. Detta upplägg såg ut som en vägg av text och var svårt att läsa av. Därtill fanns det ingen ytterligare information kring produkten. Jämförelsevis är den nya designen mycket tydligare i sin design. Prislistan är indelad i olika grupper, beroende på vilket område produkten är i. Detta tydliggör produkterna, samt att det är lättare att lägga till ytterligare information.

Mina tankar
En viktig del för att hemsidas syfte skulle genomföras på ett bra sätt var lyckas reda ut prislistan på företagets produkter samt att underlätta bokningsprocessen för kunderna. Tidigare fanns inget fungerande kontaktformulär på hemsidan, vilket lades till och förbättrades. Jag gav som förslag att lägga till vissa funktioner i formuläret för att underlätta både för företaget och även för kunden. Därför kan man fylla i önskade datum för sin bokning i formuläret.


Vidarearbete
Sedan hemsidan blev levererad har jag fortsatt att uppdatera den åt kunden. Utöver det fortsätter vårt samarbete i form av att kunden önskar att lägga till fler bilder eller liknande under kommande säsonger.

Design
För att lyfta en hemsidas design är det ofta de mindre detaljerna som gör stor skillnad. Därför designade jag exempelvis anpassade ikoner kopplat till de olika uthyrningspaketen som Halmstad Partytält erbjuder till sina kunder. Genomgående på hemsidan är det en tydlig design på upplägget, varje sektion får utrymme att "andas". Vilket i sin tur gör att hemsidan inte känns intryckt med innehåll som blir jobbig att ta sig igenom.


Responsiv Design.
Responsiv design innebär att en hemsida fungerar och ser lika bra ut oavsett vilken skärmstorlek som används. Alltså, använder man mobilen så ska hemsidans funktioner och utseende vara anpassad efter denna enhet. En besökare ska inte behöva zooma och ha sig för att kunna använda hemsidan.

Responsiv Design.
Responsiv design innebär att en hemsida fungerar och ser lika bra ut oavsett vilken skärmstorlek som används. Alltså, använder man mobilen så ska hemsidans funktioner och utseende vara anpassad efter denna enhet. En besökare ska inte behöva zooma och ha sig för att kunna använda hemsidan.

För att få med samma innehåll på både mobiler och datorer kan man få anpassa hemsidans layout. Det innebär att man som utvecklare kan behöva flytta runt på element på hemsidan för att få till en fungerande design. När det kommer till anpassning för mobiler, finns det hel enkelt inget utrymme horisontellt, utan man behöver hitta vertikala lösningar som matchar helhetsbilden.

När det kommer till responsivdesign behöver man som utvecklare tänka på skalbar typografi. Det innebär att oavsett vilken skärmstorlek besökaren använder ska hen kunna ta del av innehållet utan att anstränga sig. Texter är av största vikt, då besökare inte ska behöva zooma för att kunna läsa informationen som finns på hemsidan. Därför utvecklar man texter som anpassar sig efter storleken på skärmen.

Det är viktigt att använda sig av konsistenta designval över hela sin hemsida. Besökaren ska alltså veta att den besöker samma hemsida oavsett vilken enhet som används. Därför gäller det att hitta en fin balans mellan att kunna flytta runt och ändra innehåll för att anpassa till mobiler, samtidigt som man vill behålla hemsidans identitet. På denna hemsida används färger och former som en stark identitetsfunktion.

För att få med samma innehåll på både mobiler och datorer kan man få anpassa hemsidans layout. Det innebär att man som utvecklare kan behöva flytta runt på element på hemsidan för att få till en fungerande design. När det kommer till anpassning för mobiler, finns det hel enkelt inget utrymme horisontellt, utan man behöver hitta vertikala lösningar som matchar helhetsbilden.

När det kommer till responsivdesign behöver man som utvecklare tänka på skalbar typografi. Det innebär att oavsett vilken skärmstorlek besökaren använder ska hen kunna ta del av innehållet utan att anstränga sig. Texter är av största vikt, då besökare inte ska behöva zooma för att kunna läsa informationen som finns på hemsidan. Därför utvecklar man texter som anpassar sig efter storleken på skärmen.

Det är viktigt att använda sig av konsistenta designval över hela sin hemsida. Besökaren ska alltså veta att den besöker samma hemsida oavsett vilken enhet som används. Därför gäller det att hitta en fin balans mellan att kunna flytta runt och ändra innehåll för att anpassa till mobiler, samtidigt som man vill behålla hemsidans identitet. På denna hemsida används färger och former som en stark identitetsfunktion.