Roj IT
← Alla tjänster
Tjänst · 07

Webb & apputveckling.

Sajter och appar som laddar snabbt på dålig uppkoppling, fungerar med tangentbord, och går att lämna över till ett annat team utan ursäkter.

page.tsx
1
förhandsvisning

Infrastruktur som håller sig ur vägen

Servrar, nätverk, moln.

Kontakta oss

Vi bygger verksamhetens framsida: sajten folk bedömer er efter, portalen era kunder loggar in i, appen fälttekniker bär med sig. Moderna stackar, verkliga prestandabudgetar, tillgänglighet som krav i stället för eftermontering. Sidan ni läser just nu är byggd på samma sätt, vilket är därför den laddar som den gör.

Stack

Vad vi bygger med

Tråkiga, välunderhållna val som får ligga kvar i åratal i stället för att bytas varje säsong. Allt här går att lämna över till ett annat team utan omskrivning.

Frontend

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Astro

Backend

  • .NET
  • Node.js
  • PostgreSQL
  • REST och GraphQL
  • Entra ID

Mobilt

  • React Native
  • Expo
  • Nativa moduler vid behov
  • Publicering i App Store och Play

Leverans

  • Azure
  • Cloudflare
  • GitHub Actions
  • Förhandsmiljöer
  • Övervakning av drift och fel
Responsivt

Ett bygge, alla skärmar

Ingen separat mobilsajt, och ingen skrivbordslayout hoptryckt tills den får plats. Växla mellan storlekarna: samma markup som flödar om vid varje brytpunkt.

Samma sida, alla bredder
Innehållet flödar om, ingenting kapas bort.

Layoutillustration, levande vid varje bredd

Prestanda

Budgetarna vi håller oss till

Core Web Vitals är Googles publika tröskelvärden, inte vår uppfinning, och de påverkar en del av hur ni rankar. Vi behandlar dem som en budget överenskommen innan designen börjar, mätt på en mellanklass-Android över mobildata i stället för en ny laptop på kontorets WiFi.

Largest Contentful Paint
≤2,5 s
BraDåligt

Hur lång tid tills det viktigaste på skärmen faktiskt finns där. Mest ett problem med drift, bilder och typsnitt.

Interaction to Next Paint
≤200 ms
BraDåligt

Hur lång tid sidan tar på sig att svara när någon trycker. Mest ett JavaScript-problem.

Cumulative Layout Shift
≤0,1
BraDåligt

Hur mycket sidan hoppar omkring medan den laddar. Mest ett problem med reserverad yta.

Detta är trösklarna för betyget "bra". Ett bygge som missar dem är inte färdigt, och vi säger det innan lansering i stället för efteråt.

Tillgänglighet

Tillgängligt från grunden

WCAG 2.1 AA är referensnivån i svensk och europeisk offentlig upphandling, och tillgänglighetsdirektivet lyfter liknande förväntningar på en hel del privata tjänster. Att eftermontera det kostar mångdubbelt mot att bygga in det.

Tangentbordet först

Varje flöde går att slutföra utan mus, med fokusmarkering som syns och en ordning som följer sidan.

Riktig semantik

Rubriker, landmärken, etiketter och roller som beskriver sidan, så att en skärmläsare hör en struktur i stället för en vägg av divar.

Kontrast som håller

Text- och gränssnittsfärger kontrollerade mot ratiovärdena, både i designfilen och i den byggda sidan.

Kontrastkontroll

Samma kontroll vi kör på varje färgpar vi levererar. Ändra endera färgen och se var det landar.

Vaxade skjortor och flotta pyjamasar

Vaxade skjortor och flotta pyjamasar

Kontrastvärde
6.02:1
Brödtext · AAGodkänt
Stor text · AAGodkänt
Brödtext · AAAUnderkänt
Stor text · AAAGodkänt

AA kräver 4,5:1 för brödtext och 3:1 för stor text. AAA höjer det till 7:1 och 4,5:1.

Arbetssätt

Så går ett bygge till

01

Prototyp i webbläsaren

Designbeslut fattas på riktiga skärmar med riktigt innehåll, inte i en statisk skiss som döljer hur det beter sig vid 375 pixlar.

02

Bygg i öppen dager

Varje gren får en förhandsadress. Ni klickar runt i den faktiska saken medan den byggs, i stället för att vänta på en avtäckning på slutet.

03

Lämna över ordentligt

Tillgång till kodförrådet, dokumenterad driftsättning, redaktörsutbildning om det finns ett CMS, och en rapport om prestanda och tillgänglighet vid lansering.

FAQ

Vanliga frågor

01

Redesign eller nytt bygge från grunden?

Beror på vad som faktiskt är fel. Om innehåll och struktur fungerar och sajten bara är långsam och daterad är ett nytt bygge på samma informationsarkitektur snabbt och lågriskigt. Om folk inte hittar det de kom för hjälper ingen ny styling, och då börjar vi i innehållet i stället.

02

Kan ni jobba med vår befintliga WordPress?

Ja, antingen genom att förbättra den på plats eller genom att behålla den som redigeringsgränssnitt medan en modern frontend renderar sidorna. Att flytta bort helt är också helt okej. Vad vi inte gör är att låtsas att en pluginflora som vuxit i åtta år mår bra när den inte gör det.

03

Vem driftar den och vad kostar den att ha igång?

Statiska sajter körs oftast på Cloudflare Pages eller Azure Static Web Apps, ofta för mycket lite. Applikationer med backend kostar mer och det räknar vi på innan vi bygger. Oavsett vilket står driftkontot i ert namn, och vår åtkomst går att ta bort på en minut.

04

Får vi koden?

Ja, i ert eget kodförråd från första commiten. Ingen byråägd testmiljö ni inte kommer åt, ingen överlämning som droppas ut i slutet av projektet.

05

Hur gör ni med SEO?

Den tekniska halvan är vår: innehåll som renderas på servern så att det kan indexeras, ren URL-struktur, metadata, strukturerad data, sitemaps, snabba sidor och ingen kvarglömd noindex i produktion. Den andra halvan är innehåll och länkar, vilket är en annan disciplin. Vi samarbetar gärna med den som sköter det.

Pinsam sajt, eller en app som aldrig blev klar?

Skicka adressen, eller beskriv vad appen skulle göra. Vi återkommer med en ärlig bedömning av nytt bygge kontra lagning, och vad det skulle krävas.

Boka samtal
Hör av dig

Redo att bygga något som håller?

Berätta om er stack. Vi återkommer inom en arbetsdag med ett konkret nästa steg.