Vattentornet

1. Vattentornet • Lars Karlström • 2014-09-19

2. fakta om fakta • Fakta grundades 1989 och var 1995/1996 en av de första reklam-byråerna i Sverige som började arbeta med produktion av hemsidor. • 1998 lanserade vi den första versionen av vårt CM-verktyg SitePilot, ett formulärsbaserat verktyg baserat på Accessdatabaser. • I slutet av 1999 lanserades SitePilot 2.X, vårt första verktyg med en WYSIWYG-editor. • SitePilot 2.X som var helt databasdrivet var vår primära produkt och uppgraderades och vidareutvecklades fram till 2007 då produkten ersattes av 3.X. • SitePilot 3.X genererar ”fysiska” html-sidor och kom på 2:a plats när sökmotoroptimeringsföretaget JajjaCommunications gjorde en utvärdering av CMS på den svenska marknaden. • Den senaste versionen av SitePilot 4.X har tagit användarvänligheten ytterligare ett steg.

3. Vår bakgrund fakta är något så ovanligt som en webbyrå med anor. Vi började arbeta med webb och hemsidor redan 1995 och var bland de första reklambyråerna i Sverige att börja med webbproduktion. Något unikt med oss är att vi alltid arbetat med ett eget CMS, något som ger oss full kontroll och våra kunder stor trygghet. faktagänget består både av rutinerade och garvade marknadsförare, briljanta tekniker och meriterade designers. Inga uppdrag är främmande för oss, stort eller smått, komplext eller enkelt. Vi är vana vid alla typer av kunder, branscher, tidsramar, budgetar och utmaningar. Hos oss blir alla kunder snabbt en del av gänget och vi strävar alltid efter nära, långsiktiga och transparenta samarbeten.

4. SitePilot 4.0 Under hösten 2010 lanserades den senaste versionen av vårt CMS, SitePilot 4.0. Här har vi tagit användarvänligheten och flexibiliteten till nya höjder. I SitePilot 4.0 finns ett stort utbud av moduler och funktioner som anpassas efter kundens behov och design. Vi har ett eget utvecklingsteam som kan ta fram skräddarsydda lösningar för alla behov i nära samarbete med kund, dessutom med vettiga tids- och kostnadsramar. SitePilot 4.0 erbjuder ett mycket användarvänligt gränssnitt med möjlighet att redigera sidor i CMS/adminläge, i surfläge som en besökare och via vår iPhone-app. Med SitePilot 4.0 kan du på ett ställe skapa innehåll som publiceras på webb, mobilsidor, facebook, Twitter och andra kanaler av intresse för din verksamhet.

5. Projekt Vi erbjuder helhetslösningar med allt från strategi och design till teknik och alla tänkbara kringtjänster som behövs för att lyckas i dagens digitala kanaler. Vi hjälper dig med webbsidor, kampanj-sidor, kriswebbar, intra- och extranät, strategier för webb och sociala medier, facebooksidor, Twitterkopplingar, YouTube-konton, mobilsidor, språk-hantering, innehållshantering och mycket mera. Välkomna att upptäcka fakta…

6. fakta 360

7. Marknadsföringsverktyg/kundutvecklingsprocess 1-3

8. Marknadsföringsverktyg/kundutvecklingsprocess 4-6

9. Några av faktas kunder

10. Vårt team Niklas Dahlstrand VD, projekt- och produktionsledning Lars Karlström Projekt- och produktionsledning, AD/design Adam Waern AD/design, webbdesign, illustrationer Petronella Backlund Originalproduktion, webbproduktion, utbildning, support Ding Liang Teknik, programmering, SQL, webb/mobil/wap John Nygårds Teknik, programmering, SQL, server drift, SMTP

11. www.vattentornet.se

12. SitePilot 4.0 Webbsida Blogg Posts Nyheter Webben Mobilwebb Surfplattor Vår analys Utmaningar med ny webb

13. De olika stegen i projektet Start-up-möte / workshop - genomgång av struktur och funktionalitet - genomgång av förutsättningar för er nya design/profil - genomgång tidplan Produktionsstart – uppstart internt fakta Designarbete – grunddesign, presentation, korrigeringar, färdigställande Uppsättning av konto Uppsättning av funktionalitet och design Gemensam genomgång och därefter justeringar Utbildning (1-5 personer) Webbsidan fylls med innehåll (av kund eller fakta, se offert) Ompekning av domän Löpande drift… Beslut Design Produktion Design Innehåll Struktur Teknik Beslut Beslut Start Workshop Innehåll / struktur Genomgång Lansering Beslut Teknik

