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


Ny hemsida till internationell parkjätte

Ny hemsida till internationell parkjätte

Ett av vinterns mest spännande projekt har varit ett samarbete med webbyrån Smode i Enköping. Smode har byggt en ny hemsida med jättecool webbshop åt den internationella parkspecialisten Lappset. Till slut drömde vi om rutschkanor och parkourbanor om nätterna!

Ny hemsida till Lappset.

Lappset Swedens startsida. Design: Smode AB.

För mig var det roligt att arbeta i team i ett större projekt än jag är van vid. Vi producerade i början ett stort antal handritade skisser, som under resans gång tog färg, form och funktion. Vi taggade upp tusentals produkter, som nu paras ihop till logiska sökresultat. Innehåll från över tusen sidor på den gamla webbplatsen skulle föras över till den nya och optimeras.

Förbättrade SEO-funktioner i Smodes publiceringssystem

I och med ombyggnaden passade vi på att förbättra funktionaliteten i själva publiceringssystemet. Mitt bidrag här var research, planering och skisser till nya sökmotoroptimeringsfunktioner. Själva programmeringen sköttes sedan av Kim Holm och Patrik Vikman på Smode.


Måste hemsidor se ut på ett visst sätt?

Måste hemsidor se ut på ett visst sätt?

Stora konstmuseer som Guggenheim har råd att satsa på grafisk design på webbplatsen. Ändå följer de flesta ett givet mönster – för att det invanda fungerar bäst. Varför det är så tittar vi närmare på här.

I artikeln På jakt efter utflippad design såg vi att även mer okonventionella hemsidor som Gudrun Sjödén är uppbyggda som alla andra. Huvudmenyn högst upp, shoppingrutan till höger. Låt oss se på ett exempel till.

Exempel på hemsidor med okonventionell design.

Huvudmenyn på Astrid Lindgrens Värld.

Astrid Lindgrens Värld – lekfullt men ändå klassiskt

Astrid Lindgrens Värld har satsat stort på fantasifull design som speglar sagorna. Ändå är webbplatsen långt ifrån röran i Villa Villekulla. Titta på huvudmenyn ovan: allt är tecknat, men i övrigt är allt som vanligt.

Med Pippi som webbdesigner skulle säkert allting sitta upp och ner, eller ha knasiga färger. I webbvärlden fungerar det mindre bra – jämför med ett kuvert, där frimärket satt på baksidan och adressen var skriven i rosa mot röd bakgrund. Det kanske går fram, men det tar längre tid. Tänk dig att skicka ett sådant kuvert när du söker jobb – risken är stor att det brevet aldrig ens blir öppnat, eller hur? Så är det också med hemsidor.

Fortsättning följer

Här har vi tittat på strukturen, men hur är det med färg och form? Och kan man använda vilka typsnitt som helst? Följ oss här på bloggen.

Tidigare artiklar i serien

Exempel på hemsidor, Astrid Lindgrens Värld.

Astrid Lindgrens värld, hemsidan.


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!


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


Ny hemsida till Psykoterapi Uppsala

Ny hemsida till småföretagare i Uppsala

Silberman Web & Text har byggt om Psykoterapi Uppsalas webbplats. Den nya hemsidan är mobilanpassad, sökmotoroptimerad och har fått en modernare design.

Ny hemsida anpassad till iPad.

Surfar man runt upptäcker man att det finns mängder av äldre webbplatser som skulle vinna på att göras om. De här webbplatserna var en gång toppmoderna, men även webbplatser behöver ibland få nya kläder och ny teknik. Det här insåg Psykoterapi Uppsala när mottagningen bestämde sig för att låta bygga om webbplatsen.

Personligare webbplatser utan färdiga mallar

Många små företag har webbplatser som ursprungligen är byggda i färdiga mallar. Vad företagen inte vet om är att det kan finnas tiotals andra i vitt skilda branscher i samma stad som har en liknande hemsida. Till och med bilden på startsidan är ofta densamma. Det är naturligtvis inte roligt för någon.

Psykoterapi Uppsala fick en helt unik ny hemsida, denna gång med systemet WordPress i botten. Vi behöll däremot färgskalan och en standardbild på näckrosor som kändes inarbetade och viktiga för just det här företaget.

En ny hemsida behöver inte bli dyrt

Små företag har ofta små webbplatser. Ofta behövs faktiskt inte mer än fyra till fem sidor. Därför behöver inte en ombyggnad bli så dyr och betalar sig oftast i längden. Viktigast av allt är sökmotoroptimeringen och webbanpassade texter: går du att hitta via Google har du en chans att hitta nya kunder via nätet. Och det är ju oftast hela vitsen med att över huvud taget ha en webbplats.

Besök Psykoterapi Uppsalas hemsida

Behöver du också ny hemsida till din verksamhet? Läs mer på Ny webbplats