Jonas Moström - modernisering av webbplats.
Författarwebbplats för en av Sveriges kriminalförfattare, med samma uttryck som förut och en helt ny teknisk grund.
Om projektet
Jonas Moström är läkare och författare till den prisbelönta Nathalie Svensson-serien. Hans webbplats samlar böcker, pressklipp, pressbilder och aktuella nyheter, och är den viktigaste kontaktytan mot läsare, journalister och förlag. När Jonas först blev kund hos oss byggde vi en då, modern sida men det året var 2009 och vi har under årens lopp endast gjort en större uppdatering - fram till nu.
Designen fungerade fortfarande, men koden bakom den gjorde det svårt att driva sajten säkert och utveckla den vidare.
Utmaningen
Webbplatsen byggde på kod som inte längre håller för att köra på moderna servrar.
Den hade föråldrade databasanrop och ett administrationsgränssnitt som var tungt att använda, särskilt på mobil.
Kunden ville behålla den publika designen men få en trygg, modern och lättskött plattform.
Lösningen
Vi byggde om webbplatsen från grunden under ytan och lät det besökarna ser vara kvar som det var.
Publik webbplats. Samma design och URL-struktur, med helt omskriven kod. Sidorna är fortsatt snabba och sökmotorvänliga, och inga befintliga länkar bryts.
Nytt administrationsgränssnitt. Ett skräddarsytt gränssnitt med författartema, byggt för att vara enkelt att använda:
- Blockbaserad startsida. Senaste bok, Aktuellt, Priser och utmärkelser, Om och Recensioner kan slås av och på, flyttas och redigeras utan utvecklarhjälp.
- Böcker, pressklipp och pressbilder med sök, sortering och sidnumrering. Bokomslag och bilder förhandsgranskas direkt i listorna.
- Bildbibliotek inbyggt i textredigeraren. Redaktören bläddrar bland sajtens befintliga bilder och laddar upp nya direkt när hen skriver.
- Fullt mobilanpassat med hamburgermeny och sidor som håller på små skärmar, så innehåll kan uppdateras var som helst.
- Dashboard med förhandsvisning av senaste bok, pressklipp och pressbilder.
Teknik och säkerhet
- PHP 8.1 med strikt typning och PDO med prepared statements
- Moderna lösenordshashar, brute-force-skydd och CSRF-skydd på alla formulär
- Härdade sessioner och validerad bilduppladdning med verklig bildkontroll
- TinyMCE 6, självhostad utan externa beroenden
- Skyddad nedladdning av pressbilder, spärrad mot path traversal
- Automatisk cache-hantering för CSS och JavaScript
- Vanilla JavaScript och Bootstrap 5 utan tunga ramverk, för enkel förvaltning
Resultat
En plattform som är säker, modern och lätt att förvalta, där kunden själv sköter allt innehåll. Besökarna ser samma välkända sajt, och redaktören har ett verktyg som är byggt för hens sätt att arbeta.
Tjänster: Webbutveckling · Säkerhetsmodernisering · UX-design för administration · Hosting
Teknik: PHP 8.1 · MySQL · Bootstrap 5 · TinyMCE · JavaScript