Ny webbplats för unga på väg ut i arbetslivet

LOs helt omgjorda webbplats för unga som är på väg ut i arbetslivet, lo.se/ung, lanserades lagom till Almedalsveckan i Visby. Xponent fick uppdraget att, tillsammans med formgivaren Kim Sundström och Åsa Nordenskiöld från LO, ta fram en helt ny webbplats. Redan från start bestämde vi att webbplatsen skulle typograferas med Meta via Typekits servrar. Formen mejslades ut under flera veckor, där vi tittade på flera olika WordPress-teman, en mängd webbplatser och framför allt funderade över hur Kims grafiska program för LOs ungdomsmaterial kunde förvaltas. Xponent klädde sedan upp WordPress-temat Church från Studiopress i den nya designen (för övrigt samma tema som vi använder till Beridna Högvakten), vilket innebar att det valda temat arbetades om helt och hållet. Mycket ny funktionalitet kopplades till eller utvecklades för temat; Twitter, utdragna sidomenyer, länkar till sociala medier, Vimeo-koppling, nyhetsrum (med kopplingar mot Facebook, Flickr och Twitter). Till detta formgav vi en Twitter-sajt för Ungsidan, twitter.com/lo_ung, som kopplades både till startsidan och nyhetsrummet.

Webbplatsen är fylld med information riktad till unga människor som antingen tagit ett sommarjobb, jobbar extra under studierna eller skaffat sig sin första anställning. Här hittar de information om hur man skriver en jobbansökan, hur man bäst ställer upp ett CV, hittar uppgifter om skatt, jämkning och deklaration, dessutom en omfattande ordlista med begrepp från arbetslivet och det fackliga arbetet, samt numret till Fackets Hjälptelefon och mycket annat.

Om typograferingen

Detta uppdrag blev vårt första uppdrag där vi typograferade en hel webbplats med TypeKit. De valda typsnitten för LO.SE/UNG hittar du på http://typekit.com/colophons/zor1gnz. Just att vi kunde hålla ner antalet typsnitt till endast 3 stycken gör att laddtiderna för webbplatsen hålls nere.
Hela typograferingen följer den design som finns framtagen för allt LOs ungdomsmaterial (jmfr med deras JOBBA!-broschyr på Issuu). Brödtext och rubriker är helt typograferat enbart med Meta Web Pro, där vi använt Bold och text-transform: uppercase för rubrikerna. Även menyerna är typograferade med Meta Web Pro, där vi också valt att använda text-shadow för att ge dem ett eget utseende.