Icke-kommersiella webbplatser

Alla webbplatser är inte ute efter att sälja

Det var ett tag sedan jag rapporterade om nya webbplatser, men nu är det dags! Den här var speciell för den riktar sig till en väldigt smal målgrupp och är inte ute efter att sälja något. Utmaningen var alltså att skapa en icke-kommersiell webbplats som ändå behöver övertyga målgruppen, i detta fall myndighetspersoner.

Icke-kommersiella webbplatser

Inget hotell

Verksamheten driver ett humanistiskt boende för ungdomar. Mitt lustigaste minne från projektet är när jag skapade sidan om själva hemmet. Bilderna jag fick såg ut som hotellrum och mitt tjusiga upplägg hade passat perfekt för Scandic Hotel. Uppdragsgivarens kommentar, när jag stolt undrade vad hon tyckte: ”Nja, det är ju ett hem för ungdomar, inget hotell …”

En bild säger mer än tusen ord

Vi valde att arbeta mycket med bilder från själva verksamheten. Syftet här var att illustrera det som döljer sig bakom knastertorra myndighetsbegrepp som HVB, pedagogisk integration eller genusperspektiv. Efter att ha gått igenom ett stort antal bilder och testat och funderat känner vi oss nöjda. Vi lyckades med konststycket att helt och hållet undvika bildbanksbilder: inte en enda bild på handskakande människor eller blommor så långt ögat kan nå! Besök webbplatsen själv, så får du se.

Rund webbplats som blev fyrkantig

Den runda webbplatsen som blev fyrkantig

Det har blivit dags att skriva det sista kapitlet i serien om den runda webbplatsen, konstprojektet som experimenterade med form och typografi. Webbplatsen har nu legat online sedan slutet av september. Låt mig presentera den runda webbplatsen som blev fyrkantig!

Rund webbplats blev fyrkantig.

Utsnitt från en undersida.

Användarvänlighet går före originalitet

Du har kunnat följa arbetet med att ta fram en rund webbplats till konstverkstaden Teda Art Project här på bloggen. Tillsammans med textilkonstnären Eva Karlsson har vi testat oss fram, för att i slutändan ändå bestämma oss för en mer konventionell webbdesign. Det vill säga en formgivning baserad på fyrkantiga boxar.

På webben vinner det användarvänliga över det mer experimentellt konstnärliga. Företagaren vill nå ut med sitt budskap, och webbplatsbesökaren vill hitta informationen så enkelt som möjligt. Vilket i sig inte behöver innebära att användarvänlighet är likvärdigt med tråkig design.

Positiva reaktioner

Reaktionerna på Teda Art Projects nya webbplats har varit otroligt positiva, vilket har varit roligt både för Eva och för mig. Inspirationen kommer bland annat från museet Guggenheim – en i stort sett helvit webbplats, som liksom Tedas får sin speciella karaktär tack vare ett fantastiskt bildmaterial. Tedas fotomontage är signerade Bruna Ruggiano.

Gå gärna in och titta närmare på Teda Art Projects webbplats!

Tidigare inlägg


Copywriting – bland mögelskador och fukt

Copywriting – bland mögelskador och fukt

För ett tag sedan berättade jag om tjusningen med att som frilansande webbredaktör upptäcka nya världar. Då handlade det om kakelugnar – nu om mögelskador, klotter och fukt. Jag har nämligen jobbat med copywriting åt en fasadtvättfirma.

Copywriting för Lingfjords.

Lingfjords nya webbplats, ett samarbete med Smode.

När jag hade jobbat en längre tid med en kaminwebbplats började jag drömma om en egen kakelugn. Efter att ha jobbat med fuktskador i text och bild har jag däremot drömt mardrömmar – om mögel.

Copywriting kan leda till nya ovanor

En annan effekt av uppdraget är att jag lagt mig till med en ny ovana, som irriterar omgivningen. Jag ser fasader i behov av rengöring överallt. Och upplyser om vilka metoder som skulle kunna tänkas vara lämpliga: lite putslagning här, lite sandblästring där. Definitivt inte sodablästring. Och så vidare.

Bra copywriting kräver underlag från företagaren

Nej, jag kan egentligen inget om fasadtvätt. Hemligheten är givetvis att jag kunde utgå ifrån Lingfjords egen expertis. Deras egna texter gjorde jag sedan mer läsarvänliga, sökmotoroptimerade och lyfte fram budskapet på varje sida. Vill du nå ut till kunder och synas i Google måste du vara i det närmaste övertydlig och gå rakt på sak.


Ovanlig webbdesign: Vad bidde det av den runda hemsidan?

Ovanlig webbdesign eller Vad bidde det av den runda hemsidan?

