först tog jag fram ett förslag för hur sidan skulle kunna se ut. efter feedback från kontaktperson på recitera och kund reviderades förslaget till nya wireframes för hem-sidan, en statisk sida med information och sidan som presenterar webbyrå konferens samarbetspartners. utveckling av webbplats när skisserna och sidstrukturen var klara var det dags att börja utveckla själva webbplatsen. webbplatsen webbyrå i sverige – grafisk design, webbdesign bygger på ett cms (content management system) som heter wordpress. jag valde ett tema som heter tracks och skapade ett child theme för att kunna skapa min egen design över webbplatsen som inte påverkas av eventuella uppdateringar för orginaltemat. jag valde temat tracks eftersom jag jag upplevde det som enkelt och rent med stora möjligheter till modifikation för min egen design. formuläret för att skicka en förfrågan är skapat med hjälp av ett plugin-program som heter formidable för att en administratör för webbplatsen skall kunna motta förfrågan i wordpress admingränssnitt samt få en notifikation per mail när en ny förfrågan inkommit. sidstrukturen är skapad i wordpress admin-gränssnitt. utseendet är skapat med html och css. några ytterligare funktioner för webbplatsen skrev jag i php.
Webbyrå stockholm wordpress
webbyrå – webbdesign, logotyp & seo

dessa funktioner är för att få in en egen logga på alla sidor, ha en sida för inlägg utan paginering samt för att lägga det senaste inlägget sist (se bilaga 2). detta för att inläggen på webbplatsen läggs till som samarbetspartners. en administratör för webbplatsen kan på så sätt lägga in nya samarbetspartners från topp till botten. jag har även installerat ett plugin- program som heter intuitive custom post order för att en administratör enkelt skall kunna flytta och byta ordning på samarbetspartners om så önskas. under utvecklingen har jag utgått från mobile first och sedan anpassat det för större skärmar. seo för att optimera webbplatsen för sökmotorer använde jag mig av riktlinjerna i googles search engine optimization starter guide (wordpress). varje sida sida har fått en titel som representerar innehållet på sidan, url-strukturen är kort och visar titeln på den sida man är inne på. innehållet har strukturerats för att göra det lättläst för användaren. webbplatsen har även fått en beskrivning och nyckelord i meta-taggar.

användartest jag genomförde fyra användartester. två tester på en mobiltelefon, två tester på en dator. användarna fick några olika uppgifter att genomföra. dessa uppgifter var att läsa om en specifik konferensanläggning på webbplatsen, ta kontakt med webbyrå konferens och skicka en förfrågan på en konferens. användarna uppmuntrades att ”tänka högt” under testet. under testerna satt jag bredvid användaren och förde anteckningar. efter testerna var det vissa saker på webbplatsen som behövde revideras och arbetas med innan leverans. resultat sitemap sidstrukturen bygger på den webbplats webbyrå konferens har idag.

köpa hemsida till ditt företag? webbyrå stockholm

webbplatsen får en ny sida för samarbetspartners där webbyrå konferens kan publicera de företag de jobbar tillsammans med från wordpress admingränssnitt. möjligheten att skicka en förfrågan på en konferens finns på tre olika ställen. den finns på hem-sidan för att en användare snabbt skall kunna skicka en förfrågan om så önskas, den finns på sidan presentation för att en användare skall kunna skicka en förfrågan efter att ha läst mer om vad webbyrå konferens jobbar med, den finns även tillgänglig om en användare klickat in för att läsa mer om en samarbetspartner för att användarna skall kunna skicka en förfrågan om de hittat en anläggning som verkar intressant eller liknande . formuläret för att skicka en förfrågan finns i en knapp som visar formuläret på samma sida för att minimera stegen användaren måste navigera sig genom den första wireframe jag skapade visar hem-sidan

jag skapade den för att kunna visa upp hur jag tänkte mig att designen kunde se ut. jag förklarade att möjligheten till att skicka en förfrågan finns på hem-sidan så användaren inte behöver lämna den för att kunna skicka en förfrågan. efter att ha visat den fick jag en del feedback och en del ändringar som behövde göras. kunden ville att webbplatsen skulle representera en mer klassisk gammeldags lyx men ändå fortfarande kännas modern i sin design. efter feedbacken skapade jag en ny version av hem-sidan. denna gång utgick jag mer från en centrerad design och lade text med ett typsnitt med för att framkalla en gammaldags känsla som kunden letade efter. jag skapa hemsida med formuläret för en förfrågan på hem-sidan för att visa hur formuläret skulle kunna se ut. jag visade även en wireframe för en statisk sida för att ge en bild av hur de statiska informationssidorna skulle kunna se ut ). till sist visade jag en wireframe för sidan som visar vilka samarbetspartners bläddringsbar katalog. användartest efter användartesterna var det några ändringar som behövde genomföras på formuläret för att skicka en förfrågan till konferens. användarna ville ha ett sätt att meddela vad man är intresserad av att göra på sin konferens. de ville också kunna meddela vilken konferensanläggning man är intresserad av att lägga sin konferens hos. när jag bad användarna att höra av sig till webbyrå konferens scrollade alla användare ner till footern av sidan för att leta efter kontaktuppgifter istället för att klicka in på kontaktsidan. efter användartesterna uppdaterade jag formuläret för en förfrågan så att en användare kan meddela önskemål om anläggning och aktivitet. webbplats när webbplatsen byggdes jobbade jag med att få slutprodukten så lik mina wireframes som möjligt.

de trodde även att läsbarhet och användbarhet på webbplatsen kommer öka och att hastigheten på webbplatsen kommer spela större roll i framtiden . syfte/mål syftet med projektet är att skapa och leverera en webbplats där företag kan vända sig till konferens för att få hjälp med att boka konferenser. förutom att skapa ett gränssnitt för användarna som är optimerat för olika typer av skärmar skall även webbplatsen optimeras för sökmotorer så potentiella kunder till konferens kan hitta till webbplatsen. metod/genomförande uppdrag först av allt mottog jag uppdraget i form av en kravspecifikation från kunden.

när jag fått kravspecifikationen började jag fundera över vilken typ av känsla webbplatsen bör ha. kunden ville att deras webbplats skulle utstråla en blandning av gammaldags lyx men samtidigt hålla webbplatsen modern. den nya webbplatsen skulle innehålla samma information som den webbplats kunden har idag samt möjligheten för användarna att kunna skicka en förfrågan för en konferensbokning. sitemap jag började med att arbeta fram en sidstruktur för webbplatsen. jag jobbade med att hålla varje sida relevant med en titel som representerar innehållet. jag kom sedan fram till en struktur över åtta sidor. wireframes efter att ha skapat sidstrukturen för webbplatsen började jag ta fram wireframes som skulle representera känslan kunden ville uppnå med webbplatsen. jag började med skisser på papper och tog sedan fram digitala skisser tillverkade i adobe photoshop webbyrå . dessa wireframes gjordes i två omgångar.