Q-Strip ❤️ WordPress

Q-Strip ❤️ WordPress

I början av mars fick vi uppdraget att uppdatera Q-Strips webbplats till deras nya grafiska profil.

Efter ett inledande projektmöte beslutade vi att bygga upp den nya webbplatsen enligt nedan.

Enkel skiss över projektet

På detta sätt gör samverkar plattformarna på ett bra sätt och respektive del gör det den är absolut bäst på.

Efter uppbyggnad av struktur och lösning så implementerades den grafiska profilen. Vi hittade också på ett bra sätt att visa exakt vad Q-Strip gör. Två bilder togs i exakt samma vinkel, före och efter avfärgning. Resultatet ser du nedan.

Lanseringen av den nya webbplatsen skedde i samband med att Q-Strip fanns representerade på en stor mässa i Danmark.

Hela lösningen är hostad i Mindbite Cloud (vårt egna moln för hosting).

Den snygga grafiska profilen har Effect Reklambyrå tagit fram – kul med ett lokalt samarbete!

Ny leverans till Invest Living

Ny leverans till Invest Living

För snart två år sedan gjorde vi en större uppdatering av Invest Livings publika webbplats och dess upplägg och design. I den digitala värden går det snabbt och för att fortsatt hålla sidans design modern, har vi nyligen lanserat designuppdatering 2.0. Där har vi finjusterat startsidan med bland annat större toppbild med text och byggt in en ny meny som följer med ner på sidan vid scroll för att öka användarupplevelsen hos besökaren.

Sökfunktionen av återförsäljare som är en viktigt del för webbplatsens besökare, har också uppdaterats. Genom att snygga till söklistan samt anpassa den för att fungera på bästa vis i olika enheter. På datorn har den en bredare lista där det finns filtreringsmöjlighet medan den i mobilen har ett upplägg med boxar som är bättre anpassat för det mobila användandet – där vi är vana att scrolla ner på sidan men vill undvika scroll i sidled.

I uppdateringen har vi även utökat funktionaliteten i kundens moduler för Garantiregistrering och Ärendehantering. Dessa moduler har Invest Living jobbat med under flera år nu och hade därför en tydlig bild över vad som kunde förbättras och utvecklas. Bland annat har vi byggt till en kommunikationsdel där Invest Living kan kommunicera kring ett ärende i modulen med en kund och/eller återförsäljare. Både text och bifogade filer skickas mellan parterna och all konversation syns i samma fönster för att det ska vara lätt att följa alla skickade poster. I stället för att ta den konversationen via mail, har de nu en samlad plats där det är lätt att spåra status och beslut kring ett ärende.

Vill du se resultatet av den nya webbplatsen hittar du den här!

Uppdaterad webbplats i SiteFactory 8

webbplats IntraRäddningstjänst.se

För några veckor sedan lanserade vi en uppdaterad webbplats till IntraRäddningstjänst. Webbplatsen har inte bara fått en modern och snygg design. Den är också byggd i vår senaste version av SiteFactory CMS, nämligen SiteFactory 8 och har därmed ett väldigt flexibelt innehåll med ny teknik som är mer lättarbetad för kunden. 

Exempelvis är varje block på startsidan upplagd som en egen sida för att kunden ska kunna lägga upp, redigera och flytta varje block på egen hand. Funktioner i bildhanteringen som uppladdning och skalning av bilder är också helt ny och byggd med den senaste tekniken. 

Spana in den nya webbplatsen på www.intraraddningstjanst.se

Är du nyfiken på att veta mer om SiteFactory 8 och vilka möjligheter den ger? Håll utkik efter kommande bloggposter. 

Smart fönstersök till Leiab

Häromveckan lanserade vi en spännande lösning till
Leiab – nämligen Storleksguiden. Storleksguiden är en vidareutveckling av Fönsterguiden
som vi byggde åt Leiab under hösten 2017. I Fönsterguiden ville Leiab ge sina besökare
och även egna säljare, möjlighet att filtrera fram och visa upp deras olika
fönstervarianter. Filtreringen sker bland annat på fönstervariant, fasadfärg
och fönsterfärg.

Efter Fönsterguiden kom idén om Storleksguiden.
Här visas fönstren i stället i proportion till de olika storlekar som Leiab
erbjuder. Besökaren filtrerar fram fönster dels på storleksintervall men även exempelvis fönstervariant och fönsterfärg.

