iconnect360 redesign

Goals, 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 & Readability

Visual weight can be used so the user can focus on one area

Layout & Readability

Fluid navigation increases readability and faster scanning

Layout & Readability

Primary 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