Menu

Webbyrån

Agilt projektsamarbete: Att få projektet levererat i tid och inom budget.

Att driva projekt är ingen lätt sak. Under åren vi har jobbat med webb har vi haft många lyckade projekt, men även en del mindre lyckade. Som en webbyrå som är här för att stanna vill vi därför försöka dra lärdom av projekt som inte går så bra, och förbättra vår process till nästa gång. Såhär ser vår process ut idag.

Vi har anammat agil utveckling eftersom det är det arbetssättet vi tycker ger det bästa resultatet för kunden, samtidigt som det ger schyssta villkor för både oss och vår kund. Genom att ständigt omvärdera projektet och att i små iterationer försöka bygga det kunden behöver snarare än det de från början trodde de ville ha är otroligt viktigt.

Att ha ett sånt här arbetssätt ger en mängd utmaningar. Som tur är finns det lösningar för de flesta av dem. Den första är ju naturligtvis tidsuppskattning och därmed offertskrivande. Hur kan man tidsuppskatta någonting som man bara har en generell idé om vad det kommer sluta som? Det finns bara ett enkelt svar, och det är erfarenhet. Utifrån sin erfarenhet får man försöka gissa ungefär hur mycket tid som kan behövas till en sån typ av projekt. Om kunden sedan har den sortens budget, då kan man börja arbeta.

På så sätt är det enda man kan göra ”gratis” för kunden som inte är en del av ett konsultarbete att konstatera om man har kompetensen för att genomföra projektet eller inte, samt att ge en mycket grov uppskattning på vilken sorts budget de måste ha. Om man sedan känner att man är på samma plan, då kan själva arbetet påbörjas.

Att specificera sitt projekt

Nästa steg i arbetet med vad man skall göra för kund är man tillsammans med kund samlas på en workshop och där skriver man user stories. Det är helt enkelt ett sätt att uttrycka vad för saker man skall kunna göra med det man bygger, och vad för funktioner man behöver ha för att dessa mål skall vara möjliga.

Än så länge har man bara specificerat ganska så tekniska uppgifter eller generella saker man behöver. Vad man behöver göra är att tillsammans ta fram skisser, så kallade wireframes, där man ritar upp vad man vill ha. Det kan hända att ibland så utmanar detta arbetet de user stories man har gjort, och att en del av dem behöver skrivas om eller kompletteras.

Wireframe

När det arbetet är klart så försöker vi uppskatta tidsåtgången via en metod som kallas tidsuppskattningspoker. Alla i arbetsgruppen sätter sig och med den kollektiva erfarenheten kommer man fram till en tidsuppskattning som är ganska så realistisk. Nu har man en ganska så bra uppskattning på hur mycket tid projektet kommer att ta. Redan nu är det dags att jobba med prioriteringar. Vad för saker är viktigast att ha med i projektet? Vad kan vi lägga i framtida versioner? När prioriteringslistan är klar är det dags att skrida till verket.

Veckovisa avstämningar

Det är viktigt att ha en tight kontakt i sitt projekt. Det är viktigt för att projektet skall bli ett framgångsrikt projekt, men även viktigt för projektets transparens. Här har små detaljer väldigt stor innebörd för hur projektet går.

Varje vecka har vi en avstämning med kunden. På detta tillfället går vi igenom vad vi har gjort och pratar om eventuella önskemål samt ändrar i prioriteringen för projektet. Vår ambition är att aldrig behöva utöka projektet utöver den budgeten som är avsatt. Det enda sättet det går att göra, samtidigt som kunden ”får lov” att komma med önskemål längst vägen, är helt enkelt att kunden själv får prioritera.

Till den första avstämningen har vi helt enkelt gjort ett Google-docs / exceldokument där vi har skrivit ner alla våra user stories i den prioriteringsordningen som vi initiellt satte upp i Y-ledd, och i X-ledd har vi sedan arbete lagt över tid.

avstamning

