Mentor

En webbplats som engagerar unga.

Om samarbetet

Mentor är en ideell organisation som hjälper unga att växa, bli starka och tro på sig själva. Genom metoder som mentorskap för ungdomar, föreläsningar till elever och föräldrar samt opinionsbildning ger Mentor ungdomar en tro på framtiden. Organisationen engagerar – utöver ungdomar förstås – även volontärer, skolpersonal, ambassadörer och partnerföretag i sitt arbete.

Hur kan vi skapa ett uttryck som lockar företag, skolpersonal och karriärister, men samtidigt känns rätt även för ungdomar? Det var grunden i den utmaning som presenterades när Mentor beställde en ny webb och ett nytt samarbete inleddes.

Uppdrag

  • Koncept
  • Design
  • Teknisk utveckling

Teknik

  • WordPress

‍Webbplats

Video description

En ungdomligare look

Med så många olika intressenter och målgrupper blev det extra viktigt att få en tydlig bild av hur de skulle prioriteras. Därför inleddes arbetet med strategiska workshops för att på djupare plan skapa förståelse för de olika målgruppernas behov och beteendemönster. Där togs även ett målramverk fram med prioriterade mätområden och med hjälp av en sitemap och wireframes strukturerades innehållet och navigationen upp för att matcha besökarnas behov. På så sätt formades gemensamt en strategisk kompass som inte bara fungerade vägledande i att förstå vem webben primärt byggdes för, utan också skapar mervärde och mätbar effekt för Mentor som organisation in i framtiden. Samtidigt stöttar det i att ta fram ett designstarkt och tydligt koncept som inte låter sig kännas urvattnat i ett försök att tillfredsställa för många målgrupper.

En mix av maxat och enkelt

Som utgångspunkt fanns en rykande färsk uppdaterad grafisk profil, men den var då också helt oprövad i hur den skulle appliceras på en webbsida. Därför kom arbetet initialt att handla om att anpassa profilen till den nya kontexten, med allt vad gäller designsystem och tillgänglighetskontroll. I tätt samarbete med Mentors kommunikationsavdelning och genom en process med snabba iterationer landade teamet i ett uttryck som kändes helt rätt i förhållande till grafisk profil, målgrupper och ambitionen att skapa något annorlunda som upplevs lekfullt, ungdomligt och hoppfullt.

Resultatet blev en design som låter få enkla men starka element ta för sig ordentligt. Skarpa färger som skapar modiga kontraster balanseras upp av ett varmt och genuint bildspråk. Det tydliga, rena typsnittet leker sig in och lockar till läsning, med stöd av enkla geometriska former som lustfyllt animeras fram. Nya mentor.se är en mix av maxat och enkelt, med inspiration från både bauhaus och brutalism. Maxad minimalism, kan man kanske kalla det.

Roligare ansökningsprocess

Utöver den nya formen har mycket fokus legat på att få ansökningsprocesserna för mentorskap – för både ungdomar och mentorer – att bli mer effektiva samt kännas roligare och mer engagerande. En utmaning som tacklades genom att utveckla ett avancerat formulärsverktyg, komplett med CRM-integration mot Salesforce, genom vilket Mentor har kunnat ersätta de gamla, tråkiga formulären med lustfyllda dynamiska flerstegsformulär inspirerade av onlinequiz.

Skiss över webbplatsens formulärflöde
Skisser över Mentors webbplats

Att koda hållbart

Nästa prövning var att inom projektets tidsram omvandla den nya, utmanande designvisionen till hållbar kod. Något som behövde vara både lätt för redaktörer att förvalta i Wordpress – med modulärt tänk för innehållsblock – och fullt responsiv för alla typer av enheter. Därtill skulle mentor.se gå att duplicera för flera andra länder och språk, däribland en spegelvänd arabisk version.

Designen var en utmaning att bygga modulärt och responsivt, men givet projektets ramar en förutsättning för att ro det i hamn. Med få sidmallar, många block-moduler samt ett dynamiskt formulärsverktyg kunde vi skapa en lösning som ger redaktörerna stor men hanterlig flexibilitet utan kompromisser kring det starka formspråket. Modulbiblioteket är också enkelt att bygga ut vid framtida behov - en framtidssäker lösning, helt enkelt!

Resultat

Mentors nya webb har tagits emot med glädjerop, stolthet och stor entusiasm, både internt inom organisationen men även bland externa aktörer och ungdomar.Vilket lyft! Väldigt snygg och modern design.

I och med den nya webbplatsen kan Mentor kommunicera på ett mer inspirerande sätt med sina olika målgrupper, samtidigt som den engagerar och är ett bärande verktyg för programverksamheten.

Nya mentor.se är välkomnande och kommunicerar verkligen vad Mentor är för organisation!

Firas Al Saati, Digital produktägare, Mentor Sverige

Projektgrupp

Niklas Jakobsen

Projektledare

Yoel Svenzén

AD

Jakob Stasilowicz

Ansvarig utvecklare

Emma Mardell

Analytiker

Fler case

Case om Medborgarskolans webbplats

Där intresse blir till kunskap

Case om Starta Eget Stockholm

Inspirerar till företagande

Kontakta oss

Är du på jakt efter en fantastisk digitalbyrå? Fyll i formuläret så hör vi av oss så fort som möjligt! Eller kontakta oss direkt genom kontaktuppgifterna här nedan.

Genom att klicka på Skicka godkänner du vår integritetspolicy

Tack för ditt meddelande!
Vi återkommer till dig inom kort.
Oops! Something went wrong while submitting the form.