

Om detta projekt
Vi insåg vikten av ett starkare UI och UX för att öka konverteringen och designade därför om vår webbplats efter vår tillväxtanalys och webflow-process.
Resultat: Omdesignen ledde till en ökning av konverteringarna med 5 %, och siffrorna fortsätter att stiga.
Vårt engagemang
Utformning
Utveckling
teknik
Webflow
Motiverade av vårt åtagande att leverera en exceptionell onlineupplevelse genomförde vi en tillväxtrevision med analysverktyg som Google Analytics och Hotjar, samt genomförde användarintervjuer i realtid för att förstå vad användarna verkligen letade efter när de gick in på en webbplats för mjukvaruutveckling.
Med Google Analytics fördjupar vi oss i viktiga mätvärden som tid per sida, avvisningsfrekvens och konverteringsfrekvenser. Dessa kvantitativa data gav ovärderliga insikter om användarbeteende, vilket gjorde det möjligt för oss att hitta områden för förbättring. Beväpnade med denna kunskap finjusterade vi våra wireframes, optimerade engagemanget och skapade en sömlös användarresa.
Parallellt blev Hotjar vår allierade och fångade användarinteraktioner genom värmekartor, sessionsinspelningar och användarfeedback. Dessa kvalitativa data avslöjade användarpreferenser, smärtpunkter, och möjligheter till förbättring. Det gav oss möjlighet att iterativt förfina våra wireframes, säkerställa att de var intuitivt utformade för att möta våra användares ständigt föränderliga förväntningar.
Användarintervjuerna hjälpte oss att forma Imaginary Clouds huvudpersona som består av användare som letar efter en lämplig tjänsteleverantör som passar bra storlek och kultur, och vars process är snabb, flexibel och anpassad till deras behov.
Medan den första webbplatsrenoveringen medförde betydande förbättringar, är det viktigt att nämna att digitala landskap ständigt utvecklas. Den dynamiska karaktären hos användarpreferenser, tekniska framsteg, och marknadstrender behöver kontinuerlig övervakning och anpassning. Genom att konsekvent analysera data och samla in feedback från användare ser vi till att vår webbplats förblir lyhörd, engagerande och anpassad till de moderna användarnas föränderliga behov. Detta pågående åtagande gör det möjligt för oss att leverera en exceptionell onlineupplevelse och ligga steget före i en konkurrenskraftig digital värld.

Eftersom vi hade en djup förståelse för våra system, data och innehållsstruktur utförde vi både design och implementering av Imaginary Clouds webbplats internt.
Vårt designteam skapade en stilguide, ett designsystem och alla wireframes på Figma, med tanke på principerna om användbarhet, tillgänglighet och visuell appell. Efter konstruktionsgodkännande fortsatte vi med utvecklingsfasen. Vårt Webflow-utvecklingsteam använde alla bästa metoder som identifierades i analysfasen för att få wireframes till liv. Vi fokuserade sedan på att optimera prestanda, lyhördhet och en sömlös integration av alla funktioner och verktyg från tredje part.
Vår kunskap gjorde det möjligt för oss att utveckla en noggrann plan och genomföra en smidig migration. Vi följde en genomtänkt strategi som kombinerar vår expertis och vårt strategiska tänkande för att mildra eventuella utmaningar. Grundlig testning, omfattande säkerhetskopieringsplaner och noggrann implementering säkerställde en sömlös migreringsprocess.
HAR DU ETT NYTT PROJEKT PÅ GÅNG? LÅT OSS PRATAunder projektets gång
För denna modernisering utnyttjade vi vår egen PDP (Product Design Process). Vi insåg betydelsen av ett strukturerat och användarcentrerat tillvägagångssätt och startade detta projekt med en tydlig färdplan på plats.
Under hela processen säkerställde regelbundna återkopplingsslingor och iterationer att vi höll oss i linje och införlivade nödvändiga korrigeringar längs vägen.
två steg
Analysis
Utveckling
MVP Launch
two stages
Migration
Development
fyra steg
Forskning
Idéer
Utförande
Teknisk bedömning
fyra steg
Krav
Back-end-integrering
Webbplatsutveckling
Avancerad filtrering och sökning
fyra steg
Forskning
Idéer
Utförande
Teknisk bedömning
fyra steg
Eftersläpning
Bootstrap
Våg 0
Våg N
fyra steg
Forskning
Idéer
Utförande
Lansering och överlämning
två processer
MVP
ADP
Fyra steg
Omfattningsmöte
Kodgranskning
Testgranskning
Kvalitetsgranskning
Bedömning
Fyra steg
Eftersläpning
Bootstrap
Våg 0
Våg N
under projektets gång
För denna modernisering utnyttjade vi vår egen PDP (Product Design Process). Vi insåg betydelsen av ett strukturerat och användarcentrerat tillvägagångssätt och startade detta projekt med en tydlig färdplan på plats.
Under hela processen säkerställde regelbundna återkopplingsslingor och iterationer att vi höll oss i linje och införlivade nödvändiga korrigeringar längs vägen.
Tekniker som används

Vår webbplats byggdes redan på Webflow; genom att hålla oss inom samma ekosystem maximerade vi effektiviteten eftersom vår kännedom om plattformen gjorde det möjligt för oss att utnyttja dess funktioner, intuitiva gränssnitt och omfattande anpassningsalternativ.
Vi skapade stilguiden, designsystemet och de nya wireframes på en samverkande Figma-fil.

Vi genomförde Arbetsmodell för hanterat projekt som innebar att projektet utvecklades helt internt.
Teamet hade en projektledare som övervakade planering, samordning och genomförande, hantering av tidslinjer, resurser och mål; 4 designers som samarbetade om att skapa design och implementering av de nya sidorna genom Webflow; och 2 utvecklare som arbetade tillsammans med 2 tillväxtspecialister för att optimera prestanda, kod och för att hjälpa till att mildra potentiella risker under migreringsfasen
Detta projekt gav en djupgående förståelse för kundpersona och deras interaktion med tjänsten.
Ökade konverteringar med 5% 3 månader efter lanseringen och räknas fortfarande
Tid som spenderats på sidan ökade med 3%
Antal övergivna sidor minskade med 4,26%
Den genomsnittliga tiden per sida på alla våra tjänstesidor är 69% längre
Skapat en fängslande webbplats som effektivt kommunicerar Imaginary Clouds tjänster