Detta sätt är bra av flera anledningar. Dels kan vi jobba i små iterationer på ett enkelt sätt. Om kunden tex vill ha en förändring i User story 1, så är detta helt OK. Men; denna skall läggas in som en ny user story. Förändrad funktionalitet får absolut inte ”ingå” i någon befintlig user story, det skapar en situation där det blir väldigt svårt att se förändringar i projektet över tid. Istället läggs denna in i som en ny user story. Detta gör det tydligt att kunden måste prioritera, och någon annan user story kanske måste skjutas ner till nästa version (och därmed ingå i en annan budget).

När budgeten är slut, så är projektet slut.

Genom att leda projektet på det här sättet får man en produkt som man vill ha, samtidigt som man inte överskrider sin budget. Vi brukar göra som såhär att om vi är färdiga med allting innan projektets budget är slut, då får kunden helt enkelt chans att avbryta jobbet där och betalar 25% av det som återstår av budgeten. Om det är så att man inte fick plats med alla user stories som man ville fått med, antingen på grund av att saker tog längre tid än vad vi trott, alternativt därför att kunden prioriterat att skapa nya user stories så får vi helt enkelt göra ett uppföljningsprojekt. Men; Det viktiga att komma ihåg här är att kunden har redan fått en leverans på en produkt som fungerar. Även om inte alla user stories kom med, så har kunden fortfarande fått en fullt användbar produkt. För att utföra resterande user stories gör man antingen ett uppföljningsprojekt, eller beroende på komplexitet går det även att lägga i ett löpande supportavtal.

Löpande samarbete / Supportavtal

Att uppdatera mjukvara, skapa nya funktioner samt göra löpande förbättringar och bidra med support för redaktörer behöver alltid göras. Hos oss gör vi det som supportavtal. Det betyder helt enkelt att man köper ett garanterat antal timmar varje månad som man gör vad man vill för. Och använder man inte de timmar man köper en månad skjuts de helt enkelt över till nästa månad. Här får vi gemensamt komma fram till vad som är rätt nivå, och följa upp över tid om det behövs mer eller mindre tid.

Ny sajt åt Skyltspektrum!

Vi här på webbyåran teamade upp med Skyltspektrum igen för en ny webbplats.

2010 gjorde vi designen åt Skyltspektrum medans Kafit byggde sajten i CMS’et Midgard. Den här gången var det WordPress som gällde, för ett enkelt och smidigt redaktionellt arbete.

De hade en rätt tydlig vision om hur sidan skulle kunna se ut så vi utgick ifrån en mall de själva gjorde som vi hade lov att modifiera efter tycke.

Upplägget av sidan är blockbaserat, lite som Pinterest. För att lösa detta använde vi oss av det häftiga jQuery-pluginet Masonry som pusslar ihop blocken så de passar in så bra som möjligt beroende på storlekarna. Masonry räknar även om när man ändrar storlek på webbläsaren vilket enkelt gjorde sidan responsiv så den ser bra ut på alla enheter.

I och med detta samarbete passade vi även på att uppgradera oss lite och köpte en helt galen skylt!

Ny medarbetare: Robin Björklund

Alldeleles nyligen anställde vi Robin Björklund som tidigare har haft praktik hos oss. Här kommer en kort intervju:

Berätta om dig själv. Vem är du?
Jag heter Robin Björklund och är en 21-årig webbninja som bor i ett litet studentrum på 16m². Jag flyttade från Stockholm till Norrköping för att utbilda mig till Civilingenjör inom Medieteknik. Jag märkte dock rätt snabbt att jag inte ville fortsätta plugga riktigt än, vilket resulterade i att jag endast gjorde kurserna jag tyckte var roliga. En av dessa kurser var Elektronisk Publicering, vilket är en introduktionskurs i webbutveckling. Jag hade bara småpillat på ytan av HTML och CSS sen innan, men i och med den här kursen fick jag prova på HTML, CSS, Javascript, PHP och MySQL. Detta blev födseln av en ny passion. Att endast göra de roliga kurserna i skolan håller dock inte riktigt, så jag tog studieuppehåll med syftet att jobba ett tag samtidigt som jag utvecklar mina kunskaper. Jag sökte en praktikplats på Angry Creative och nu ett par månader senare kan jag stolt kalla mig själv för webbutvecklare och jag är otroligt glad för att få jobba med något jag tycker är roligt!

 Vad har du för fritidsintressen?