Kanske minns du att jag tidigare skrivit om konstverkstaden som önskade en lite ovanlig webbdesign – en rund hemsida. Kanske undrar du vad det blev av den. Spänningen stiger för snart lanserar vi den nya webbplatsen!

Ovanlig webbdesign

Arbetet med konstverkstadens webbplats har legat nere en längre tid. Kursgårdens inriktning och företagarens visioner behövde mogna och ta form under sommaren. Andra uppdrag kom emellan även för mig.

Snart klara!

Efter intensivt arbete den senaste veckan har nu webbplatsen tagit form. Eller snarare har den skalats ner färg- och formmässigt, vuxit och försetts med fantastiska fotomontage skapade av den italienska formgivaren Bruna Ruggiano.

Den som väntar på något gott …

Tidigare inlägg


Omnämnd på högskolans hemsida

Hemligt omnämnd på högskolans hemsida

Av en slump upptäckte jag en dag att jag är omnämnd i en artikel på Högskolan i Borås hemsida. Och vet du vad? Jag, som i vanliga fall skyr media som pesten, blev faktiskt lite smickrad.

Sidhuvud på webbredaktörprogrammets hemsida.

Svårintervjuad webbredaktör

Media är toppen när man själv håller i pennan. Ända sedan mitt tidigare jobb, där jag ibland förväntades prata på fransk och italiensk tv eller radio, har jag däremot gått långa omvägar när jag sett en journalist. Ett jobb för belgisk barn-tv var The Total Horror. När högskolan frågade om de kunde få spela in en intervju med mig satte jag mig därför på tvären.

Artikel skriven av vår lärare

Högskolan gav upp efter ett tag och intervjuade i stället min kompis Jill Forsberg. Den artikel jag hittade häromdagen är däremot skriven av vår lärare på webbredaktörprogrammet, Petter Dessne. Helt i lönndom – egentligen borde jag vrida nacken av dig, Petter =). I stället säger jag: tack. Inga kameror, inga personliga frågor, bara ett fint omnämnande.

Om du vill kan du läsa artikeln på högskolans hemsida: Glada tongångar på webbredaktörprogrammet.


Okonventionell webbdesign

På jakt efter utflippad hemsida för inspiration

Teda Art Projects nya webbplats bör kännas som just Teda Art. Men hur brukar konstnärliga hemsidor se ut? Här går jag på jakt efter mer inspiration.

Jag började med att googla på både mindre konstprojekt i storlek med Teda Art, och världsledande konstmuseer som Tate, Louvren och Guggenheim. De mindre jag råkade hitta var inte intressanta ur webbdesignsynpunkt men det mest överraskande var att se hur konventionella även de stora museerna är. Det är otroligt snyggt, men fyrkantigt och symmetriskt.

Okonventionellt: Gudrun Sjödén

Eftersom Eva Karlsson, som driver Teda Art Project, är modedesigner tittade jag även på webbsajter som Marimekko och Gudrun Sjödén. Och här: bingo! Okonventionellt. Galet och utflippat.

Titta på bilden ovan. Se på detaljerna: kartan. Menyn. Kassarutan uppe till höger – med en tygkasse i stället för den konventionella kundvagnssymbolen. Och ”materialet” – gå in på webbplatsen och kolla närmare. Allt ser ut som gammalt papper eller tyg. Det är … typiskt Gudrun Sjödén.

Fortsättning följer

Jag hittade min utflippade sajt, men det är Gudrun Sjödéns stil, inte Teda Art Projects. Och märkte du en sak? Gudrun Sjödén har visserligen ett väldigt eget uttryck men allt sitter där det brukar. Menyn högst upp och köprutan uppe till höger. Det tittar vi närmare på nästa gång.

Tidigare artikel i serien:


Rund hemsida

”Helst skulle jag vilja ha en rund hemsida”

Har du tänkt på att de flesta webbplatser egentligen ser ganska lika ut? De har olika bilder och olika färger, men upplägget är ändå det samma. Fyrkantigt, liksom. Eller har du sett en helt rund hemsida på senaste tiden?

Det var när vi brainstormade inför Teda Art Projects nya webbplats som modedesignern Eva Karlsson utbrast: ”Helst skulle jag vilja ha en rund hemsida!”. Mindre symmetriskt och konventionellt. Mer ”Eva Karlsson”, helt enkelt.

Fyrkantigt, fyrkantigt, fyrkantigt

Jag surfade in på det rundaste jag kunde komma på: den japanska konstnären Kusamas hemsida. Fyrkantigt! Fast med hennes bollformade konst i fokus. Jag googlade på ”round websites” och fick fram 33 Websites with Rounded Corners. Runt? Nåja, sådär. Webbplatser är i grunden fyrkantiga och strukturerade som boxar i boxar, men kan förses med runda element.

