Mycronics digitala SMT-demonstrationer
Översikt
Inför elektronikmässan Productronica i München behövde Mycronic ett tydligt och engagerande sätt att presentera sin avancerade SMT-linje. Lösningen blev en interaktiv 65-tums touchskärm som monterades i montern och användes av säljare och experter i realtid när de berättade om maskiner, processer och värdeskapande.
Jag ansvarade för UX-struktur, navigation och visuell design, med målet att göra komplex teknik lätt att förstå — och samtidigt skapa en lugn, modern och premiumpräglad upplevelse som speglar Mycronics identitet.
Utmaningen
Mycronics produktutbud är tekniskt avancerat, brett och detaljrikt. I en mässmiljö behöver säljaren kunna:
- växla mellan teman och maskiner utan friktion
- hålla ögonkontakt med publiken
- navigera snabbt och intuitivt
- presentera både helhet och detaljer på ett begripligt sätt
Utmaningen var att skapa en digital demo som känns självklar, intuitiv och stödjer en tydlig berättelse — även när samtalet går snabbt och publiken byter fokus.
Mål & målgrupper
Målet var att skapa ett verktyg som:
- visar SMT-linjen tydligt och pedagogiskt
- lyfter fram Mycronics värdelöften genom fyra teman
- gör tekniskt innehåll mer visuellt och lätt att förklara
- fungerar både för snabba samtal och fördjupningar
- skapar trygghet för presentatören i en live-situation
Målgrupper
- Mässbesökare som behöver förstå helheten direkt
- Säljare & experter som presenterar lösningarna
- Interna team som arbetar med kunddialoger
Jag ansvarade för navigation, struktur, interaktionsdesign och visuellt koncept. Arbetet utgick från den faktiska presentationssituationen: en person står vid en stor touchskärm och behöver kunna navigera medan hen talar.
Touchanpassad navigation:
Jag designade navigationen med fokus på rörelsemönster i livepresentationer. De mest använda funktionerna placerades nära presentatörens hand, vilket gör flödet naturligt och snabbt att manövrera.
Logotypen fungerar som en konstant hemknapp, så det går att byta spår eller börja om utan att avbryta samtalet. Jag lade även till tydliga framåt- och bakåtknappar för att enkelt kunna bläddra mellan sidor inom samma tema eller maskin.
I den persistenta sidonavigationen använde jag en tydlig tabbform, placerad centralt i panelen. Tabbformen fungerar som en visuell struktur som binder ihop gränssnittet och förstärker hierarkin. På temasidorna har tabben en färgaccent i tematets färg, vilket gör det enkelt att se vilket tema som är aktivt. Den visuella metaforen — inspirerad av en pärmflik — ger en känsla av “kapitel” och gör navigationen självklar även när tempot är högt.
Tydlig tematisk logik
Mycronics fyra huvudteman fick egna färger. Färgerna återkommer subtilt i tabbar och breadcrumbs, vilket skapar en tydlig orientering utan att störa den övergripande designharmonin.
Visuell konsekvens
Jag arbetade med en ren, lugn och premiumpräglad design i linje med Mycronics visuella identitet. Alla komponenter — knappar, tabbar och interaktiva element — är byggda med samma proportioner, spacing och visuella språk. Den här konsekvensen skapar ett harmoniskt uttryck som stödjer säljaren och gör demon lätt att följa även i en intensiv miljö.
Lösningen
Startsidan – SMT-linjen på ett ögonblick
Startsidan presenterar hela SMT-flödet i korrekt produktionsordning, med tydliga maskinnamn och en ren visuell struktur. Under maskinerna finns de fyra temaknapparna, vilket ger två naturliga ingångar i demon:
tema-baserad storytelling eller maskin-baserad navigering.
Temasidor – färg, struktur och tydlighet
Varje tema har en egen sida med tydlig rubrik, strukturerad layout och en diskret accentfärg. Den färgade kanten i tabben och breadcrumbs guidar användaren och skapar en visuell igenkänning som gör temat enkelt att följa.
Maskinsidor – visuellt tydliga och lätta att presentera
Varje maskin presenteras med:
- stor produktvisualisering
- kort och fokuserad text
- tydliga navigationsmöjligheter
- en balanserad layout som ger utrymme åt det viktiga
Allt är utformat för att stödja presentatören utan att stjäla fokus från berättelsen.
Persistent side navigation panel
Den högra sidonavigationen är ett visuellt ankare genom hela upplevelsen. Den innehåller logotypen, tabbformen, temamarkeringar och huvudfunktioner — alltid i Mycronics brandfärger. Den ger struktur, stabilitet och en konstant orienteringspunkt.
Reflektioner
Projektet stärkte min förmåga att designa för stora touchgränssnitt och livepresentationer, där tydlighet, trygghet och konsekvent visuell logik är avgörande. Jag förfinade även processen att lyfta tekniskt komplex information och forma den till en upplevelse som känns intuitiv och visuellt harmonisk.
Små visuella signaler — en färgaccent, en genomtänkt tabbform, en lugn layout — visade sig vara kraftfulla verktyg för att skapa trygghet i ett avancerat system.