CASE
CASE
OM MIG
OM MIG

wasa -
BY WILLE

NY WEBBPLATS TILL Wasa - By Wille

Wasa Ekotextils nya webbplats skapades för att förena företagets två varumärken och samtidigt erbjuda en sömlös och integrerad e-handelsupplevelse.

Syftet med webbplatsen var att tydligare kommunicera företagets erbjudande genom en stilren och attraktiv design, anpassad för att engagera kvinnor i åldrarna 25–65 år.

WEBBYRÅ

Sphinxly webbyrå

MIN ROLL

Idé/ koncept
UI/UX Design

ÅR

2022
Besök
Hemsidan
By Willes Hero - enkel och tydlig layout med stora bilder.

OM PROJEKTET

Tidigare fanns Wasa Ekotextils två varumärken på separata webbplatser, där besökarna hänvisades vidare till en extern e-handelslösning hos tredje part.

Wasa Ekotextil hade tidigare två separata varumärken som presenterades på egna webbplatser. Dessa webbplatser saknade egen e-handelsfunktionalitet och hänvisade istället besökarna vidare till en extern e-handelsplattform från tredje part. För att skapa en tydligare varumärkesupplevelse och förbättra kundresan bestämde vi oss för att utveckla en helt ny webbplats – Bywille.com. Den nya webbplatsen förenar de två varumärkena under ett och samma tak och erbjuder en smidig, integrerad e-handelsupplevelse där besökaren enkelt kan utforska och handla från båda sortimenten på ett och samma ställe.

01
Visuell identitet

Minimalistisk design med fokus på tydlighet – En stilren webbplats där produkterna får stå i centrum

Målet var att skapa en stilren och minimalistisk webbplats där produkterna skulle få stå i centrum och lyftas fram på bästa sätt. För att uppnå detta valde vi medvetet en neutral färgpalett och ett avskalat visuellt uttryck som säkerställde att fokus förblev på produkterna. Stor vikt lades vid att designen skulle vara tydlig, harmonisk och lätt att navigera, med hög läsbarhet för besökaren. När det gällde typografin valde vi Open Sans, ett modernt sans serif-typsnitt som med sin neutrala karaktär och utmärkta läsbarhet kompletterade designens helhetsintryck perfekt. Den neutrala stilen och tydliga typografin bidrar tillsammans till en behaglig användarupplevelse där produkterna alltid står i centrum.
TYPOGRAFI
FÄRGER
#000000
#D9C8BE
#F0F0F0
#FFFFFF

02
Idé arbete / wireframes

En inspirerande och lekfull design som lyfter fram produkterna – med balanserad kontrast mellan kreativitet och minimalism

I designprocessen valde vi att låta produkterna och bildmaterialet stå i centrum, vilket skapade en tydlig visuell identitet som direkt fångar besökarens uppmärksamhet. Särskild vikt lades vid inspirationssidan, där artiklarna fick ett generöst utrymme med stora bilder presenterade i en dynamisk och lekfull layout. Detta gjorde det möjligt att inspirera och engagera besökaren på ett effektivt och kreativt sätt. För att skapa en tydlig kontrast och samtidigt bibehålla en professionell balans, hölls övriga delar av webbplatsen konsekvent strikta och minimalistiska. Genom att kombinera en lekfull och inspirerande del med en i övrigt avskalad och stilren design, kunde vi både väcka intresse och förmedla en tydlig känsla av kvalitet och seriositet.
Design som lyfter fram produkterna – tydligt, stilrent och effektivt
Desktop High-end wireframes.
Mobil high-end wireframes.

04
KONCEPT / DESIGN

Användarvänlighet i fokus – en genomtänkt och avskalad design som skapar en behaglig upplevelse för alla målgrupper

Under designprocessen låg stort fokus på att skapa en användarvänlig och intuitiv webbplats. Till en början kändes vissa detaljer nästan för enkla och avskalade, men när samtliga element kom på plats visade det sig att enkelheten stärkte helheten. Resultatet blev en tydlig, proffsig och välgenomtänkt sida där varje detalj hade sin tydliga funktion. Animationer och effekter användes medvetet sparsamt för att säkerställa att upplevelsen blev lugn och harmonisk, vilket passade särskilt väl med hänsyn till den äldre målgruppen. På så sätt skapade vi en webbplats som inte bara kändes professionell, utan också behaglig och trygg för användarna.
Startsidan inleds med en tydlig presentation av de två varumärkena, följt av en framträdande sektion som lyfter företagets hållbarhetsarbete.
Startsidan – tydlig överblick av produktkategorier och utvalda favoriter
Startsidan avslutas med tydliga puffar och en överskådlig footer.
Kategorisidan för BY WILLE
Arkivsida för produkter
Produktsida – smidig matrisfunktion gör det enkelt för butiker att beställa flera produkter samtidigt.

Användarvänlig navigering, inspirerande bildmaterial och mobilanpassad design – en genomtänkt helhetsupplevelse

Vi lade stort fokus på att utveckla en intuitiv och tydlig navigation för att säkerställa en optimal användarupplevelse. Målet var att filtren skulle vara enkla att förstå och använda, vilket underlättar för besökarna att snabbt hitta rätt produkter. Samtidigt prioriterades bildmaterialet högt – varje bild valdes omsorgsfullt för att inspirera, engagera och förstärka varumärkets visuella identitet. Kombinationen av en smidig navigering och inspirerande bilder skapade en helhet som både förenklar kundens köpresa och förstärker det visuella intrycket av webbplatsen.

05
Vad har projektet lärt mig

Smart och mobilanpassad lösning för volymköp – med FAQ-inspirerad dropdown-navigering

Jag designade en smidig och effektiv lösning för butiker som handlar produkter i större volymer. Utmaningen låg främst i att skapa en användarvänlig mobilversion, då mängden information riskerade att bli överväldigande på mindre skärmar. För att lösa detta implementerade jag ett FAQ-inspirerat system, där innehållet presenteras i tydliga dropdown-sektioner. På så sätt blev navigeringen intuitiv och överskådlig även i mobilen, samtidigt som användaren enkelt kan komma åt detaljerad information vid behov.

Säkert och användarvänligt adminsystem – smidig registrering och inloggning för en tryggare köpupplevelse

Till webbplatsen skapades även ett användarvänligt och säkert administrativt system, anpassat för kundernas specifika behov. Systemet kräver att besökarna först registrerar ett konto och loggar in innan de kan handla på hemsidan, vilket ger både trygghet och kontroll för företaget och dess kunder. Genom att implementera en smidig registrerings- och inloggningsprocess säkerställdes en bekväm användarupplevelse samtidigt som företaget enkelt kan hantera och följa upp kundaktiviteter. Denna lösning stärker relationen med kunderna, skyddar exklusivt innehåll och underlättar administrationen för både kunder och företag.

Från traditionell artikel till levande inspiration – en lekfull layout där bilderna får ta plats

Vanligtvis presenteras artiklar med en klassisk, löpande text i ett traditionellt format. För Wasa Eco valde vi däremot att utmana detta genom att skapa inspirationsartiklar med en mer dynamisk och lekfull layout. Här fick bilderna ett generöst utrymme och placerades strategiskt för att väcka nyfikenhet, inspirera och skapa ett visuellt flöde. Istället för långa textblock valde vi att låta bilderna samspela med korta, koncisa textstycken, vilket gav en mer engagerande och lättläst upplevelse för besökaren. Resultatet blev en levande och kreativ layout där inspiration och produktpresentation går hand i hand.
FLERA CASE
XEC GROUP
MARBAN
LUNDBERGS
WASA - BY WILLE
SALESGROUP
BLACK CAT