Miniatyrbild för CG Consulting

CG Consulting.

Från WordPress till en skalbar och högpresterande webbarkitektur

En komplett redesign och ombyggnad av en konsultwebbplats med fokus på prestanda, underhållbarhet och en ren, professionell användarupplevelse. Många små företag förlitar sig på WordPress-lösningar som blir instabila över tid. Detta projekt visar hur en modern stack kan minska långsiktiga risker samtidigt som prestanda och flexibilitet förbättras.
Tillbaka till portföljen

År

2026

Typ

Webbapplikation

Teknik

Next.js, TypeScript, Sanity CMS, Tailwind CSS, Framer Motion, i18n, Figma

Roll

Designer och utvecklare

En WordPress-sida beroende av instabila plugins

-- PROBLEMET

CG Consulting är en boutique HR-konsult som hjälper internationella företag att hitta talang i Spanien.
Den befintliga WordPress-sidan hade fungerat i flera år men blev allt mer instabil på grund av plugin-beroenden och brist på löpande underhåll. De behövde en stabil och professionell digital närvaro som kunde hanteras utan att vara beroende av en utvecklare för dagliga uppdateringar — på både spanska och engelska.
Målet var inte bara att designa om webbplatsen, utan att bygga om den på en modern, skalbar arkitektur som minskar teknisk risk och möjliggör framtida tillväxt.
Den största utmaningen var inte plattformen i sig, utan den långsiktiga hållbarheten i den befintliga lösningen.
  • Återkommande problem vid plugin-uppdateringar
  • Ökande underhållsbehov
  • Prestandabegränsningar
  • Svårhanterligt innehåll för kunden

Börja med design, inte kod

-- DESIGNKONCEPT

Redesignen fokuserade på tydlighet och trovärdighet — två avgörande faktorer för en oberoende HR-konsult. Jag arbetade med en ren visuell hierarki, strukturerad innehållspresentation och en layout som känns professionell utan att vara kall. Subtila animationer med Framer Motion ger liv åt upplevelsen utan att ta fokus från innehållet. Webbplatsen är fullt responsiv och designad för att kännas lika pålitlig på mobil som på desktop.
Designkoncept för CG Consulting — Figma

Designkoncept — Figma

Från WordPress till en modern stack

-- MIGRERING OCH ARKITEKTUR

Jag föreslog en fullständig migrering från WordPress till en modern stack med Next.js och Sanity CMS. Målet var inte bara en teknisk uppgradering, utan att ge kunden full kontroll över sitt innehåll och tryggheten i att webbplatsen inte bryts utan en utvecklare tillgänglig.
Eftersom CG Consulting arbetar med internationella företag behövde webbplatsen nå två målgrupper. Fullt tvåspråkigt stöd på spanska och engelska byggdes in från början.
Jag byggde om webbplatsen med en modern och lättviktig arkitektur med fokus på enkelhet och kontroll.
  • Tog bort beroendet av plugins
  • Införde strukturerat innehåll via Sanity CMS
  • Byggde ett skräddarsytt frontend för full kontroll över prestanda och design
  • Implementerade en responsiv, mobile-first layout
  • Lade till subtila animationer för att förbättra användarupplevelsen

Design i webbläsaren — desktop och mobil

-- DEN LIVE-SATTA WEBBPLATSEN

Den redesignade webbplatsen i drift — ren layout, professionell känsla och en fullt responsiv upplevelse på alla enheter.
CG Consulting redesignad webbplats live

Den redesignade webbplatsen — ren layout och fullt responsiv upplevelse.

Från långsam till snabb — mätbara resultat

-- PRESTANDA

Förbättringar inom prestanda och SEO handlar inte om ett specifikt ramverk, utan om hur applikationen byggs. I detta projekt uppnåddes förbättringarna genom att förenkla arkitekturen, minska beroenden och optimera implementationen.
Obs: WordPress kan absolut leverera hög prestanda och bra SEO om det byggs med en ren arkitektur och minimala beroenden. I detta fall prioriterades långsiktig stabilitet, kontroll över prestanda och en enklare underhållsupplevelse för kunden.

Före

  • Plugin-tung WordPress-lösning
  • Återkommande underhållsproblem
  • Lägre prestanda
  • Begränsad flexibilitet

Efter

  • Lättviktig skräddarsydd arkitektur
  • Stabil och förutsägbar lösning
  • Optimerad prestanda
  • Full kontroll över frontend och innehåll
Lighthouse prestandapoäng — WordPress vs Next.js

Prestanda · WordPress vs Next.js (Lighthouse)

CG Consulting kan hantera sitt innehåll själva — ingen utvecklare behövs

-- ÖVERLÄMNING TILL KUND

Sanity CMS konfigurerades för att ge kunden ett rent och enkelt redigeringsgränssnitt. De kan uppdatera tjänster, texter och kontaktinformation utan att röra kod — ingen utvecklare krävs efter lansering.
Sanity Studio gränssnitt för innehållshantering

Innehållshantering · Sanity Studio

En stabil, tvåspråkig webbapp byggd för framtiden

-- RESULTATET

Kunden gick från att oroa sig för plugin-konflikter till att ha full kontroll över sitt innehåll via ett tydligt CMS-gränssnitt. Den nya webbplatsen är betydligt snabbare, mer stabil och byggd på en grund som kan växa med verksamheten — utan beroende av en utvecklare för dagliga uppdateringar.
Detta projekt speglar hur jag arbetar: att lösa verkliga affärsproblem, inte bara bygga en webbplats.
Den nya lösningen resulterade i:
  • Snabbare laddningstider
  • Förbättrade Core Web Vitals
  • Renare och mer underhållbar kodbas
  • Enklare innehållshantering
  • Minskat behov av långsiktigt underhåll

Vill du modernisera din webbplats eller förbättra prestandan?
Tillbaka till portföljen