Förutom att nörda allt webb, så trivs jag väldigt bra med min lilla korridorsfamilj på studentboendet Gripen där vi hittar på alla möjliga dumheter.

Vad gillar du att bygga i webbväg?
Jag älskar att hålla mig uppdaterad och prova på nya webbverktyg för att göra små roliga (oftast rätt så onödiga) webbapplikationer och dylikt!

Vad kommer du kunna tillföra våra klienter?
Jag skulle nog framförallt kalla mig själv en front-end nörd. Så jag tillför nog framförallt en rik användarupplevelse för slutanvändaren.  Men jag är helt klart en allrounder som vill lära som vill lära sig så mycket som möjligt om så mycket som möjligt.

Bilden är från när vi firade att Robin fyllde 21 år.

Reveal.js, WordPress och Enklawa Dwa – En praktikants berättelse

Jag heter Kaisa Andersson och studerar Grafisk design och kommunikation i Norrköping. Under fem veckor hade jag praktik på Angry Creative. Det här är historien om de veckorna, en företagspresentation och betongprojektet Enklawa Dwa.

Som första uppdrag gjorde jag en företagspresentation till Angry Creative med hjälp av Reveal.js. Den skulle beskriva vilka de är och hur verksamheten ser ut. Det var ett perfekt tillfälle att få insyn i företaget och hur processen från beställning till färdig wordpress-sida kan gå till. Slutresultaten blev en online-presentation, med text och grafik.

Så kom nästa uppdrag: Enklawa Dwa.

Joakim Hedström på reklambyrån Anfang, en samarbetspartner till Angry Creative, är även manager för det polska industribandet Enklawa Dwa. ”Ett betonginspirerat konstprojekt”, som han beskrev det.

Jag började med att försöka komma fram till vad som var problemet med det förra sidan, och vilka krav som fanns på den nya. Efter att ha läst igenom webbsidan och funderat på olika idéer kom jag fram till ett koncept. Baserat på det gjorde jag wireframes (skisser) för att visa vad jag tänkte mig, och vilken känsla jag ville att webbsidan skulle ge. Joakim var med på samma spår och gav klartecken att gå vidare.

Efter en grundlig genomgång av projektverktyget, och lite hjälp från Jimmy med att styra upp projektet, började det riktiga arbetet – kodningen.

Jag översatte skisserna till html. Med en enkel webbsida kan kunden se hur det faktiskt kommer se ut till slut och vilka delar som går att ”klicka på”. Efter ett nytt godkännande från Joakim lämnade jag skolkunskapernas trygghet och steg in i en ny värld.

Att använda WordPress som CMS

Fördelen med WordPress är att det finns tonvis med information och hjälpsamma själar. Så jag kickstartade med en tutorial från Lynda.com som gav grundläggande träning för att få mig på rätt väg. Nu hade jag hjälp av den utförliga testsidan jag hade gjort innan. All css och struktur fanns där, det jag behövde nu var att översätta designen till WordPress-språk.

Genom att pussla ihop småbitar bygger jag nu upp samma sida upp som innan. Den stora skillnaden är att vem som helst (med inloggningsuppgifter) kan bidra med nya inlägg och göra uppdateringar. Under arbetet var min bästa vän Google. Där fanns lösningarna, men ofta för många. För när det finns två lösningar på ett problem är ett ofta bättre, men vilket? Där tog jag hjälp av Jimmy och Sammy som pekade på de bra lösningarna.

Efter ett par veckors arbete var sidan färdig. Slutresultatet är en ganska enkel lösning, med huvudsakligen en blogg, en sida för konst och en för musik. Startsidan fungerar som en samlingsplats där det nyaste uppdateringarna från de olika sidorna visas. Besöker den gör ni lättast på enklawadwa.pl.

Enklawa Dwa-projektet har varit en rolig utmaning! Att sedan leverera en lösning till kunden var nog det bästa av allt. Ett stort tack till Enklawa Dwa som vågade ge mig ett projekt att utvecklas med!

