Skip to main content

Etikett: Webbplats

Uppdaterad logotyp, grafisk bok och webbplats till Aktuariegruppen

Aktuariegruppen sökte en samarbetspartner som kunde hjälpa dem att förädla deras befintliga profil. De gillade den delvis men såg flera saker som inte kändes helt rätt, exempelvis färgerna. Vi bjöd in till en workshop där vi med grundarna av bolaget gick igenom deras verksamhet, deras varför, vision och hur de vill uppfattas både internt och externt. Därefter började vi arbetet med att forma om deras profil, utan att ta bort det som de i grunden ville ha kvar. Resultatet blev en förnyad logotyp och en ny grafisk bok som visar hur de ska kommunicera, både i text och design. En ny webbplats och mängder med mallar skapades så de nu kan jobba vidare med profilen på egen hand.

Uppdaterad logotyp och grafisk bok

Trycksaker

Till den grafiska boken tog vi fram förslag på trycksaker. I tryck kan antingen hela logotypen eller ikonen användas.

Webbplats i WordPress

Webbplatsen gjorde vi om och den fick både en ny, förenklad struktur och en design som matchar den nya grafiska profilen. Det fotades även nya bilder som mer följer det nya uttrycket.

Här kan du se resultatet, www.aktuariegruppen.se

Behöver du hjälp med företagets grafiska profil, trycksaker eller webbplats?

Läs mer via länkarna nedan eller kontakta oss på hej@odd.se. Det går även bra att chatta med oss under arbetstid, klicka på pratbubblan nere till höger. Vi hörs!

Komplett webbplats
Grafisk profil & logotyp

Webbplats till Organox

Vi fick äran att bygga en ny webbplats till Organox. Deras vision är att bidra till en frisk och grön natur för kommande generationer. De utvecklar, tillsammans med forskare och gröna näringar, naturliga och effektiva medel för att skydda skog, jord och trädgård. Du hittar dem mitt i de småländska skogarna med kontor i Växjö och lagerlokaler i Grimslöv.

Till designen fick vi fria händer att tolka deras verksamhet och bygga vidare på känslan i varumärket. Varmt och behagligt men samtidigt stilrent och enkelt. Webbplatsen är designad och uppbyggd i WordPress och kunden kan på egen hand uppdatera texter och bilder.

Här kan du se resultatet, www.organox.se.

Behöver du hjälp med företagets grafiska profil, trycksaker eller webbplats?

Läs mer via länkarna nedan eller kontakta oss på hej@odd.se. Det går även bra att chatta med oss under arbetstid, klicka på pratbubblan nere till höger. Vi hörs!

Komplett webbplats
Grafisk profil & logotyp

Varumärkesdesign och webbplats till Nest Förvaltning AB

Nest Förvaltning AB är en ekonomisk förvaltare som riktar sig till bostadsrättsföreningar. De hjälper till med allt från hyresaviseringar, budget och bokslut så att medlemmarna i föreningarna kan lägga mindre tid på att administrera. Vi fick äran att ta fram en ny logotyp med grafisk profil samt en ny webbplats och mallar för sociala medier, mailutskick och olika dokument.

Logotyp och tagline

Nest är en nystartad verksamhet men drivs av personer som verkat länge inom branschen. De önskade en logotyp som känns modern men ändå trygg och stabil. Den mörkblå färgen valdes för att ge en trygg men också mjuk känsla. Till logotypen tog vi även fram en tagline; Bo mer, förvalta mindre. Den syftar till den tid som frigörs genom att använda tjänsterna som Nest erbjuder. Istället för att lägga tid på ekonomisk hantering kan man prioritera sociala aktiviteter eller en avkopplande stund på balkongen. Administrera mindre och bo mer helt enkelt.

Grafisk bok

