Projekt / Mobilt UI + Visuella system
ComeOns mobilsajt
En visuell riktning för mobil som omfattar innehåll, konto, betalningar och sport.
ComeOn
UI/UX-designer
Mobilt UI, Visuella system, Ikonografi
Vad behövde förändras?
Skärmarna i projektet innehåller olika typer av innehåll: spel, sportinformation, navigation, kontohantering och betalningar. Designutmaningen var att ge dem ett sammanhållet mobilt språk utan att sudda ut deras skillnader.
Mitt ansvar
Mitt bidrag var den mobila UI-riktningen och det visuella systemet: färg- och typografigrunder, ikonografi, ytmönster, kort och exempelskärmar. Originalpresentationen anger inte vilka skärmar som lanserades.
Så tog vi fram lösningen
Definiera det visuella språket
Presentationen definierar gröna och rosa varumärkesaccenter, en graderad neutral palett, vikter för Museo Sans och en kompakt ikonfamilj. Grunderna ger de följande skärmarna ett gemensamt språk.
Gör innehållskort återanvändbara
Spel- och kampanjkort har gemensamma mönster för bilder, metadata, etiketter och åtgärder. Exemplen visar hur samma innehållsenhet kan fungera i smala och breda layouter utan att förlora sin identitet.
Testa språket i olika flöden
Skärmarna tillämpar det visuella språket på casino, sportlistor, inloggning, konto, betalningar, erbjudanden och hjälpfunktioner. Tillsammans visar de om systemet kan hantera både uttrycksfullt innehåll och mer funktionella uppgifter.
Ett beslut som formade arbetet
Designen använder mörka ytor för innehållstäta vyer och reserverar lime och rosa för tydligare varumärkes- och handlingsmoment. Det ger en särpräglad hierarki men ställer också krav på kontrast och tydliga tillstånd i implementationen.
Vad förändrades?
- En dokumenterad visuell riktning för mobil med grunder, komponenter och exempelskärmar.
- Återanvändbara kort och gränssnittsmönster för olika innehålls- och kontovyer.
Konkreta exempel
- Originalpresentationen innehåller palett, typografi, ikoner, mönster, kort och skärmar.
- Skärmsamlingen visar systemet i flera olika mobila sammanhang.
Det här är ett visuellt projekt, inte ett påstående om prestanda. Materialet visar bredd och enhetlighet men dokumenterar ingen lansering, inga resultat från användartester och ingen uppmätt effekt.