Frilans · Webb & frontend

Tydlig kommunikation. Trygg leverans. Modern frontend.

Jag tar företag och organisationer från kartläggda behov till en lanserad webb eller webbapp – med genomtänkt struktur, vässad frontend och rimliga förväntningar på innehåll och CMS. Efter launch finns plan för överlämning, prestanda och vidare utveckling.

Se referenser och case Diskutera ert projekt

Case ni kan granska

1–2 v

Återkoppling på förfrågan

Next + WP

Typ av leveranser

Webbapp

Nordstrand Commerce – startsida med produkter

Företag

Utvalda projekt

Utvalda case med tydlig riktning och affärsnytta.

När ni utvärderar en leverantör behöver ni se bredd: landningssidor, företagswebbar, webbappar i Next/React, API‑driven backend, live‑data‑ och mobilappar samt dataverktyg – och CMS‑arbete i WordPress där det passar. Märkta praktikcase visar hur jag jobbat i byråmiljö med äkta krav. Jag tar ägarskap för lösningen vi gemensamt landar och kan bygga vidare när ni lanserar nästa steg.

Öppna case

WebbappHeadless e-handel med API och Stripe

Nordstrand Commerce

Problem: E-handelskunder och arbetsgivare behöver se en riktig butik med backend — inte bara en frontend-demo. Lösning: Monorepo med Next.js-butik, Express API, PostgreSQL, lagerlogik och Stripe Checkout (kort, Klarna, Apple Pay). Resultat: Fullständigt köpflöde från varukorg till betald order med webhook-bekräftelse.

Det här projektet visar

Problem: Behov av trovärdig commerce-demo som visar både UX och server-side affärslogik
Lösning: Separat API med Prisma, lagervalidering, orderhantering och Stripe webhooks
Resultat: Live-butik redo för portfolio, e-handelskunder och fullstack/backend-intervjuer

Stack och fokus

Next.jsExpressTypeScriptPostgreSQLPrismaStripeDocker

Öppna case Öppna demo-video (MP4)Se repo

Demo: varukorg → Stripe → bekräftad order

Öppna demo-video (MP4)

Öppna case

FöretagFöretagswebb för omsorg och ledsagning

Trygg Vardag Skåne

Problem: Besökare hade svårt att snabbt förstå tjänsten och hur de går vidare till kontakt. Lösning: En tydlig informationsarkitektur med lågfriktionsformulär via Web3Forms och genomarbetad SEO (metadata, Open Graph och canonical). Resultat: En mer begriplig kundresa där fler kan gå från första intryck till konkret förfrågan utan onödiga hinder.

Det här projektet visar

Problem: Otydlig tjänstebild och hög tröskel till första kontakt för anhöriga och äldre
Lösning: Tydlig IA samt kontaktformulär med Web3Forms, relevanta fält, spam-skydd och tacksida efter inskick
Resultat: Klarare väg från informationssida till förfrågan, stärkt av lokal SEO med metadata, Open Graph och canonical

Stack och fokus

Next.jsTypeScriptReactTailwind CSSNetlify

Öppna livesajt Se repo

Företag

Öppna case

PågårSocialt forum med auth och API (pågående)

Community Auth Forum

Problem: Ett socialt forum kräver både säker autentisering och en backend som går att bygga vidare på. Lösning: Node/Express/TypeScript med JWT, bcrypt, sanitize-html och helmet samt PostgreSQL med migrationer, driftsatt som serverless API på Netlify Functions. Resultat: En stabil teknisk grund för att utveckla fler sociala funktioner med bibehållen säkerhet och tydlig driftmodell.

Det här projektet visar

Problem: Social app med höga krav på säker inloggning, dataskydd och hållbar API-struktur
Lösning: JWT + bcrypt med förstärkt skydd via sanitize-html och helmet, samt PostgreSQL-migrationer för kontrollerad schemautveckling
Resultat: Robust backendfundament på Netlify Functions som är redo för vidare funktioner utan att låsa till tung serverdrift

Stack och fokus

Node.jsExpressTypeScriptPostgreSQLJWTNetlify Functions

Öppna livesajt Se repo

Pågår

Socialt forum med auth och API (pågående)

Community Auth Forum

Auth & JWT

PostgreSQL

Flöde & vänner

Netlify API

Öppna case

AIAI-pipeline för inkommande e-post

InboxBridge MVP