När logotypen var klar påbörjade vi arbetet med att ta fram en komplett grafisk profil med kompletterande färger, typsnitt, bildmanér och mallar för allt från den lilla mailsignaturen till skyltar, trycksaker, giveaways, bildekor och sociala medier till mailutskick och webbplats. Detta sammanställdes i en tryckt grafisk bok.

 

Sociala medier

I Canva skapade vi mallar för sociala medier som kunden själv kan anpassa för att använda vid olika tillfällen.

 

Webbplats

Deras webbplats är designad och uppbyggd i WordPress och kunden har möjlighet att uppdatera alla delar på egen hand. Deras önskemål var en modern och stilren webbplats med fokus på användarvänlighet och enkel att administrera. Då varumärket är nytt är det extra viktigt att vi i alla deras kanaler är extra tydliga med profilen och bygger på igenkänning.

Behöver du hjälp med företagets grafiska profil, trycksaker eller webbplats?

Läs mer via länkarna nedan eller kontakta oss på hej@odd.se. Det går även bra att chatta med oss under arbetstid, klicka på pratbubblan nere till höger. Vi hörs!

Komplett webbplats
Grafisk profil & logotyp

 

Tillgänglighetsanpassad webbplats till Vkna!

Vi fick äran att bygga en ny webbplats till tillgänglighetsbyrån Vkna. På Vkna jobbar de med att skapa schyssta arbetsplatser där alla är inkluderade. Det gör de genom att erbjuda verktyg för organisationer och leda dem i rätt riktning. I detta projekt var det extra viktigt med tillgänglighetsanpassning för att även webbplatsen ska vara inkluderande.

 

De önskade en design som följde deras grafiska profil och ledorden var kompetens, lustfyllt, mjuk pondus, erfarenhet, pedagogiskt och tillgängligt. Det resulterade i färgglada och lekfulla element som blandades upp med lite mer avskalade stycken för att få fram information på ett tydligt sätt. Vi ville även lyfta personerna bakom och deras erfarenheter och härliga personligheter.

Tillgänglighetsanpassning

Vi har arbetat med att öka webbplatsens tillgänglighet genom att anpassa design och funktioner enligt riktlinjer för WCAG, som är en standard för att göra webbplatser tillgängliga och användarvänliga för alla. Det inkluderar personer som har särskilda behov kopplade till syn, hörsel eller motoriska färdigheter. 

Vi har löpande under projektet tagit hjälp av en tillgänglighetskonsult som gjort användartester på webbplatsen för att säkerställa att navigationsstrukturen och att alla viktiga funktioner är åtkomliga via tangentbordsnavigering. Vi har även sett till att webbplatsen uppfyller tillgänglighetskrav genom att optimera kontraster för bättre läsbarhet och lagt till beskrivande alt-texter till bilder för att stödja skärmläsaranvändare.

Slutresultatet kan du se på www.vkna.se.

Behöver du hjälp med företagets grafiska profil, trycksaker eller webbplats?

Läs mer via länkarna nedan eller kontakta oss på hej@odd.se. Det går även bra att chatta med oss under arbetstid, klicka på pratbubblan nere till höger. Vi hörs!

Komplett webbplats
Grafisk profil & logotyp

SoMe-kort, en kortlek med kreativa idéer till företagets sociala medier

Allt började med en längtan efter en produkt… Nina kom på en idé som hon inte kunde släppa. En idé om en kortlek för alla som dagligen jobbar med att komma på innehåll till företagets kanaler. Vi vet av erfarenhet att många kämpar med detta och ofta är man rätt ensam i denna roll och behöver ständigt fylla på med inspiration. Med den här produkten blir det lättare att komma på idéer och kreativiteten finns alltid inom räckhåll.

Vi har byggt upp hela varumärket från grunden inklusive produktdesign och en e-handel där man kan beställa kortleken. This is SoMe – A deck of social media brilliance!

Logotyp och grafisk guide

Profilen är enkel och stilren men lite kaxig. Varumärket ska boosta målgruppens självförtroende att våga skapa. Den är svart och vit i grunden med inslag av neon. Ett tydligt bildmanér med fokus på typografin.

 

 

 