14. Vad gör vi före och under ”start-up-möte”/workshop Information om företaget och verksamheten Olika syften med den nya webbplatsen, rangordna syften Genomgång av tänkta moduler och SitePilot-funktionalitet Hur ska förstasidan användas? Sidans navigationsstruktur och omfattning (beslut) Sidor bakom lösenord eller specialsidor formulär etc. Vem/vilka personer ska arbeta med sidan? Språk / marknader Sökmotoroptimering i SitePilot och trafikanalys Underlag för designarbete, instruktioner / önskemål Bilder (befintliga, inköp, fotografering), eventuell redigering. Illustrationer (egna / framtagning) Vem fyller sidan med innehåll? Tidplan, lansering, övrigt

15. SitePilot

16. Fördel SitePilot För SitePilot utgår ingen grundlicenskostnad, som kund/användare betalar ni bara för den tid det tar att bygga webbplatsen. SitePilot-kunder har fri tillgång till all standardfunktionalitet och betalar endast för eventuell design- eller teknisk anpassning. Det innebär också att ingen extra kostnad läggs till den löpande licenskostnaden oavsett vilken funktionalitet som används. fakta äger SitePilot, all kod och den miljö där SitePilot körs. Detta innebär att vi har full kontroll över system och miljö och snabbt kan göra justeringar och anpassningar om generella förutsättningar i browsermiljöer ändras. Vi är också helt fria att göra anpassningar för kunders räkning. Vårt utvecklingsteam kan bygga skräddarsydda lösningar som läggs in i SitePilot som moduler. Dessa är helt baserade på kundens krav och kan innebära kopplingar till externa databaser, specialbyggda kalkylsnurror eller andra funktioner helt anpassade till kundens verksamhet.

17. Användarvänlighet är nyckeln Det kan tyckas vara en självklarhet att ett CM-verktyg ska vara användarvänligt. Det är svårt att erbjuda ett gränssnitt med all önskvärd och nödvändig funktionalitet som samtidigt är intuitivt och användarvänligt. Här har vi fått mycket positiv feedback från våra kunder, många av dessa har bred erfarenhet av andra system. Ett CM-verktyg som upplevs som svårt och begränsande kommer inte att bidra till hög kvalitet och en levande webb. Intuitivt gränssnitt Ren och enkel struktur All funktionalitet helt öppen för kunden Möjlighet att utbilda personal längre än till klassisk redaktörsroll Uppdatera via CMS, via Simple Mode eller iPhoneapp Fri telefonsupport

18. Frihet att arbeta med allt… I SitePilot finns möjlighet för användaren att själv komma åt grundläggande inställningar för webbplatsen. Vi kan utbilda en eller flera personer för att själva hantera struktur, sidmallar, design- och content elements, CSS:er och allt annat som kan vara relevant.

19. SitePilot - utveckling Just nu pågår utvecklingen av nästa version av vårt e-mail marketingverktyg, Mailpilot. Denna utveckling kommer att slutföras under december 2012 / januari 2013. I ett nästa utvecklingssteg kommer vi att ge våra SitePilot-kunder möjlighet att använda MailPilot direkt i SitePilot-gränssnittet.Det innebär att våra kunder kommer att kunna distribuera nyheter även via e-post med ett par enkla steg. Genom att lägga till; ämne och adresslista kommer nyheten även att kunna skickas via e-post vid sidan av publicering på webbsidan,sociala kanaler och mobilsidor. Idag finns en iPhone-app för SitePilot post.Det innebär att våra kunder kan skriva blogginlägg,uppdatera nyheter och dedikerade ytor på webbsidan.I nästa steg kommer fler delar av SitePilot att blitillgängligt via SitePilot-appen.

20. www.valvetab.se

21. BIAB Larm – egenskaper, utförande och viktiga förutsättningar BIAB söker en bra grund för sin nya webb I framtiden i ett nästa utvecklningssteg kanske man vill lägga till ett område bakom användarnamn och lösenord. Designen byggs upp delvis med responsive design för de delardär det passar utan att förminska upplevelsen av sidan.Nya webben anpassas för: Webversion Mobilversion (iPad och andra surfplattor delar design med webversion) Vi kopplar in ett utgående flöde med dlvr.it och publicerar nyheter via RSS på sociala medier Några syften med sidan: Öka omsättning / säljande mot nya och befintliga kunder Berätta om vilka är BIAB Tjänster (trygghet, inbrott, passage, kamera, brand, integrerade system) Visa upp kundcase - (variant 1 – loggor, variant 2 – med citat och bild) Kontakt via: normal kontaktinfo + felanmälan formulär + fjärrsupport formulär Nyheter (dlvr.it – facebook + twitter) Jobba hos oss Certifikat (i footer samt på egen sida) ”Call for actionruta” på alla produktsidor mitten och ev längst ner Illustration för ”projektprocess” på produktsida Övrigt Logotyp: befintlig utan anpassning/modifiering Färger: röd / vit / grå Önskat typsnitt: Calibri