Att ha praktik på Angry Creative har varit lärorikt, något som märks inte minst på att ingen längre fattar vad jag pratar om. De flesta försvinner så fort jag nämner WordPress. Praktiken är även något som har gett mersmak för att utforska mer tekniska lösningar – och att inte backa om jag saknar kunskap.

Tack för den här tiden! Och vem vet, jag kanske droppar in igen. 🙂

Vill du veta mer om Kaisa? Besök hennes blogg eller skriv en rad på Facebook

Vi söker Front-end utvecklare med designådra

Vi har blivit kända för att göra vansinnigt bra sajter med WordPress, och detta gör att fler och fler hittar hit för att göra grymma webbplatser. Det enda tråkiga är att vi inte kan ta alla intressanta jobb vi blir erbjudna. Därför söker vi nu en front-end utvecklare med en stark designådra som kan hjälpa oss och våra klienter.

Det viktigaste för oss är vad du kan göra med den semantiska webben. Betyg, erfarenhet och fina diplom är sekundärt till vad du faktiskt kan göra. Vi tror att du brinner för öppen källkod, WordPress och den semantiska webben. Du kommer att få ett varierat arbete med stort eget ansvar och många coola uppdrag. Du kommer att få utvecklas, lära dig nya saker och alltid känna dig behövd. Du kommer att göra skillnad!

Du är ninja på:

  • WordPress & PHP
  • CSS2 / CSS3
  • HTML / HTML5
  • JavaScript / Jquery
  • SEO

Men det är även meriterande om du är grym på:

  • Responsiva CSS ramverk
  • MySQL
  • Design

Såhär ansöker du:

Du skickar ett CV, Personlig brev, Lönekrav samt något/några exempel på webbplatser du gjort till [email protected]

Sex månaders provanställning (fast lön och heltid) och tillträde snarast eller enl. ök.
Sista ansökningsdag är 29 Februari, men tjänsten kan tillsättas innan dess.

Bild av mseckington

Ny kontorskompis: Rustan Håkansson

Idag har vi det stora nöjet att välkomna Rustan Håkansson till våra lokaler! Rustan arbetar med att projektleda stora webbutvecklingsprojekt, och för oss kommer Rustan att hjälpa till med vår företagsutveckling så att vår WordPress webbyrå kan få lite extra fart.

Rustan kommer senast från en position som produktionschef på NodeOne som är experter på CMS verktyget Drupal. NodeOne blev bland annat förra årets supergasell med en tillväxt på 3346% – på tre år! Rustan är även känd som hjärnan bakom Drupal – The card game 🙂 Vi hoppas Rustans erfarenheter kommer att smitta av sig på vår webbproduktion och är mycket glada över att ha honom här.

Välkommen Rustan!

Vad hände 2011, och vad händer 2012?

Året som har gått har varit en mycket spännande år. Vi har fått möjligheten att hjälpa mängder av företag med deras hemsidor under året. Några av dessa har vi skrivit om här på bloggen, här senast Städarna Sverige AB och Ramunderstaden i Söderköping.

Vad som är extra roligt är att vi har utvecklats som firma allteftersom fler och fler upptäcker vår firma. Vi flyttade ut från det gamla kontoret som delades med IT-bolaget Kafit AB till egna lokaler på Nya Rådstugugatan 1 i Norrköping. Vi växte även med inte mindre än två personer till totalt tre, vilket bäddar för ett spännande 2012. Denna kompetensbreddning gör att vi kan ta oss an arbetsuppgifter med högre komplexitet än förut, och säkrar för att höja kvalitén i de webbplatser vi gör för våra klienter.

Vad händer då 2012? Under våren kommer vi att presentera en mängd spännande uppdrag såsom communitylösningar och smidiga e-handelslösningar affärssystemsintegrationer.

Vår ambition för 2012 är kort och gott att vara Östergötlands självklara val för alla som vill ha riktigt bra webblösningar, oavsett om det gäller företagshemsidor, e-handel, communitys, webbapplikationer, WordPress eller Drupal. Och att roligt medan vi gör det.

Vi önskar alla ett gott nytt år!

Foto: Bayasaa

Gästkrönika: Magnus Wirsén – Min tid som praktikant på webbyrån Angry Creative