Design av kortlek och trycksaker

Tanken med kortleken och den tillhörande förvaringsboxen var att de skulle vara i lagom storlek så de både är lätta att bläddra igenom och att man enkelt kan ta med dem i väskan. Den skulle också vara snygg så att man gärna vill ha den framme på skrivbordet. Till slut landade det i svarta mattlaminerade A6-kort och en box i ljusgrått premiumpapper och präglad logo. När man tar av locket är underdelen av boxen fasad så att man kan se korten i den. Här är korrekturet som skickades till tryckeriet som skulle tillverka dem.

Utöver kortleken designade vi även övriga trycksaker såsom stickers, tejprullar, en innehållsplanerare och tack-kort att skicka med en order.

Webbplats med e-handel

Webbplatsen är byggd i WordPress och med tillägget WooCommerce för e-handeln. Det är en one-page-lösning för att hålla det enkelt med fokus på produkten och att bygga varumärket.

Här kan du se slutresultatet, www.somekort.se.

Sociala medier

På sociala medier delas både praktiska tips, hur man ska tänka kring strategi och konkreta tips på innehåll. Vi skapade snygga mallar som kan användas för Instagram och Pinterest. De är gjorda i Canva för att enkelt kunna byta ut texter och bilder för olika inlägg.

Behöver du hjälp med företagets grafiska profil, trycksaker eller webbplats?

Läs mer via länkarna nedan eller kontakta oss på hej@odd.se. Det går även bra att chatta med oss under arbetstid, klicka på pratbubblan nere till höger. Vi hörs!

Komplett webbplats
Grafisk profil & logotyp

 

Webbrelaterade begrepp att ha koll på

Det finns många tekniska termer att ha koll på när det gäller en webbplats. Vi har här samlat ett gäng begrepp som kan vara bra att ha koll på.

Alt-text

En text som beskriver innehållet i en bild. Med den kan de som använder uppläsningsprogram få ta del av vad bilden föreställer. Även bra för sökmotorerna som inte kan se bilden att få mer information om vad det är på den.

API

Ett API, Application Programming Interface, är ett verktyg som gör att olika mjukvaror kan prata med varandra. Det gör det enkelt för olika system att utbyta information utan att behöva veta hur den andra sidan fungerar. Ett exempel på detta är Google Maps API där man kan använda data från deras kartfunktion på sin egen webbplats.

Backend

Backend är den del av en webbplats eller applikation som användaren inte ser. Det är där data lagras och bearbetas, och det hanterar funktioner som databaser, servrar och logik som stöder frontend, den synliga delen av webbplatsen eller applikationen som användaren interagerar med. Se även frontend.

Brödsmulor/Breadcrumbs

En navigering som hjälper till att hålla reda på var i webbplatsens sidstruktur man befinner sig och som man kan använda för att klicka sig tillbaka.

Breadcrumbs på en webbsida.

Bugg

Ett fel som uppstått och som kan göra att en viss funktion inte fungerar som den ska eller att innehållet visas på fel sätt.

Cache

En cache är ett tillfälligt lagringsutrymme där data sparas för snabbare åtkomst vid framtida behov. Det gör att program och webbplatser kan laddas snabbare genom att återanvända tidigare hämtad information.

CMS (Content Management System)

Plattformar som gör det möjligt att skapa och uppdatera en webbplats utan att behöva skriva kod. WordPress är ett exempel på detta.

Cookies

Information som lagras i webbläsaren för att antingen spåra användarens aktivitet eller för att t.ex. komma ihåg inloggningsuppgifter. Enligt GDPR-lagen måste användaren godkänna att cookies lagras, därför ser man ofta en pop-up med alternativ för cookies.

CSS

Ett kod-språk som används för att stilsätta webbplatsen. Här bestäms bl.a. vilka färger och typsnitt som ska användas och hur stora de olika elementen ska vara. Man särskiljer utseendet från innehållet med hjälp av CSS.