Upplägget är liknande som i Fönsterguiden och man når båda sökningarna
under samma sida genom att enkelt byta flik. I båda sökningarna kan besökaren välja ut sina favoriter som
samlas under en gemensam jämför-sida där man kan se fönstret från utsida,
detaljbild och insida. Till de valda favoriterna genereras också en unik URL för att möjliggöra delning av de utvalda fönstren.

Alla bilder går också att koppla till en tillhörande
produktsida och referenser på leiab.se.

För att underlätta så mycket som möjligt för kunden har vi
byggt hanteringen av bilder och innehåll genom att de
drar in x antal bilder direkt på en yta i SiteFactory CMS. Bilderna laddas upp
och kodas in korrekt i databasen, utifrån en namngivning. Vid
uppdatering av befintlig bild laddas den upp på nytt och ersätter den tidigare.

Låter det spännande? Gå in och testa Storleksguiden här! 

Ytterligare en stor lansering till vimmerbytidning.se

I april förra året lanserade vi nya vimmerbytidning.se. Nu ett drygt år senare kan vi summera ett intensivt år där vi tillsammans med Swepress jobbat fram en mängd olika nyheter, både sådant som kommer besökaren till gagn, men också för att underlätta det interna dagliga arbetet på redaktionen och annonsförsäljningen. Nya tjänster har kopplats på som skapar mervärde för besökarna, samtidigt som Swepress ökat sina möjligheter till intäkter. Ett roligt och stimulerande samarbete helt enkelt.

Nu idag har vi tagit nästa stora steg. Det största sedan lanseringen – etage på ettan.

Siktet har från början varit inställt på att erbjuda en mer användarvänlig visning av relevanta artiklar än att bara visa dem i löpande datum och tidsordning som det varit fram till idag. Under våren har Swepress och vi skissat, tagit fram prototyper och kravspecar till dess att vi hittat en bra lösning för det vi kallar etage. Enkelt förklarat är ett etage en flexibel mall för hur redaktionen kan publicera och sätta ihop olika typer av artiklar. Allt för att skapa en attraktiv startsida för besökaren. Det är enkelt att prioritera om olika artiklar, att automatisera flöden samt att snabbt skapa ett etage om ett aktuellt ämne, vid exempelvis en olycka.

Att utveckla etagefunktionaliteten till vimmerbytidning.se var en utmaning ur flera olika aspekter, men allra viktigast var det att webbplatsen skulle kunna leverera etagens innehåll snabbt, utan att belasta servrarna onödigt mycket.

Efter att Marcus, tillsammans med Swepress, tagit fram prototyper för hur lösningen skulle fungera så gick uppdraget vidare till Robin och Robin (Månsson och Carlsson) att lösa det tekniska, i form av databasstruktur, administration och rendering av etagen.

I den här första versionen av etagen finns elva olika etage-mallar, med olika utseende och innehållstruktur. Utifrån dessa mallar kan Swepress bygga ett bibliotek med varianter av varje mall, och med olika innehåll. Varje variant i biblioteket anpassas sedan med artiklar, annonser, widgets och andra egenskaper och kopplingar till ämnen och kategorier.

Etagevarianterna implementeras sedan på vilken sida som helst på vimmerbytidning.se, vilket innebär att Swepress själva kan utforma en sida med en eller flera etage som är specialanpassade med eget innehåll. I skrivande stund har Swepress valt att börja med etagen på deras förstasida.

För redaktionen tog vi fram ett helt nytt Drag & Drop-verktyg för att snabbt kunna byta artiklar och innehåll på varje etagevariant, och sedan trycka ut ny information till besökarna.

Den färdiga lösningen använder Mustache för etage-mallarna samt Entity Framework och WebApi för data. Ovanpå det har vi byggt en HTML-generering som blixtsnabbt levererar färdigrenderade etage till alla sidor. Lösningen har byggts med skalbarhet i åtanke, och det finns i princip inga begränsningar för hur framtida etagemallar kan utformas, och det skapar en enorm flexibilitet för Swepress.

Med cirka 500 000 besök och 750 000 sidvisningar per månad så krävs en solid lösning som klarar trycket. Därför har vi kört rigorösa stresstester mot lösningen för att säkerställa att den orkar med avsevärt mycket fler besök än så.

Besök Vimmerby Tidning för att se resultatet.