WEBBDESIGN
PROJEKTET
Kunden & deras problem
Är en cateringfirma i Stockholm som även har en lunchrestaurang öppet under vardagar och erhåller en bokbar festvåning för bröllop, dop, födelsedagsfester osv.
De upplevde hemsidan som omodern, långsam, oorganiserad och ineffektiv med deras dåvarande bokningsfunktion för catering och festvåning.
Lösningen
Jag tog fram en ny visuell identitet med färger, typografi och bildspråk som skapade ett sammanhängande utseende och identitet. Därefter tog jag fram ett nytt upplägg på hur informationsträdet på hemsidan skulle byggas upp, samt hur den nya bokningsfunktionen skulle fungera. Jag designade sedan om och byggde upp webben på nytt från grunden i Elementor. Jag tog hjälp av Claude Opus 5.5 för att bygga upp bokningsformuläret, hamburgarmenyn och bildspel med kod för att få lyxiga funktioner fastän med Elementor Lite.
För att få ett helt uppdaterat och sammanhängande utseende för varumärket har Leo Melin tagit fram den nya logotypen, en logotyp-animation, visitkort, lunchmall samt banners/profilbild för deras sociala kanaler.
Område
Webbdesign
Branding
Program
RESULTATET
Spenat
#425441
Pistasch
#779675
Rödlök
#6B1C3C
Grädde
#F4F0E9
Svartpeppar
#000000
Färger
Färgerna baserade jag på tydliga ingredienser från matlagningen tillsammans med grundfärger för att skapa en harmonisk och aptitretande färgpalett.
Jag började med att ta fram en krämigare vit nyans Grädde som skulle fungera som bas för hela webbsidan och ge ett mjukt helhetsintryck – inte så sterilt och strikt. Därefter valdes den gröna färgen Spenat för att ge lite liv till bakgrunden så att man kunde dela upp informationen lite i olika sektioner. Jag kompletterade detta med en ljusare grön färg Pistasch för knappar, hover-effekter och VEG-markeringar som skulle behövas för menyer osv. Till sist tog jag fram den vinröda färgen Rödlök som fungerar som en kontrast till den de gröna färger och perfekt som textfärg ovanpå den krämvita färgen – för att ytterligare ge ett mer smakrikt, mjukt och spännande utseende i jämförelse med svart.
Typografi
Typografin valde jag genom att ha en modern men ändå klassisk antikva för rubriker och sedan kontrastera med en enklare och mer kondenserad brödtext.
Typografin grundades sig på ett klassisk men samtidigt modernt utseende. Jag ville använda mig en en typisk antikva för restaurangbranschen men fortfarande ge ett roligare och mjukare utseende som skulle passa ihop med färgpaletten. Därför valde jag den mjuka och nästan lite lekfulla typsnittet Fraunces för rubriker. Med vissa speciella utformningar av specifika bokstäver ger typsnittet texten karaktär.
Brödtexten ska mestadels fungera för informativt syfte och därför är den enkel att läsa i både mindre storlek och längre stycken. Men samtidigt ger den smalare formen texten lite karaktär, på så sätt att den upplevs lite mer försiktig och inte så glupsk, särskilt i samspel med de stora maffiga rubrikerna.
DESIGNPROCESS
Koncept som pitchades till kund
1
Stilren
Kall
Bra mat
Enkel
Koncept – Klassisk twist
Det första konceptet ville jag skulle kännas stilrent, fräscht, något kallare och klassiskt, men ändå med en personlig detalj, därav illustrationerna i lineart-stil (inte mina). En klassisk antikva som typsnitt för brödtext tillsammans med en mer modern antikva för rubriker, för att få det klassiska uttrycket men samtidigt ett lite mer spännande utseende. Och kalla färger som bibehåller det neutrala uttrycket.
2
Varm
Mänsklig
Kryddig mat
Expressix
Koncept – Hela världen
Andra konceptet skapade jag att förmedla en varmare, kryddigare och mer “internationell” känsla där världens olika smaker skulle vara i fokus. Därför valde jag en färgpalett som var mer färgglad, varm och mättad. Typografin blev en modern och ganska rundad sanserif tillsammans med en organisk, handskriven skript som en mänsklig kontrast.
Klar
Neutral
Stilren
Modern
Mänsklig
Designen som blev
Konceptet som “valdes” blev en blandning av koncept 1 och 2. Vi tog en del av det stilrena och klassiska från det första, med antikva och mer nedtonade färger, med uttryck från det andra konceptet med mjuka, rundade former och runda och mänskliga typsnitt.
