Fra teknisk PDF til brukeroppgave
Jeg kartla delenummer, komponentnavn og posisjoner i originalmaterialet, og definerte en direkte vei fra tegning til valgt del.
Interaktiv produktkatalog, UX/UI og frontend
Makita DA001G · Interaktiv deleoversikt
En interaktiv deleoversikt som kobler sprengskisse, delenummer og produktinformasjon. Kunden kan finne en komponent direkte i tegningen og se detaljer uten å lete mellom PDF og deleliste.
Selvstendig utviklingsstudie · interaktiv prototype
Åpne nettstedetHvordan kan en tradisjonell sprengskisse gjøres til et brukervennlig verktøy for produktvalg på nett?
Jeg startet med Makitas tekniske sprengskisse og deleliste, og koblet posisjonene i tegningen til komponentdata. Løsningen ble utviklet gjennom flere runder med justering av klikkpunkter, søk på navn og delenummer, valgt del med bildeutsnitt, priseksempel og mobiltilpasset hurtigkort. På desktop gjør små markører og forhåndsvisning ved hover det enklere å finne riktig punkt. Det samme mønsteret kan tilpasses andre produktkataloger der kundene ellers må slå opp deler manuelt.
- Mitt bidrag
- Konsept, informasjonsstruktur, UX/UI, interaksjonsdesign, norsk grensesnitt, responsiv frontend og kvalitetskontroll.
- Målgruppe
- Maskinleverandører, reservedelsforhandlere og verksteder – samt kunder og serviceteknikere som trenger å identifisere riktig del.
- Prosjektets status
- Selvstendig og uoppfordret teknisk design- og utviklingsstudie, ikke et oppdrag fra eller samarbeid med Makita. Makita-navnet, produktfotoet og den tekniske tegningen tilhører rettighetshaverne. Priser, lagerstatus og handlekurv er demonstrasjonsdata. Ingen sanntids lager- eller ordreintegrasjon, og ingen dokumenterte effekter på salg eller kundeservice. Bilder av enkeltkomponenter vises som tekniske utsnitt der bekreftet produktfoto mangler.
Relevant tjeneste
Se tjenesten som er nærmest kompetansen og arbeidsformen som vises i prosjektet.
Netthandel og nettbutikkDette viser prosjektet
- 100 katalogoppføringer og 76 klikkbare referanser knyttet til en original teknisk tegning.
- Søk etter navn og delenummer, zoom, nummernavigasjon og valgt del med teknisk illustrasjon.
- Egen mobilvisning med et kompakt detaljkort direkte over tegningen.
- Interaktiv demo med simulerte priser, lagerstatus og handlekurv – ikke en faktisk butikk.
- Testet interaksjon og responsivt oppsett i nettleser for desktop og mobil.
Slik jobbet jeg
Søk og presist delvalg
Jeg utviklet klikkbare referanser, nummerliste, søk, hover-informasjon og zoom, og justerte posisjoneringen etter testing.
En løsning for flere skjermstørrelser
På mobil la jeg til et lite detaljkort ved tegningen. På desktop kan brukeren sammenligne skisse og produktdetaljer side om side.
Forretningsverdi som hypotese
Studien viser hvordan en digital deleoversikt kan gjøre selvbetjening enklere og potensielt redusere behovet for manuelle oppslag. Dette er ikke målt i en reell nettbutikk.