B&O Drewsens

Ny webshop i shopify som er blevet bygget fra bunden med liquid kode, tailwindcss samt alpinejs.

Udvikling i shopify 3.0

B&O Drewsens nye shop er blevet udviklet med det nyeste shopify har at byde på og i samarbejde med nomilk ha vi lavet en webshop som giver brugeren den perfekte sanseoplevelse som matcher det som B&O står for.


Shoppen er blevet udviklet i shopify's helt nye online Store 3.0 med modulær moduler i json samt liquid filer, for at give den perfekte frihed og skalerbarhed. Derudover er siden blevet bygget med det populære utility-first CSS-framework Tailwindcss som giver stor fleksibilitet for at tilpasse designet. Dette gør det lettere at skabe unikke og skræddersyede brugergrænseflader, der opfylder specifikke designbehov og sammen med Alpinejs er der rigtig skruet op for den morderned udviklings tilgang som er bygget på fleksibilitet og hastighed, samt genbruglighed i komponenter gennem hele siden.

Hovedfokus ved opgaven

  • Siden skulle være så fleksible som muligt hvor kunden nemt selv kunne oprette nye sider ud fra moduler

  • Det var vigtigt at webshoppen udviste hvad B&O står for, samt give en luksus følelse.


Firma’er som jeg har arbejdet for de sidste 10 år

  • 2013-2017
    Var ansat i vestjyskmarketing hvor mine primær opgaver lå i design delen med UX og UI, samt frontend udvikler hvor jeg bl.a. var med til at lave deres eget vmcms system.
  • 2013-2017
    Hos erhvervswebdesign har jeg arbejdet med mange forskellige kunder hvor jeg var ansat som frontend udvikler og designer.
  • 2019-2020
    I min tid hos Indexed stod jeg med ansvaret for at bærer dem ind i en ny tid med mere fokus på design og core web vitals delen.
  • 2020-2023
    Har siden 2020 arbejdet som freelancer hvor jeg har haft arbejdet med mine egne kunder, samt samarbejde med andre webbureauer hvor jeg har stået for UX, UI, webdsign og frontend udvikling.

Hvad jeg kan bidrage med

Som person vil du opleve at jeg bidrager med kreativitet, engagement, ansvarsbevidsthed og målrettethed. Derudover er jeg nørdet på den måde, at jeg arbejder meget seriøst med mine opgaver og fordyber mig med hud og hår i dem, specielt når det kommer til core web vitals, som jeg ofte føler er lidt en overset kapitel når det kommer til hjemmesidens opbygning.

  • Performance

    100%
  • Accessibility

    100%
  • Best Practices

    100%
  • SEO

    100%
  • First Contentful Paint

    1,3 sek
  • Speed Index

    1,6 sek
  • Largest Contentful Paint

    1,5 sek
  • Total Blocking Time

    10 ms
  • Cumulative Layout Shift

    0 ms
Se mållingerne på web.devSe koden på github
Billede af confetti
Billede af html kode

For den bedste oplevelse anbefaldes der at bruge chrome browser da denne side bruger view-transition