Problem: Inkommande e-post kommer i varierande format och är svår att hantera konsekvent i manuella flöden. Lösning: En MVP-pipeline som normaliserar IMAP-mail, extraherar nyckelinformation med LLM och mappar vidare till partner-API med confidence-baserad kvalitetssignal. Resultat: Snabbare triage och ett integrationsredo dataflöde som kan testas och valideras direkt i dashboarden.

Det här projektet visar

Problem: Ostandardiserad inkommande maildata gjorde prioritering och handoff till externa system tidskrävande
Lösning: IMAP-normalisering följt av LLM-extraktion av sammanfattning, actions och confidence-score för mer konsekvent beslutsunderlag
Resultat: Strukturerad partner-payload med integrationsredo flöde som kortar vägen från inkorg till vidare hantering

Stack och fokus

TypeScriptReactIMAPLLMREST APINetlify

Öppna livesajt Se repo

AI-pipeline för inkommande e-post

InboxBridge MVP

IMAP ingestion

LLM processing

Partner API

Pipeline demo

Öppna case

ProduktProdukt- och landningssida

Nordflux eBook

En modern webb för Nordflux eBook med tydlig visuell profil, fokus på konvertering och snabb väg till att utforska innehållet.

Det här projektet visar

Lyfter värdet i produkten med tydlig struktur och stark förstasektion
Designad för att guida besökaren vidare till handling utan friktion
Deployad live på Netlify med snabb och stabil frontend

Stack och fokus

Next.jsTypeScriptReactNetlify

Öppna livesajt Se repo

Produkt

Öppna case

WebbappLive-data-app (Expo web + mobil)

Färjeankomster Sverige

App för passagerarfärjans ankomster i Ystad, Trelleborg och Helsingborg. Hämtar och tolkar offentliga MyShipTracking‑sidor via r.jina.ai‑proxy utan betald AIS‑API, med kalenderval för dag, deduplicering av ETA mot bekräftade ankomster och automatisk uppdatering.

Det här projektet visar

Parser som sammanför flera datakällor per hamn och håller listan konsekvent över tid
CORS‑lösning med textproxy så att live‑data kan visas i webben utan backend‑nyckel
Statuslogik för ankommen, planerad och försenad samt flikar för tydlig överblick i flödet

Stack och fokus

ExpoReact NativeTypeScriptReact Native WebNetlify

Öppna livesajt Se repo

Webbapp

Färjeankomster Sverige – live-data-app för färjeankomster

Öppna case

DataStreamlit-app för data och spelförslag

Europatipset Optimizer

Python/Streamlit‑stöd för Europatipset: historiska odds, scikit‑learn‑kalibreringsmodell för 1X2, synk mot officiell kupong i Svenska Spel‑kontext, systemförslag under radbudget, backtest och speldagbok. Driftsatt på Streamlit Cloud.

Det här projektet visar

ML‑kalibrering av sannolikheter med backtest för att bedöma modellens träffsäkerhet över tid
API‑synk från football-data.org och berikning av kupongdata för aktuella omgångar
Pytest‑testsuite som säkrar kärnlogik för odds, modell och spelförslag

Stack och fokus

PythonStreamlitpandasscikit-learnpytest

Öppna livesajt Se repo

Data

Streamlit-app för data och spelförslag

Europatipset Optimizer

ML-kalibrering

Backtest

Svenska Spel

Streamlit Cloud

Öppna case

SpelPedagogiska webbspel för barn 5–7 år

Äventyrsparken

En lekfull spelhubb med två minispel – Färgfångaren och Djurpare – byggd för små barn med stora knappar, tydlig feedback och låg stress. React/Vite-app med PWA-stöd, ljud via Web Audio API och animationer med Framer Motion.

Det här projektet visar

Färgfångaren: slumpmässiga färgval, streak och stjärnor med omedelbar visuell/auditiv feedback
Djurpare: memory med 12 kort, match-logik och vinstflöde utan tidspress
Tillgänglig UX: ljud av/på, porträttläge i PWA-manifest och touchvänliga komponenter

Stack och fokus

ReactTypeScriptViteTailwind CSSFramer MotionPWA

Öppna livesajt Se repo

Spel

Pedagogiska webbspel för barn 5–7 år

Äventyrsparken

Barn 5–7 år

2 minispel

Web Audio

PWA

Öppna case

JuridikFörtroendedriven företagswebb

W Advokatbyrå

En förtroendeingivande sajt för juridisk rådgivning med premiumkänsla, tydlig struktur och fokus på kontaktvägar.

