Rai Gomes / Dev+Des

Produktdesigner · Frontendutvecklare

Stockholm, Sverige

Rai Gomes

Jag gör komplexa system till tydliga digitala produkter.

Jag arbetar från produktstrategi och interaktionsdesign till produktionsklar frontend. Det håller ihop användarbehov och tekniska beslut.

Se utvalda projektSå arbetar jag
Utvalt projekt · 01LytdashLäs fallstudien

Från signal till system

Ett tydligt gränssnitt börjar med tydliga beslut.

Innan jag designar en skärm tittar jag på användarbehovet, det tillgängliga underlaget och de tekniska begränsningarna. De besluten formar vad produkten behöver göra.

  1. 01 · Komplexitet

    Börja med hela problemet

    Användarbehov, tillgänglig information och tekniska begränsningar kommer ofta var för sig. Jag börjar med att se dem tillsammans.

  2. 02 · Relationer

    Koppla det som förändrar resultatet

    De användbara detaljerna blir tydligare när jag kartlägger hur de påverkar varandra och besluten som följer.

  3. 03 · Mänsklig koordinat

    Låt ett mänskligt behov styra

    För Lytdash är det styrande behovet trygghet: kandidater ska förstå vad som matchar, vad som saknas och vad de sanningsenligt kan förbättra.

  4. 04 · Beslut

    Gör informationen till en tydlig väg

    För Lytdash innebar det att göra information om jobb och CV till ett förklarbart arbetsflöde i stället för ännu en ogenomskinlig poäng.

  5. 05 · Struktur

    Gör beslutet genomförbart

    Informationshierarki, interaktion, tillgänglighet och frontendarkitektur riktas mot samma resultat.

  6. 06 · Fungerande produkt

    Bygg den fungerande produkten

    I Lytdash blir komplex information om CV och jobb till ett tydligt nästa steg.

Lytdash-instrumentpanel som visar en strukturerad översikt över jobbsökande och ansökningsinformation.
Lytdash-gränssnittet gör de tidigare besluten till ett fungerande produktflöde.

Färdig komposition · rörelsen är förenklad för denna kapacitetsnivå

01 · Utvald fallstudie

Lytdash · Produktdesign och utveckling

Att designa och bygga en produkt från grunden.

Lytdash ansökningspipeline och gränssnitt för CV-analys

Jag började bygga Lytdash under mitt eget jobbsökande. Produkten samlar ansökningar, jobbdetaljer och CV-beslut på ett ställe.

Läs hela fallstudien
Problem
Ansökningar, jobbdetaljer och CV-beslut var utspridda över flikar och kalkylblad.
Lösning
En arbetsyta för att följa ansökningar, bedöma matchning och förbereda evidensbaserade CV-versioner.
Roll
Produktstrategi, UX/UI-design och fullstackutveckling.
Teknik
Next.js, TypeScript, Supabase och noggrant avgränsade AI-flöden.
Resultat
En publik beta med en ansökningspipeline, skydd för CV-påståenden och stöd för svenska, engelska och portugisiska.

02 · Utvalda projekt

En närmare bild av hur jag arbetar.

Projekten omfattar kundarbete, teamprojekt och produktdesign med olika begränsningar.

  1. 02Makeup Institute StockholmProfessionell praktik · UX/UI-designerMakeup Institute StockholmEn professionell UX/UI-praktik med fokus på informationsarkitektur, användarflöden, prototyper och tillgänglighet inom Wix-plattformens begränsningar.Se projekt
  2. 03Diana Landing PageFrilansprojekt · UX/UI-designer och frontendutvecklareDiana Landing PageEn komplett landningssida som jag designade och utvecklade självständigt för en verklig frilanskund, med en publik driftsättning.Se projekt
  3. 04ClojelSkolprojekt i team · FrontendutvecklareClojelEn delvis fungerande akademisk produktsökningsapp byggd av fem studenter med Fake Store API.Se projekt
Se hela projektarkivet

03 · Det här gör jag

Jag arbetar med både produktdesign och frontend.

Jag kan följa ett beslut från det första flödet till det implementerade gränssnittet. Det hjälper mig att hitta luckor tidigt och hålla ihop produkten.

  1. 01

    Research

    Hitta det verkliga problemet, användarkontexten och beslutsunderlaget.

  2. 02

    Design

    Gör evidens till hierarki, interaktion och begripliga flöden.

  3. 03

    Utveckling

    Bygg systemet med underhållbara komponenter och tydliga begränsningar.

  4. 04

    Tillgänglighet

    Gör inkludering till en del av semantik, interaktion och visuella beslut.

  5. 05

    Prestanda

    Skydda hastighet, stabilitet och effektivitet som produktegenskaper.

  6. 06

    Leverans

    Verifiera helheten och för besluten hela vägen till produktion.

04 · Utvecklingsprocess

Förstå problemet innan lösningen byggs.

Jag klargör problemet och begränsningarna, kartlägger upplevelsen, bygger en fokuserad lösning och kontrollerar den med verkligt innehåll och olika tillstånd.

  1. 01

    Rama in systemet

    Klargör användaren, affärsmålet, begränsningarna, evidensen och beslutet som faktiskt behöver fattas.

  2. 02

    Modellera upplevelsen

    Översätt insikter till informationsarkitektur, flöden, prototyper och tydliga acceptanskriterier.

  3. 03

    Bygg sammanhängande

    Implementera med återanvändbara grunder, tillgänglig semantik och prestandamedveten frontendarkitektur.

  4. 04

    Verifiera och lär

    Testa beteende, visuell kvalitet och gränsfall; mät det viktiga och för resultatet in i nästa beslut.

Rai Gomes

05 · Att arbeta med Rai

Jag håller mig nära både designen och implementationen.

Jag arbetar med både design och frontend, så jag kan följa ett produktbeslut från det första flödet till det implementerade gränssnittet.

01Jag gör komplexa beslut begripliga för både produktteam och tekniska team.

02Jag behandlar tillgänglighet, prestanda och underhållbarhet som designförutsättningar.

03Jag tar ansvar för kvaliteten i hela upplevelsen, inte bara min egen leverans.

Mer om min bakgrund

06 · Starta en dialog

Har ni ett produkt- eller gränssnittsproblem att lösa?

Berätta vad ni bygger, vad som står i vägen och var ni behöver hjälp.

Skicka ett mejl
EmailLinkedInGitHubStockholm · Sweden