SCS Medic är ett nordiskt medicinbolag inom området estetisk ärrbehandling. I uppdraget att bygga deras nya webbsajt ingick även att ta fram ett enklare beställningsformulär för deras produkter.

Förstasidan är uppbyggd med div-taggar för att det ska gå att ändra bilder och innehåll innifrån WordPress. Två olika mallar är framtagna, en med en sidopanel till vänster och en där sidopanelen är borttagen och därmed lämnar mer plats till innehållet.

Beställningsformuläret är byggt i HMTL, PHP och Javascript, där Javascript används på traditionsenligt vis för att göra en enklare verifiering av formulärets innehåll innan det sätts ihop till ett mail och skickas iväg. För att göra det enkelt att placera ut formuläret på önskad plats är det hela byggt som en plugin som enkelt kan aktiveras från valfri sida eller artikel.

Gå in på scsmedic.se och ta en titt på sajten eller beställ hem några av deras produkter.

Verktyg: WordPress, PHP, XHTML, CSS, Javascript
Kund: SCS Medic
Design: Glauser Creative

Josefine Engström bad mig att bygga en webbsajt till hennes nystartade illustrationsföretag NU Agency.

Hon hade från början en ganska bra idé om hur hon ville att sidan skulle vara utformad. Den skulle vara ren, lättnavigerad, och det var även viktigt att man enkelt kunde få en överblick över illustrationerna utan överflödiga musklick och navigering. Diskussioner, prototyper och implementation ledde fram till den slutgiltiga designen.

Sidan är byggd i WordPress och är baserad på artiklar som hör till olika kategorier. Vissa delar av sajten var jag tvungen att skapa specialhantering för så att den skulle fungera som önskat. Ett problem som jag stötte på var att kategorititlar i WordPress, till skillnad mot artikel- och sidtitlar, inte har stöd för HTML-kod i sig. För att lösa det skapade jag ett filter som letar igenom kategorititlarna efter de egendefinierade HTML-taggarna (b) och (/b) och som sedan byter ut dem mot <b> och </b> innan de skickas till webbläsaren.

Ett annat problem som jag stötte på var att jag var tvungen att hitta ett enkelt sätt att ta bort alla bildtitlar på sajten. Dessa visas normalt då muspekaren förs över en bild. Det enklaste sättet vore att helt enkelt ta bort alla titlar från alla bilder på sajten. Enda problemet var att denna önskan uppkom först ett par dagar innan lanseringen av sajten, och sajten var redan överbelamrad med bilder. För att undvika att behöva gå igenom och ta bort varje titel för sig byggde jag en WordPress plugin som automatiskt filtrerar bort och tar bort img taggar från alla artiklar som visas. Jag kallade pluginen ”Img Title Removal” och den går att ladda ner här.

Se det slutgiltiga resultatet och läs mer på NU Agency.

Verktyg: WordPress, PHP, XHTML, CSS
Kund: NU Agency
Design: NU Agency