Draftit Förteckning

Draftit Förteckning

Follow me Darling har gjort front-end (html/javascript/css) till Draftits produkt Förteckning som är ett system för att hålla ordning på all behandling av personuppgifter i en organisation.

Allt är som vanligt responsivt. Backend är gjort i .NET/EPiServer av Draftit själva.

Mer om Förteckning finns att läsa här hos Draftit.

Responsivt verktyg till Marketreach

Marketreach annonshanteringssystem

Det är inte bara publika webbsidor som behöver vara responsiva för att fungera bra för sina användare, det har Marketreach förstått. Så när det var dags att uppdatera deras gamla annonshateringssystem med ny design och nya funktioner så var det självklart att den nya uppdaterade versionen också skulle vara responsiv.

Jämförelse mellan gamla och nya designen i mobilKlicka på bilden till vänster för att tydligt se skillnaden mellan responsiv och icke-responsiv design i mobilen.

Till vänster ser du det gamla utseendet och till höger det nya.

Nu kan både Marketreach själva, deras kunder och alla de jobbar med obehindrat använda systemet oberoende av vilken plattform man använder.

YogaJona.se, nu mobilvänlig

Man behöver inte nödvändigtvis bygga om en sajt från grunden bara för att den inte är byggd för responsiv design från början, det mesta går att fixa i efterhand. Personligen så hade jag ett favorit-ramverk, 960.gs, som jag brukade använda till så gott som allt jag byggde förr. Sen kom responsiv design och förändrade väldigt mycket i hur man ska tänka när man formger och programmerar webb eftersom lika mycket surfande sker på mobil som på dator idag. Det gäller att möta sin publik där de är.

Vad göra man då när man levererat massor med sajter i ett ramverk som inte möter upp de nya kraven? Jag tänkte i alla fall så att jag bygger en responsiv version som jag kan erbjuda nya och befintliga kunder som har sajter byggda i 960.gs. Resultatet är 960 responsive som är fritt för vem som helst att ladda ner och använda hur som helst.

YogaJonas sajt är byggd i 960.gs och har nu fått en uppdatering till 960 responsive och resultatet ser du här nedanför.

Yogajona i mobilen

Förutom att inkludera den nya koden för 960 responsive behöver man lägga till kod för hur olika kolumner ska förändras i storlek beroende på skärmbredd och i vissa fall specialkod för t ex menyn. Vill du se hur det ser ut i verkligheten så kan du bara surfa till yogajona.se på datorn och mobiler och jämföra.

Svensk Specialkaffeinformation

SSKI - Svensk Specialkaffeinformation

Nu är siten för SSKI, Svensk Specialkaffeinformation klar! Sajten är byggd med WordPress och responsiv webbdesign, vilket innebär att allt innehåll anpassar sig efter besökarens webbläsare. Så det spelar ingen roll om du sitter vid en dator, surfplatta eller telefon, du får alltid en bra upplevelse av sajten och allt är läsbart utan att du behöver zooma in och ut och skrolla i sidled.

SSKI finns för att främja vad man lite slarvigt skulle kunna kalla finkaffe-kulturen, och informera konsumenter om vad skillnaden är mellan specialkaffe och kaffa framställt i den traditionella kaffeindustrin. Man kan tro att kaffe är kaffe, men det kunde inte vara längre från sanningen. Testa själv från Willmanders t ex, en e-handel för just specialkaffe och tillbehör. Willmanders sajt har Follow me Darling också byggt, läs mer om det här.