Rund hemsida?

Runda element, som här på Naturskyddsföreningens webbplats.

Fortsättning följer

Jakten på okonventionell inspiration fortsätter. Följ arbetet med Teda Art Projects nya hemsida här på bloggen!


Egen webbplats till Stiftelsen Dag Hammarskjöldbiblioteket

Nu lanserar vi Stiftelsen Dag Hammarskjöldbibliotekets egen webbplats!

Arbetet med Stiftelsen Dag Hammarskjöldbibliotekets egen webbplats är klart. Den 11 februari 2013 lanserades webbplatsen och Stiftelsen finns nu även på Wikipedia och Facebook.

Ny egen webbplats till Stiftelsen Dag Hammarskjöldbiblioteket

Saknad uppstår när projekt är i hamn

Efter några roliga arbetsveckor med utvecklingen av Stiftelsens webbplats känner vi både glädje och en viss saknad. Arbetet med texterna om Dag Hammarskjöld var speciellt lustfyllt, liksom samarbetet med Dag Hammarskjöldbiblioteket. Eventuellt kommer webbplatsen att vidareutvecklas i framtiden – i dagsläget finns till exempel ännu inga språkversioner.

Tre beställare – trippel utmaning

När man utformar en ny webbplats präglar beställaren i regel designen. Det finns en logga, en given färgskala, en viss stil på bilderna. Beställare i det här fallet var de tre stiftarna Uppsala kommun, Uppsala universitet och Svenska FN-förbundet. Största utmaningen var att hela tiden få med alla tre i bild, text och formgivning.

Dag Hammarskjöldbiblioteket

Dag Hammarskjöldbiblioteket hör till Uppsala universitetsbibliotek och har internationella relationer som specialområde. Det är också officiellt depåbibliotekek för FN i Skandinavien.

Besök Stiftelsen

Tidigare artiklar om arbetet med webbplatsen


Wireframes till ny hemsida – vad är en wireframe?

Wireframes till ny hemsida – vad är en wireframe?

En wireframe är en enkel skiss till en kommande webbplats. Innan man börjar tänka på färg och form bör man nämligen strukturera upp innehållet. Här har vi tagit fram förslag till Stiftelsen Dag Hammarskjöldbibliotekets startsida.

Vad är en wireframe, Silberman Web & Text

Varför är skissen svartvit?

Färg och form är givetvis viktigt på alla webbplatser, både för företagets attraktionskraft och för läsbarheten. Risken med att börja webbplatsutvecklingen i den ändan är dock att man målar in sig i ett hörn. Du som kund kanske hakar upp dig på att första utkastet inte är så snyggt. Och webbdesignern kanske låser sig vid första bästa version i stället för att tänka kreativt.

Strukturen och innehållet är A och O

Det första man bör ha klart för sig är vad som ska ingå på webbplatsen. Blir det en stor webbplats? Kommer den att växa med tiden? Kommer den att finnas i flera språkversioner? Vem vänder sig texterna till? Vilka funktioner behöver dina webbplatsbesökare?

Först därefter kan man börja strukturera upp innehållet. Skapa menyer och logiska underavdelningar. Var ska sökrutan ligga? Vilken typ av meny vill du ha? Ska det vara bildspel eller stillbild på startsidan? Och så vidare.

Hur kommer slutresultatet att se ut?

Ibland följer man upp wireframen med en skiss gjord i till exempel Photoshop, denna gång i färg. Andra gånger börjar man bygga webbplatsen direkt. Förhoppningsvis finns då en grafisk profil med regler som webbdesignern kan följa. Färger, typsnitt, bilder.

Om du läser den här artikeln efter den 11 februari 2013 kan du se vad wireframen ovan till slut ledde till. Här kan du besöka Stiftelsen Dag Hammarskjöldbibliotekets nya webbplats.

Mer om wireframes på engelska Wikipedia


Coming soon-sida till Stiftelsen Dag Hammarskjöldbiblioteket

Coming soon-sida till Stiftelsen Dag Hammarskjöldbiblioteket

I väntan på den nya hemsidan har Stiftelsen Dag Hammarskjöldbiblioteket i Uppsala fått en coming-soon-sida på nätet. Planeringen och textproduktionen inför den nya hemsidan är i full gång.

Coming-soon-sida till Stiftelsen Dag Hammarskjöldbiblioteket.

Coming-soon-sidan ligger ovanpå den webbplats som nu byggs för stiftelsens räkning. Den kommer också att fungera som ansikte utåt under framtida uppdateringar av själva webbplatsen. Det är därför mången gång värt att satsa på en representativ tillfällig sida av det här slaget.

Stiftelsens nya hemsida kommer att lanseras den 11 februari nästa år.