Hoppa till innehåll
Wokk Studio

Arbetsmaterial

Vad som ändrats.

En logg över arbetet med den nya webben. Sidan finns bara under uppbyggnadsfasen och tas bort innan lansering.

  1. 0.8.2

    Kundportalen har fått en ingång

    • Kundportalsknappen leder nu till en riktig ingång. Skriv företagets organisationsnummer, se vilken adress vi har registrerad, och få inloggningslänken mejlad dit.
    • Har du aldrig fått någon länk skapas en åt dig automatiskt. Tidigare gick det bara att ringa.

  2. 0.8.1

    Kundportalsknappen leder inte längre till ett fel

    • Knappen Kundportal pekade på en adress som svarade med ett serverfel. Den är borttagen från sidhuvud, meny och sidfot tills det finns en väg in i portalen för den som inte har kvar sin personliga länk.
    • På kontaktsidan står i stället hur det fungerar i dag: du kommer in med länken vi skickat, och har den kommit bort ringer du oss så skickar vi en ny. Knappen leder dit tills portalen fått en egen ingång.

  3. 0.8

    Heron väljs i WMaster

    • Vilket projekt som möter besökaren på startsidan, och vilken av projektets bilder som visas, väljs nu i webbadmin. Tidigare låg valet i koden och krävde en ny version av sajten för att ändras.
    • Startsidan ser likadan ut som förut – dagens val, Daisuke i Karlskoga, är inflyttat i databasen och går att byta när som helst.
    • Avpubliceras eller tas hero-projektet bort visar startsidan nästa projekt i ordningen i stället för att stå tom.

  4. 0.7.2

    Projekten flyttade in i databasen

    • De fjorton projekten som låg i koden ligger nu i databasen, med 168 bilder i Supabase. Slugarna är oförändrade, så alla befintliga länkar fungerar.
    • Alt-texter skrivna för samtliga bilder – beskrivningar av vad man faktiskt ser, i stället för de gamla som bara upprepade projektets namn och ort. De är förslag och kan finjusteras i WMasters webbadmin.
    • Alla projekt är publicerade och sajten läser dem ur databasen. Innehållet redigeras hädanefter i WMaster, inte i koden.

  5. 0.7.1

    Startsidan tålde inte färre projekt

    • Startsidans rutnät är byggt för fem projekt och kraschade bygget när databasen bara hade ett. Färre än fem visas nu i full bredd i stället, så att sajten går att bygga under hela inflyttningen.
    • "Nästa plats" på en projektsida visas inte längre när det bara finns ett projekt – då pekade den på sidan man redan står på.

  6. 0.7

    Projekten läses ur databasen

    • Sajten hämtar projekten ur Supabase i stället för ur en fil i koden. Det som skrivs i WMasters webbadmin syns nu på sajten – texter, bilder, ordning och vilket projekt som är publicerat.
    • Bildernas alt-texter kommer från admin i stället för att byggas av namn och ort. En text som säger "Daisuke, Karlskoga" beskriver inte vad man ser, och hjälper ingen som lyssnar på sidan.
    • Den gamla filen ligger kvar som reserv. Svarar inte databasen visar sajten innehållet som det såg ut innan flytten och skriver en rad i byggloggen, i stället för att stoppa en publicering.
    • Ny endpoint som bygger om berörda sidor när WMaster sparar ett projekt. Tidigare fick en ändring vänta på nästa deploy.
    • Torrkörning framtagen för flytten av de fjorton befintliga projekten. Femton bildmappar hör inte till något projekt och lämnas orörda tills någon sagt vad de är.

  7. 0.6

    Ny hero-bild och underlag för webbadmin

    • Hero-bilden på startsidan är utbytt mot Daisukes matsal – ljusare och mer välkomnande än den mörka baren, och läser bättre som mötesplats.
    • Instruktion framtagen för hur projekten ska administreras från WMaster: databasschema, bildhantering, behörighet och ombyggnad av sajten. Ligger i docs/wmaster-webbadmin.md.

  8. 0.5

    Hörnen i heron

    • Hörnet vid bilden hade formen av ett nedre högert hörn men satt längst ned till vänster. Det sitter nu i bildens nedre högra hörn, så att det tillsammans med rubrikens hörn ramar in heron diagonalt.
    • Rubrikens hörn svävade löst ovanför texten på stora skärmar – nu sitter det tätt intill rubriken.
    • Kontrollerat på 2560 och 1920 px, bredare än vad som granskats tidigare.

  9. 0.4

    Komplett mobilanpassning

    • Hörnet skar rubrikerna på mobil på i stort sett varje sida. Det ligger nu ovanför rubriken på små skärmar och hänger utanför först från surfplatta och uppåt.
    • Breda bildformat blev för låga på mobil – allt bredare än 4/3 beskärs nu automatiskt, och projektkorten är stående.
    • Starkare övertoning på projektkorten så att namn och ort går att läsa mot ljusa bilder.
    • Processen 01–06 visas i två kolumner i stället för en lång rad.
    • Rubrikerna har tätare radavstånd på mobil så att de inte tar över hela skärmen.
    • Hörn som hänger utanför sin ruta hamnar inte längre utanför skärmkanten i sidfot, kontaktformulär och versionslogg.
    • Avslutnings-CTA:n visar ett hörn på mobil i stället för två staplade.

  10. 0.3

    Genomgång av balans och tillgänglighet

    • Nyhetsbrevet i sidfoten postade till en adress som inte fanns – nu ett fungerande formulär med tydlig återkoppling.
    • Egen 404-sida i Wokks formspråk i stället för Next standardsida.
    • Synlig fokusmarkering i hela sajten, anpassad för mörka och färgade ytor.
    • Integritetspolicy och cookies är riktiga länkar i sidfoten.
    • Texas Longhorn-sektionen omarbetad – introt ligger vid rubriken och bilderna fyller raden.
    • Erbjudandet, projektgridet, Daisuke och Rum för människor balanserade om på surfplatta och mindre skärmar.
    • Hörnet skar rubriken i Människorna bakom platserna – justerat.
    • Större klickytor på menyknapp, logotyp och fristående länkar. Mobilmenyn stängs med Escape.

  11. 0.2

    Undersidorna

    • Projektöversikt med redaktionell komposition och varierande bildproportioner.
    • Återanvändbar projektmall – 14 projektsidor. Block utan bekräftat innehåll renderas inte alls.
    • Vad vi gör med processen 01–06 i identitetens blå ikonmanér.
    • Om Wokk med värden, teamgrid och företagstext.
    • Kontakt med projektformulär, direktkontakt och egen väg till kundportalen.

  12. 0.1

    Startsidan och designsystemet

    • Designsystem enligt WOKK_visuellidentitet: färgtokens, typskala och Wokk-hörnet som komponent.
    • Namian för rubriker och Inter Tight för brödtext. Rubriker sätts med gemener enligt manualen.
    • Startsidan med samtliga elva sektioner ur wireframen.
    • 344 projektbilder hämtade från nuvarande wokk.se, samt projekttexter och kundcitat från Wokks egna projektsidor.