Uppdrag

Webbplats, grafisk profil

Min roll

Digital & Frontend designer

År

2020 - 2021

Kund

Valdemarsviks kommun

Byrå

Etendo Sverige AB

Uppdrag

Valdemarsviks kommun ville skapa en webbplats dit föräldrar som behövde tips, råd och stöd i sin föräldraroll kunde vända sig. Tre olika sidor skulle tillsammans agera vägledning för föräldrarna och ledorden var lekfullt, inbjudande och ”inte så kommunigt”.

Av de tre sidorna skulle den första sidan agera landningssida, medan de andra två riktade in sig på föräldrar till yngre barn respektive föräldrar till tonårsbarn. Landningssidan skulle ha två tydliga ingångar till undersidorna, och undersidorna skulle påminna om varandra men ändå vara tydligt skilda från varandra.

Vi blev även ombedda att fram en grafisk profil åt konceptet och hemsidorna.

Min roll i projektet var att ta fram en grafisk profil åt Föräldrawebben, ta fram design för de olika sidorna samt implementera designen i WordPress.

Grafisk profil och design

Projekt började med att fram en grafisk profil åt webbplatsen. Jag utgick jag från den profil Valdemarsviks kommun arbetar med för att behålla kopplingen till kommunen, även om Föräldrawebbens profil skulle stå på egna ben.

Den nya profilen arbetar med kommunens färger, dock med ett annorlunda grepp då färgerna blandas på ett nytt sätt. Jag valde även att lägga till det något kaxiga och ungdomliga teckensnittet Permament Marker för att kontrastera mot det lite mer strikta och raka teckensnittet som kommunen använder, och som också utgjorde en del av Föräldrawebbens profil.

Utöver logotyp, teckensnitt och färger tog jag även fram mönster för de två undersidorna. Ett lite mjukare, randigt, mönster till sidan för yngre barn och ett lite spretigare, spetsigt, mönster till sidan för tonårsbarn. De olika mönstrena kontrasterar bra mot varandra och ger även en hint av de olika sinnesstämningarna för de olika ålderskategorierna.

Designen på hemsidorna är mjuk och lekfull, d.v.s. motsatsen till en vanlig kommunhemsida. Med de böljande sektionsavskiljarna tillsammans med de mjuka och runda formerna blev sidorna moderna, inbjudande och lite busiga.

Verktyg

Adobe XD, Adobe Illustrator

Webbplatsen

Webbplatsen skulle vara enkel att administrera och kunna hantera flera olika sorters innehåll. Då Föräldrawebben är ett initiativ av en kommun fanns det även stora krav gällande digital tillgänglighet.

Webbplatsen byggdes i WordPress för att underlätta för kommunens administratörer, som redan var vana av WordPress gränssnitt. Vi skapade ett antal olika sid- och elementsmallar vilket underlättade för administratörerna att lägga in sitt innehåll och hantera sidorna.

Gällande tillgänglighet såg vi till att sidorna uppfyllde de krav som ställd i WCAG 2.1.

Verktyg

Wordpress

Språk

HTML, CSS

Webbplats

Gå till webbplatsen