Idag 00:00
Team Webbkonsulter: Roll 2 - Frontend Developer, Nivå 3
Ansök gärna så snart som möjligt då uppdraget kan tillsättas innan sista ansökningsdag.
Uppdragsbeskrivning
Avropet avser ett kontrakt som omfattar leverans av konsulttjänster för att utveckla och förvalta Vinnovas webbplatser och de baspaket som webbplatserna byggs upp på. Avropet omfattar även säkerhetsarbete, tillgänglighetsgranskningar, incidenthantering, DevOps‑stöd samt underhåll och optimering av driftmiljöer i Azure.
Exempel på tjänster att leverera
- Ny‑ och vidareutveckling av funktionalitet i befintliga och nya webbplatser
- Transformering av vinnova.se till ny headless-arkitektur
- Regelbundet underhåll och uppgradering av Strapi CMS, MySql, kodbibliotek samt Vinnovas gemensamma basbibliotek för samtliga webbplatser
- Felsökning och buggrättning i backend‑, frontend‑ och integrationslager
- Bygg‑ och releaseprocesser i Azure DevOps, inklusive CI/CD‑flöden för Windows‑ och Azure‑miljöer
- Drift och förvaltning av Azure‑baserade miljöer enligt Landing Zone‑modellen (DEV, TEST, PROD) med Zero Trust‑principer
- Genomförande och uppföljning av säkerhetsanalyser för webbplatser och plattform
- Tillgänglighetsgranskningar och åtgärdsarbete enligt gällande tillgänglighetskrav
- Arkitekturstöd i headless‑miljö, baserad på Strapi och Next.js i Azure, med nyttjande av Vin novas gemensamma stödpaket
KOMPETENSNIVÅ
Nivå 3:
Kunskap – hög kompetens inom aktuell roll.
Erfarenhet – är en förebild för andra Konsulter på lägre nivå. Nivån uppnås normalt efter 4-8 års arbete inom aktuell roll.
Ledning – tar ansvar för delområde, kan leda en mindre grupp.
Självständighet – kan arbeta självständigt.
TID / OMFATTNING / PLACERING
Konsulter som arbetar inom uppdraget kommer primärt kunna arbeta på distans. Under uppstartsfasen kommer kärnteamet förväntas närvara på Vinnova vid ett fåtal tillfällen under planerade möten. Kärnteamet kommer några gånger om året förväntas närvara på planerade möten på Vinnova.
Kontraktstiden kommer att börja gälla tidigast från och med 1 september 2026 och gäller i 24 månader. Kontraktet upphör därefter automatiskt att gälla utan föregående uppsägning. Vinnova har dock rätt, men är inte skyldig, att skriftligen förlänga kontraktet två (2) gånger á 12 månader på i övrigt oförändrade villkor.
Omfattning: 2000H
REFERENSUPPDRAG (SKA BIFOGAS)
2 referensuppdrag ska anges
CASE-BESKRIVNING (SKA BIFOGAS)
Anbudsgivaren ska bifoga två (2) case-skrivningar som visar att konsulten uppfyller den erfarenhet och kunskap som efterfrågas enligt punkterna i underrubrikerna. I respektive underrubrik framgår också vilka kriterier som används vid bedömningen.
- Konsulten visar erfarenhet av att använda, vidareutveckla eller förvalta egna eller gemensamma npm‑paket för återanvändbar frontend‑
- Konsulten visar erfarenhet av att omsätta grafisk profil, designsystem eller designskisser (t.ex. Figma) till UI‑komponenter och webbsidor med korrekt responsivitet och tillstå
- Konsulten visar erfarenhet av strukturerad felhantering och felsökning i frontend, inklusive hantering av API‑fel, fallback‑scenarier och loggning i produktionsmiljö.
- Konsulten visar erfarenhet av att kombinera och optimera SSR, SSG och/eller ISR i Next.js utifrån prestanda, SEO och innehållskaraktär.
- Konsulten visar erfarenhet av automatiserade tester för frontend, exempelvis komponent‑, integrations‑ eller end‑to‑end‑tester i React/Next.js‑lö
- Konsulten visar erfarenhet av att strukturera komponenter, layouter och frontend‑arkitektur på ett sätt som främjar underhållbarhet och skalbarhet.
- Konsulten visar erfarenhet av integration mellan frontend och headless CMS samt backend‑API:er (REST och/eller GraphQL).
- Konsulten visar erfarenhet av analys och optimering av frontend‑prestanda, exempelvis laddtider, rendering och resursanvä
- Konsulten visar erfarenhet av att implementera och verifiera tillgänglighetskrav enligt WCAG 1 i komponenter och webbsidor.
- Konsulten visar erfarenhet av teamarbete med kodgranskning, ärendehantering, versionshantering och deploy via CI/CD‑flöden i exempelvis Azure DevOps eller likvärdigt verktyg.
- Konsulten visar hur AI‑stöd använts för att analysera och förbättra användarupplevelsen i en Next.js‑baserad, headless lö
- Konsulten visar hur AI‑stöd använts för att omvandla designskisser till React och/eller Next.js‑komponenter med korrekt struktur, responsivitet och tillgä
- Konsulten visar hur AI‑stöd använts vid framtagande av sidor baserade på headless‑CMS, inklusive datamappning och renderingslogik i Next.js.
- Konsulten visar hur AI‑stöd använts för att strukturera och vidareutveckla komponent‑ och layoutarkitektur med fokus på återanvändbarhet och skalbarhet.
- Konsulten visar hur AI‑stöd använts för att identifiera och åtgärda brister kopplat till tillgänglighet, prestanda, SEO eller kodkvalitet i Next.js.
- Konsulten visar hur AI‑stöd använts för att analysera fel, föreslå förbättringar och genomföra refaktorering i frontend‑
- Konsulten visar hur AI‑stöd använts för att analysera och förbättra laddtider, rendering och resursanvändning i Next.js‑baserade lö
- Konsulten visar hur AI‑stöd använts för att identifiera och åtgärda tillgänglighetsbrister i komponenter och sidor enligt gällande riktlinjer.
- Konsulten visar hur AI‑stöd använts för att forma innehållsstruktur, komponentkopplingar och presentation av data från headless‑CMS i frontend.
- Konsulten visar att AI‑verktyg använts som en integrerad del av det dagliga arbetet i Next.js‑utveckling, där AI bidragit väsentligt till kod, komponenter eller sidor.
- erfarenhet av arbete med myndighetsbehov: Konsulten redovisar tydlig och relevant erfarenhet av arbete med flera myndighetskrav och beskriver konkret hur dessa krav omsatts i frontend‑lösningar baserade på exempelvis React och Next.js. Beskrivningen visar hur krav kopplade till tillgänglighet (WCAG 1), informationshantering, GDPR och samverkan mellan myndigheter påverkat arkitektur, komponentutformning, renderingsstrate gier, kvalitetssäkring och samarbete över organisationsgränser.
- erfarenhet av arbete med Strapi CMS ur redaktörsperspektiv: Konsulten redovisar mer än ett (1) års sammanhängande erfarenhet av att själv arbeta i Strapi CMS ur redaktörs‑ eller innehå Konsulten beskriver hur denna erfarenhet har gett fördjupad förståelse för redaktörsflöden, användbarhet och redaktörsbehov samt hur frontend‑lösningar i en headless‑arkitektur (t.ex. Next.js) kan utformas för att stödja ett effektivt och hållbart redaktörsarbete.
INTERVJU
Vinnova kommer att bjuda in anbudsgivare och namngivna konsulter inom de angivna konsultrollerna för intervju. Syftet är att verifiera att ställda krav uppfylls samt att bedöma erbjudna konsulters lämplighet utifrån uppdragets behov.
Format och tid
Intervjuerna genomförs via Microsoft Teams. Varje intervju beräknas omfatta cirka 45–50 minuter.
Roller som omfattas
Intervjuerna fokuserar på tre centrala roller: Backend‑utvecklare, Frontend‑utvecklare och Teamlead med QA‑ansvar. Anbudsgivarens kundansvariga bör också delta då vissa frågor rör den rollen. Vissa frågor rör också leverantörens förmåga som helhet.
Upplägg
- Företagspresentation ingår inte i intervjun.
- Frågorna ställs direkt till de namngivna konsulterna.
- Frågor lämnas inte ut i förväg, men kommer beröra följande område:
- Gemensamma frågor till hela teamet (två frågor)
- Backendutvecklare – Strapi (tre frågor)
- Frontend Developer / Frontend Engineer (Next.js) (två frågor)
- Teamlead / QA med releaseansvar (tre frågor)
- Kundansvarig / Leverantörens representant (två frågor)
- Avslutande frågor (två frågor)
- Tidsramen hålls strikt för att säkerställa likabehandling av samtliga anbudsgivare.
Inspelning och integritet
Beställaren kan komma att transkribera in intervjun i syfte att säkerställa korrekt dokumentation. Samtliga deltagare informeras i förväg och samtycke inhämtas innan intervjun påbörjas. Transkriberingen hanteras enligt gällande dataskyddsregler och endast för upphandlingsprocessens behov.
Skallkrav
- Ska uppnå nivå 3
- ha minst 5 års erfarenhet av frontendutveckling,
- ha minst 2 års erfarenhet av arbete med headless‑arkitektur, där frontend är separerad från CMS,
- ha erfarenhet av: TypeScript, React och Next.js, samt HTML och CSS/SCSS och moderna bygg‑ och paketeringsverktyg (t.ex. npm/Yarn)
- ha erfarenhet av: utveckling och underhåll av frontend i Next.js i en headless‑arkitektur, inklusive sidor, komponenter och layouter
- ha erfarenhet av: byggande av återanvändbara React‑komponenter samt integration mot headless CMS och backend‑API:er (REST och/eller GraphQL)
- ha erfarenhet av: implementering av UI baserat på grafisk profil, designsystem eller designskisser (t.ex. Figma)
- ha erfarenhet av: framtagning av responsiva webbsidor anpassade för desktop, surfplatta och mobil
- ha erfarenhet av: arbete med headless CMS‑lösningar och tillhörande redaktörsstöd, exempelvis preview‑funktioner och strukturerat innehåll
- ha praktisk erfarenhet av grundläggande funktionalitet i Next.js, såsom: routing och dynamiska routes, hantering av 404‑ och felsidor samt fallback‑scenarier, generering av metadata och sitemap, val och användning av renderingsstrategi (SSR, SSG och/eller ISR)
- ha grundläggande kunskap om WCAG 2.1 och kunna tillämpa tillgänglighetsprinciper I frontendutveckling
- ha DevOps‑erfarenhet, exempelvis arbete med ärenden, buggar, pull requests och deploy via CI/CD‑pipelines i Azure DevOps eller likvärdigt verktyg,
- kunna styrka sin kompetens genom CV och två (2) referensuppdrag med liknande uppdrag.
- Likvärdiga uppdrag (senaste tre åren): Likvärdigt uppdrag är uppdrag där konsulten under de senaste tre åren haft en aktiv roll i utveckling och/eller förvaltning av en produktionssatt webbplats baserad på headless‑arkitektur, med ansvar för frontendutveckling i React och/eller Next.js. Uppdraget ska tydligt visa arbete med: komponentbaserad frontend, integration mot ett headless CMS, implementation utifrån designsystem eller designskisser, samt hänsyn till redaktörsstöd och tillgänglighetskrav (WCAG 2.1).
- Case-beskrivning SKA bifogas i anbudet