Det här projektet visar

Skapar ett lugnt och professionellt första intryck
Lyfter fram juridiska tjänster utan att bli tung eller stel
Byggd för tydlig navigation mellan byrå, tjänster och kontakt

Stack och fokus

ReactTypeScriptNetlify Functions

Öppna livesajt

Juridik

W Advokatbyrå – förtroendeingivande företagswebb

Öppna case

OrganisationSpråktolkning och stöd på italienska

Italidea

En tydlig webb för Italidea med fokus på språktolkning och stöd på italienska, där besökaren snabbt hittar rätt hjälp och kontaktväg.

Det här projektet visar

Tydlig tjänstepresentation för besökare som behöver stöd på italienska
Bygger förtroende med varm tonalitet och tydlig vägledning
Live på Netlify med lösning som är enkel att vidareutveckla

Stack och fokus

Next.jsTypeScriptReactNetlify

Öppna livesajt Se repo

Organisation

Italidea – webb för språktolkning och stöd på italienska

Öppna case

WebbappFullstack webbapp för tid och närvaro

Tidspuls

En inloggad webbapp med Laravel 11-API och Vue 3-SPA: kontoskapande, inloggning, tidrapportering, godkännanden och GPS-stödd platsloggning. Deployad på Netlify med backend på Render.

Det här projektet visar

Laravel REST API med auth, lösenordsåterställning och rollbaserade flöden
Vue 3-frontend byggd för mobil och desktop med tydligt tidflöde
Live-demo på Netlify — portfolions referens för PHP/Laravel fullstack

Stack och fokus

Laravel 11PHP 8Vue 3TypeScriptNetlify

Öppna livesajt Se repo

Webbapp

Öppna case

PraktikPraktik och moderniserad landningssida

Convertor eBook

Under praktik hos Convertor Svenska AB (april 2024) arbetade jag med att modernisera landningssidan för deras eBook-erbjudande: tydligare struktur, fräschare uttryck och en smidigare väg för besökaren.

Det här projektet visar

Arbete i verklig kontext med krav från produkt och kommunikation
Uppdaterad presentation med tydligare informationshierarki och lättläst flöde
Frontend som är enkel att vidareutveckla när budskap eller kampanjer ändras

Stack och fokus

Next.jsTypeScriptTailwind CSSReactNetlify

Öppna livesajt Se repo

Praktik

Praktik och moderniserad landningssida

Convertor eBook

Convertor Svenska AB

April 2024

Landningssida

Live på Netlify

Öppna case

PraktikFlerspråkig WordPress-webb under praktik

Francks Refurbishment

Under praktik hos Convertor Svenska AB (februari–maj 2024) bidrog jag till Francks Refurbishments webbplats innan lansering i stagingmiljö: uppdatering av textinnehåll, uppbyggnad och justering av moduler i WordPress samt arbete med både den svenska och danska sidan.

Det här projektet visar

Byggde och finjusterade WordPress-moduler för mer återanvändbara och lättarbetade ytor i CMS
Strukturerade och skärpte copy så budskapet blev konsekvent inför staging och vidare test
Såg till att svensk och dansk version höll ihop i struktur och innehåll under förberedelserna

Stack och fokus

WordPress

Öppna livesajt

Praktik

Flerspråkig WordPress-webb under praktik

Francks Refurbishment

Convertor

SV & DK

WordPress

Staging-ready

Öppna case

PraktikWebbplatskartläggning under praktik

Dunstan

Under praktik hos Convertor Svenska AB (våren 2024) kartlade jag hur kundwebben Dunstan (dunstan.se) var uppbyggd när den seniora utvecklaren slutat och kunskapen inte fanns dokumenterad. Jag gick igenom tema, plugins, mallar och innehållsflöden i WordPress och sammanställde en README så teamet kunde förstå och underhålla sajten vidare.

Det här projektet visar

Kartlade arkitektur, teman och beroenden i en befintlig WordPress-miljö utan intern handover
Dokumenterade uppbyggnad, viktiga plugins och redaktörsflöden så kunskapen inte försvann med en person
Levererade strukturerad README och översikt som gjorde det lättare för byrån att ta över drift och vidareutveckling

Stack och fokus

WordPressWooCommerceKinstaDokumentation

Öppna livesajt

Praktik

Webbplatskartläggning under praktik

Dunstan

Convertor Svenska AB

Kartläggning

WordPress

README

Öppna case

