iconnect360 software user interface redesign

iconnect360 redesignGoals, challenges and how we come up with the

fresh makeover

By Ramil Rama, UI UX Developer, iconnect360

Goals

• Happy users ;)• Readability • Less is more, get rid of noise• Navigation• Front-end code standardisation • Laying foundation - Theme customisation,

Mobile visual language

Flat Design

• It’s the “in” thing (For a reason)– Simple, doesn’t get in the way– Performance (Especially for mobile)– Front-end coding cost: Upfront & Long term– Clear typography

Colour Pallet

Colour Pallet

Layout & Readability

• The content must be the first thing the user would notice

• The user must be guided on what to do next• Use white space rather than borders to

separate objects• Consistency of the layout throughout the app

Layout & ReadabilityVisual weight can be used so the user can focus on one area

Layout & ReadabilityFluid navigation increases readability and faster scanning

Layout & ReadabilityPrimary and Secondary Buttons prompts the user on what is the ideal next action

Design

Design

Design iOS app

Holistic Visual Language

Desktop Laptop

iOS Devices