Call to Action

En uppmaning till besökaren om att göra något. Kan vara att köpa något eller prenumerera på ett nyhetsbrev. Det görs genom en uppmaning i text och att tydligt visa var man ska klicka.

Databas

Ett system som gör det möjligt att lagra, hantera och hämta information. Exempelvis läggs all information på en webbplats som byggts med WordPress i en databas. När besökaren går till en undersida hämtas innehållet i databasen och presenteras på webbplatsen.

Domän

En unik adress till en webbplats som även kan användas för e-post. Domänen är som webbplatsens gatuadress, vår är odd.se. Det går att använda åäö i domänerna men det går inte att ha en e-post på domäner med åäö i sig.

Drop-down-meny

En undermeny på webbplatsen som först är dold och visas när användaren för muspekaren över eller har klickat på ett alternativ i huvudmenyn.

Favicon

En ikon för webbplatsen som visas i webbläsarens flikar. Samma ikon visas också när användaren har sparat ett bokmärke i sin webbläsare.

Favicon för en webbplats.

Frontend

De delar av en webbplats som är synliga och som man kan interagera med. Se även backend.

Hamburgermeny

En navigeringsmeny (vanligtvis tre streck) som ligger dold och öppnas när man klickat på den. Används ofta på mobilen för att spara utrymme på den lilla skärmen men idag är det allt vanligare att det även används på stora skärmar.

En hamburgermeny i mobilversionen av en webbplats.

Hero

Den övre sektionen av webbplatsens startsida som besökaren ser allra först. Den används ofta till en presentation av företaget, en call-to-action eller viktig information.

Hovereffekt

Hur ett element ändrar utseende när man för muspekaren över det, som den här länken som ändrar färg. Det används för att visa användaren att ett element är klickbart.

HTML

Ett kod-språk som används för att bygga upp webbplatsens struktur och innehåll.

JavaScript

Ett programmeringsspråk som används för att skapa funktioner på webbplatsen.

Landningssida

En tillfällig eller alternativ startsida på webbplatsen som kan användas för att göra besökaren uppmärksam på något särskilt. Man kan länka till den från t.ex. en kampanj eller annons för att visa innehåll som är relevant för just det.

Nyckelord

Ord och fraser som har med branschen och företaget att göra och som folk skulle kunna söka efter. Genom att inkludera dem i texter på webbplatsen kan den hamna i fler sökresultat på t.ex. Google. Se även SEO.

Pop-up

Ett fönster som öppnas över webbsidan och kan användas för information, få fler mailprenumeranter, ge rabatter i en e-handel eller en call-to-action.

Responsiv design

Att webbplatsens design är anpassad för att kunna visas på olika skärmstorlekar.

SEO (Search Engine Optimization)

SEO, eller sökmotoroptimering, är processen att förbättra en webbplats för att öka dess synlighet i sökmotorernas organiska (icke-betalda) sökresultat. Det innebär att göra förändringar i innehåll och struktur för att göra webbplatsen mer attraktiv för sökmotorer som Google.

Sidfot

Sektionen längst ner på en webbplats. Ofta innehåller den kontaktuppgifter, länkar och information om upphovsrätt.

Tillgänglighet

Att utforma en webbplats på ett sätt så den kan användas av alla, oavsett funktionsnedsättningar.

URL

Den fullständiga webbadress som används för att hitta specifika sidor på webben, t.ex. https://www.odd.se/blogg/

Webbhotell

Där läggs webbplatsen rent fysiskt. Du hyr utrymme på en server för att placera webbplatsen och betalar en avgift för det. Det är ofta där där du även har domänen och er e-post.

 

Dags att se över webbplatsen?

Behöver du hjälp med att styra upp er webbplats? Läs mer här, eller hör av dig på hej@odd.se så ser vi tillsammans över hur vi kan vidareutveckla den.