22. SitePilot 4.0 Webbsida Blogg Posts Nyheter Webben Mobilwebb Surfplattor YouTube kopplas in mot SitePilot för enklare hantering av filmklipp. Delar design Vår analys Projektet omfattar

23. Moduler/funktioner Design elemets Content elements Postfunktion (specialanpassade) för Promotionyta (stor yta på förstasidan) ”Puffar” (marknadsföring av affärsområden) Sidebar Searchsite (resultat som google) Nyheter / ”latest news” Twitter- / facebook-koppling, via dlvr.it / RSS ”skjuter vi innehåll” från webben till sociala kanaler. Share - social media Till viss del byggs sidan / designen med responsive design Mobilanpassning – designmallar för mobil

24. Kampanjfönster med jQuery istället för flash Det finns många fördelar med att använda jQueryistälet för flash. Men kanske är de viktigaste att innehållet kan ses av mobiltelefoner och att innehållet enkelt blir sökbart. Vi kommer att skapa flera ”fönster” på nya par.se för presentation av bilder och texter. Dessa kommer att byggas upp som olika kategorier av ”Posts” i SitePilot. Några av dessa fönster är: Promotionyta (stor yta på förstasidan) ”Puffar” (marknadsföring av affärsområden) Sidebar Ni kommer själva att kunna lägga upp nya bildspel med en eller flera bilder eller redigera befintliga bilder/slides. Några av fördelarna med jQueryvs flash jQueryär kompatibelt med alla webbläsare. jQueryär även kompatibelt med iPhone, mobiltelefoner etc. jQueryär mycket mindre i storlek och en enda jQuery kan skapa hur många animationer, glidande- och andra effekter. Men i fallet med Flash du behöver enskilda Flash-filer för varje animation. jQueryär ett gratisprogram. Om man vill utveckla något i Flashbehöver man köpa en programvara. Flash-filerär alltid stora. En jQuery-file är ofta mindre än 60KB i storlek. I Flashbehöver man alltid hög kompetens även för att skapa enkla saker. I jQueryklarar någon som är lite förtrogen med HTML och JavaScript att skapa något. Det finns bara två nackdelar med jQuery jQuery hanterar inte avancerade 3D-effekter JavaScript kan vara inaktiverat från webbläsaren som inaktiverar jQuery också.

25. Startsida Mall #1 Tjänster / produkter Om BIAB Nyheter Kontakt Trygghet Inbrott Passage Kamera Brand Integrerade system Om BIAB Jobba hos oss Våra certifieringar Nyheter Nyhetsarkiv Kontakta oss Felanmälan Fjärrsupport Offertformulär 1 (företag) Offertformulär 2 (offentl.) Mall #4 Mall #3 Mall #2 Formulärbaserade på Mall #3, delar i övrigt style Om strukturen Ovan struktur ska ses som ett utkast och omfånget av sidor har ingen betydelse för priset/tiden. Det enda som har betydelse är antalet inräknade mallsidor. Nuvarande struktur

26. Pris och tid

27. Tid & pris

28. Tillkommer: moms, inköp av bilder och illustrationer, resor, logi, transporter/bud, produktion av illustrationer, översättningar och texthantering / copy. Licensavgift, 2 500 kr/mån inkluderar: hosting, back-up, säkerhet, fria uppgraderingar SP 4.X, fri telefonsupport för utbildade adm. vardagar 09.00 - 17.00 (licensavgift utgår med reducerad tariff även för följande konton på ett multikonto) Prissammanställning

29. Tidplanen illustrerar huvuddragen i projektet, framförallt i vilken ordning de olika insatserna görs samt de arbetsmoment då BIAB behöver samverka. Vi strävar efter att köra projektet från start till mål utan onödiga produktionsuppehåll. faktas arbetsinsats BIAB arbetsinsats Gemensam arbetsinsats Tidplan