Frontend-utveckling

Frontend är den delen av lösningen besökaren faktiskt möter. Den ingår i nästan allt vi bygger, oavsett vad som ligger bakom – ett Drupal-tema, en storefront i Next.js eller ett gränssnitt mot ett API.

Vad vi bygger i

Tekniken följer projektet, inte tvärtom:

• Drupal-projekt – tema och komponenter i plattformens egna verktyg, så att redaktörerna behåller sidbyggaren och inget låses fast i kod
• Headless och e-handel – React och Next.js, med data från CMS eller commerce-motor
• Befintliga lösningar – vi arbetar i det som redan finns, även när vi inte byggt det

Vad vi menar med bra frontend

Tre saker som går att mäta, till skillnad från tycke:

• Prestanda. Laddtid och Core Web Vitals påverkar både vad besökaren gör och hur sidan rankas. Det är också det enklaste att tappa i efterhand, när skript och funktioner lagts på i tur och ordning.
• Tillgänglighet. Tangentbordsnavigering, kontraster, skärmläsare. Kraven skärps i offentlig sektor, men det är inte därför det är värt att göra.
• Förvaltningsbarhet. Komponenter som går att återanvända och kod som nästa person förstår – ofta samma person, några år senare.

Mer avancerade gränssnitt

Allt är inte sidmallar. På Ebecos webbplats byggde vi Artikelväljaren, ett interaktivt verktyg där besökaren anger golvyta och önskad effekt och får rätt produkt föreslagen, plus rådgivningsguider som besvarar de frågor supporten annars får ta.

Samma sak gäller 3D-renderingar och insticksappar i React som lever inuti en sida byggd i något annat. Den sortens funktioner står och faller med grunderna: HTML, CSS, JavaScript och tillgänglighet. Det är där vi är starkast, och det är det som gör att en avancerad komponent fungerar också för den som navigerar med tangentbord.

Hur vet ni att det håller?

Vi har ett stabilt QA-flöde, och i de projekt där vi satt upp det körs prestanda- och tillgänglighetskontroller automatiskt i bygget – så att en försämring upptäcks innan den når produktion i stället för i nästa granskning.

Den här webbplatsen är byggd på det sättet, och är det enda referensobjekt vi kan visa insidan av. Vill du veta hur något är gjort går det bra att fråga.

Ingår frontend i era projekt, eller kan man beställa det separat?

Båda. I de flesta projekt ingår det som en del av bygget. Men vi tar också uppdrag där designen finns och någon behöver bygga den, eller där en befintlig webbplats behöver ett gränssnittslyft utan att allt annat rivs.