PraktikWordPress och nyhetsflöde under praktik

Sveriges offentliga kockar

Under praktik på webbyrån Capace Media i Malmö (november 2023–februari 2024) bidrog jag till WordPress-utveckling och felsökning på sajten, med särskilt fokus på nyhetsdelen och hur innehåll kan publiceras utan friktion.

Det här projektet visar

Löste tekniska hinder som stoppade marknadsförare och redaktörer från smidiga publiceringsflöden i CMS
Kunde ta vid när senior utvecklare var upptagen med andra kundprojekt
Bidrog till stabil drift och tydligare arbetsflöden vid uppdateringar av sajten

Stack och fokus

WordPress

Öppna nyhetssidan

Praktik

Sveriges offentliga kockar – nyhetssida i WordPress

Öppna case

PraktikInnehållsförvaltning i WordPress under praktik

Aldrig Ensam

Under praktik på webbyrån Capace Media bidrog jag till den ideella organisationen Aldrig Ensams webbnärvaro genom att uppdatera och underhålla innehåll, så att informationen förblev aktuell, korrekt och användarvänlig för besökarna.

Det här projektet visar

Uppdaterade och underhöll innehåll löpande så att sidorna hölls aktuella och korrekta
Bidrog till en tydlig och användarvänlig upplevelse för organisationens besökare
Arbetade i WordPress som en del av byråns löpande förvaltning av kundens digitala närvaro

Stack och fokus

WordPress

Öppna livesajt

Praktik

Aldrig Ensam – startsida för den ideella organisationen

Öppna case

PraktikFormulärlösningar i TYPO3 under praktik

Sparbanken Syd

Under LIA på Convertor Svenska AB (februari–april 2024) arbetade jag i TYPO3-backend åt Sparbanken Syd med deras digitala formulär: jag byggde, anpassade och kvalitetssäkrade formulär utifrån bankens krav på struktur och innehåll.

Det här projektet visar

Skapade och anpassade formulär i TYPO3:s backend med rätt fält, inställningar och struktur
Arbetade i bankens Form Folder via List view och utgick från befintliga formulär där det passade
Sparade, testade och funktionssäkrade formulären så de fungerade i skarp miljö

Stack och fokus

TYPO3CMSFormulär

Öppna livesajt

Praktik

Sparbanken Syd – formulärsida för privatlåneansökan

Arbetssätt

Tydlig riktning från första intryck till rätt nästa steg.

Tydlig riktning

Varje layout utgår från vad besökaren ska känna, förstå och göra direkt på sidan.

Design med nerv

Jag gillar att skapa uttryck som känns genomtänkta, levande och anpassade till projektets tonalitet.

Modern frontend

Byggt i en aktuell stack som är snabb att utveckla i, enkel att underhålla och trygg att deploya.

Samarbete

Så jobbar jag med er som kund.

Ni får förutsägbar scope, skriftlig offert, avstämda milstolpar och löpande kommunikation – så att leveransen matchar budget, tid och kvalitetskrav hela vägen.

Kickoff där vi samlar mål, målgrupp, budskap och tekniska förutsättningar

Offert och leveranslista med milstoplar – ni vet vad som ingår och när det levereras

Produktion med återkommande demos och avstämding innan nästa steg går i produktion

Launch med överlämning: dokumentation, intro till drift/innehåll och plan för vidareförvaltning

Referens

Bekräftad praktik från Capace Media

Under LIA på Capace Media Group i Malmö (27 nov 2023 – 1 feb 2024) arbetade jag med headless WordPress, WPGraphQL och React/Next.js — samma period som praktikcaset Sveriges offentliga kockar i projektlistan.

“Eleonoras tekniska kompetens och problemlösning har varit på en hög nivå. Hennes självständighet och förmåga att ta till sig rätt information och implementera det på rätt sätt visar att hon kan leverera i byråmiljö.”

Rick Centerhall, Lead Developer

Capace Media Group AB · Malmö

LIA 27 nov 2023 – 1 feb 2024

Ladda ner LIA-intyg (PDF)Capace Media

Kontakt

Ny sajt, förnya befintlig eller starta ett konkret uppdrag?

Maila en kort beskrivning av mål, tid och budgetram – jag återkopplar inom rimlig tid med förslag på nästa steg eller ett första möte. Passar det för er kan vi ta fram scope och offert innan produktion startar.

Mail LinkedIn CV

Fullständigt CV med erfarenhet och utbildning: developer-resume-site.netlify.app