Jag heter Magnus och studerar till webbutvecklare på TUC, Tranås Utbildningscentrum. De senaste sju veckorna har jag haft praktik på Angry Creative. Min uppgift var att integrera ett webbmailprogram, Roundcube, i deras kundportal med hjälp av WordPress och PHP. För att krångla till det hela ytterligare så körs WordPress som ett nätverk av olika siter, WordPress Network. Detta innebär att man administrerar ett antal olika siter från samma WordPress-installation.

Jag ska erkänna att jag var, kanske inte orolig, men ändå lite osäker på hur det hela skulle gå och hur jag skulle gå till väga för att lösa problemet.

I början av praktiken så satt jag mycket på distans pga. platsbrist i de gamla lokalerna som Angry Creative delade med ett annat företag. Detta gjorde att jag bara kunde vara på plats på onsdagar. Efter ungefär halva tiden så flyttade de till nya lokaler och jag fick möjlighet att vara på plats varje dag.

På grund av det så blev de första dagarna en mjukstart med att sätta upp SmartGit, ett program för versionshantering, samt att titta lite på enkla WordPress-plugins så jag skulle få en uppfattning om hur det fungerar i WordPress-världen. När jag sedan infann mig på plats för första gången på onsdagen fick jag en crash course i hur mail fungerar av min handledare, Mattias ”Plux” Stahre. Jag hade ingen aning om att det var så pass avancerat som det verkligen är.

Hursomhelst, vi fortsatte med att sätta upp en installation av Roundcube på min laptop. Efter att jag fått bekanta mig lite med programmet så tog vi tag i problemet. Jag hade sedan tidigare WordPress installerat på datorn efter att ha haft en kortare kurs i webbpublicering på TUC.

Första steget var att skapa en ny flik i WordPress-menyn som visade själva inloggningsrutan till Roundcube. Detta var inte så avancerat, så det klarade jag av hyfsat snabbt.

Då jag aldrig tidigare gjort ett plugin till WordPress gjorde jag ett eget litet plugin bara för att få lite känsla för det, med alla ”hooks” och ”actions” som man ska använda för att få WordPress att känna av ens egna funktioner.

När detta var avklarat så började jag med att lägga in alla olika textfält, checkboxar och dropdown-lister som behövdes för att kunna konfigurera Roundcube. Detta tog sin lilla tid, då det var en hel hög med inställningar som alla ska kunna behandlas av WordPress. Efter detta började arbetet med att få dessa inställningar att sparas i WordPress egen databas. Det var här problemen började uppstå.

Jag grävde ner mig i olika guider för hur man hanterar inställningar för WPMU och lusläste WordPress egen dokumentation för att försöka komma vidare med mitt problem. Efter ett antal timmar så fungerade allting! Hurra. Men detta innebar bara att alla inställningar gick att redigera och spara i WordPress. Dessa inställningar har ingenting att göra med Roundcube. Ännu… Pust.

När man konfigurerar Roundcube första gången så genererar programmet två stycken textareor med konfigurationsinställningar. En för inställningar såsom server, port och liknande samt en för databasinställningar. När man gjort sina inställningar ska man sedan själv kopiera all text som Roundcube genererar och skapa egna config-filer. Detta tyckte ”Plux” var mindre smidigt så han ville helt enkelt skapa filerna automagiskt varje gång man ändrar någon inställning. Här fick han rycka in och bistå med sin expertis, så efter en stund fungerade allt som det var tänkt. När ”Plux” var nöjd med funktionaliteten så började jag testa sakerna grundligt. Efter lite småfixande av buggar och ett antal testinstallationer så verkar det som om pluginet fungerar som det ska.

Jag vill nog påstå att jag är nöjd med resultatet med tanke på att jag inte har så mycket erfarenhet. Självklart har jag stött på problem på vägen och jag har fått lära mig mycket. Slutligen vill jag säga tack för att jag fick vara här. Jag har haft sju mycket lärorika och trevliga veckor på Angry Creative. Förhoppningsvis ses vi mer i framtiden!

Flytterbjudande – Gratis WordPress hemsida!

Vi har haft ett mycket spännande år! Vi har växt så det knakar, och därmed även växt ur våra lokaler där vi hyrt in oss i av IT-företaget Kafit.

I månadsskiftet flyttar vi till nya fina lokaler på Nya Rådstugugatan 1 i Norrköping. För att fira och samtidigt ge folk chansen att prova på våra tjänster (samt slå ett slag för öppen källkod) tänkte vi köra en kampanj hela November.

I vanliga fall är vår huvudsakliga verksamhet att göra specialdesignade webbplatser för de med lite högre ambitioner. Men vi tycker att alla förtjänar en bra webbplats. Detta erbjudande riktar sig därför istället till alla småföretagare som är i behov av en bra & billig hemsida men som kanske inte behöver något specialdesignat.

GRATIS WordPress Mallhemsida

Vi hjälper er att sätta upp en hemsida i WordPress med en schysst standardmall vid köp av hosting / webbhotell genom oss (1500 kr / år ex moms + kostnad för domännamn).

Med WordPress får du en hemsida byggd på öppen källkod – detta innebär förutom att du kan administrera din hemsida själv att du har inga månadsavgifter (förutom webbhotellet) & fullt leverantörsoberoende.

Totala kostnaden per år blir därför under 2000 kr / år ex moms!

Skicka ett e-mail med era företagsuppgifter & vad ni vill ha för domännamn till [email protected] så hjälper vi er så fort vi kan!

50% Rabatt på mallmodifikationer

För de klienter som känner att mallen skulle behöva modifieras brukar vi boka en halvdags sittning tillsammans, så fixar vi det. Då kommer ni in till vårt nya kontor, sätter er bredvid oss och pekar och instruerar hur ni vill ha det. Så nära skräddarsytt man kan komma 🙂

Normalt: 5000 kr

Erbjudande: 2500 kr (-50%)

Skicka ett e-mail med era företagsuppgifter & vad ni vill ha för domännamn till [email protected] så bokar vi en tid i November!

25% Rabatt på migrering till WordPress

Har ni en hemsida idag som nu är nöjda med? Vi kan ta er nuvarande design och överföra den till WordPress. Vi erbjuder 25% rabatt av totalsumman! Kontakta oss för offert.

Erbjudandena gäller endast November 2011 och i samband med köp av hosting / webbhotell.

Rabatter på Sökpositionering från Jajja!

I samband med vår flytt erbjuder även vår partner Jajja fina rabatter på sina tjänster.

Google är idag Sveriges största köp- och säljkanal för både företag och privatpersoner, med fler än 20 miljoner sökningar per dag. Är det du eller dina konkurrenter som syns när din målgrupp vill köpa? Med Jajja Når du topp tio på Google på dina viktigaste sökord. Det bästa är att du bara betalar för resultat.

  • Vid ordervärde på 2000-3000kr/månad bjuder Jajja på sin leadsrapport värde 10 585kr/år.
  • Vid ordervärde på 3001-5000kr/månad bjuder Jajja på sökord värde 899 kr/månad samt sin leadsrapport, värde 10 585kr/år.
  • Vid ordervärde på 5001-10.000kr/månad bjuder Jajja på sökord 1860kr/månad samt sin leadsrapport, värde 10 585kr/år.

Nya personporträtt signerade Erik Johansson

För en tid sedan träffade vi vår vän, samarbetspartner & fotograf Erik Johansson då vi behövde nya porträttfotografier. Men Erik är inte bara vilken fotograf som helst, utan Erik har specialiserat sig på fotoretuschering och har fått sina alster publicerade i både TV och press (Ni kanske minns Illusionen på Sergels Torg i somras?) samt jobbat med flera coola internationella företag (tex Google).

För oss gjorde Erik dessa porträtt där vi liksom ”poppar ur” bilden. Dessa är sedan transparenta så vi kan använda dem vart vi vill – oavsett om det är på webben eller i tryckt form så kommer vi ploppa ut ur det underliggande materialet 🙂

Vi vet – det saknas arga pratbubblor som påpekar hur viktigt det är med webbstandarder mm. Oroa er inte – dem står vi för IRL 😉

Vad tycks?

1 2 3 4