Latest UI/UX hacks & trends

Join our Discord: A new community of forward thinking UI/UX led companies

Meet UI/UX led founders, marketers, creative directors and designers sharing their passion around building delightful digital experiences.

Mobile App

Fively: keep track of your daily prayers

Fively: keep track of your daily prayers

Fively: keep track of your daily prayers

Fively: keep track of your daily prayers

Project: Mobile app design from scratch

Founder of Quranly wanted to build a complementary application called Fively which helps Muslims track and commit to their daily prayers.


We delivered a full scope discovery and strategy that uncovered the abstract ideas he had as a visionary. We put that into tangible examples through moodboard oriented stylescapes and concept screens.


With a clear idea on visual style, we moved onto solidifying the brand identity that ran through a fresh design system. As we tackled each UX problem in sprints, the final handoff encompassed a high fidelity immersive prototype that gave developers a clear idea on how the app worked with minimal onboarding or documentation.

Team

Mahgoub B. Project Manager

Vishan F. Lead UI/UX Designer

Nicola Vargiu Creative Director

Maryna S. UI/UX Designer

Omar Farook UX Consultant

Prototype

52 interactive screens

Design System

Color and typographic systems

Light Plan

Started Dec 2022 - Ongoing

Stylescapes

We offered 3 variations of moodboard oriented stylescapes before running into UI/UX sprints. The better choice embodied a bright minimal gleeful vibe, to evoke a sense of excitement towards prayer.

Design System & Prototype

The new foundational design system went through necessary accessibility tests to give clarity during UI/UX sprints. This includes interactive components, illustrations and a dynamic color palette.

Prototype

Color

Dark Text Contrast

Light Text Contrast

Design Token

300

#9695FF

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

fiv.colors.primary.300

300

#9695FF

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. primary.100

300

#9695FF

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. primary.100

300

#FCBB17

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

fiv.colors.yellow.300

300

#FCBB17

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. success.300

300

#FCBB17

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. success.300

300

#F97046

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

fiv.colors.orange.300

300

#F97046

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. info.300

300

#F97046

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. info.300

300

#3030D0

Aa

Contrast Test

18.91

:1

Fail

Aa

Contrast Test

18.91

:1

Pass

fiv.colors.blue.300

300

#3030D0

Aa

Contrast Test

18.91

:1

Fail

Aa

Contrast Test

18.91

:1

Pass

qrn.colors.light. warning.300

300

#3030D0

Aa

Contrast Test

18.91

:1

Fail

Aa

Contrast Test

18.91

:1

Pass

qrn.colors.light. warning.300

300

#4BE49A

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Pass

fiv.colors.success.300

300

#4BE49A

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Pass

qrn.colors.light. error.300

300

#4BE49A

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Pass

qrn.colors.light. error.300

Color system

Screen Previews

Screen Previews

Screen Previews

Screen Previews

Get Top UI/UX talent

without the HR hiring hassle.

Includes a discovery call, audit, wireframe or initial design

Get Top UI/UX talent

without the HR hiring hassle.

Includes a discovery call, audit, wireframe or initial design

Get Top UI/UX talent

without the HR hiring hassle.

Includes a discovery call, audit, wireframe or initial design

World Class UI/UX Designers for a Fixed Subscription

UI/UX design is evolving through Figma extremely fast, If only companies could keep up, they could be shipping websites and digital products 100X faster.

Our designers are on top of the latest workflows.
They will show you how it’s done.

A new community of forward thinking UI/UX led companies

collabify.design by Glorify LTD. All rights reserved 2022

World Class UI/UX Designers for a Fixed Subscription

UI/UX design is evolving through Figma extremely fast, If only companies could keep up, they could be shipping websites and digital products 100X faster.

Our designers are on top of the latest workflows.
They will show you how it’s done.

A new community of forward thinking UI/UX led companies

collabify.design by Glorify LTD. All rights reserved 2022

World Class UI/UX Designers for a Fixed Subscription

UI/UX design is evolving through Figma extremely fast, If only companies could keep up, they could be shipping websites and digital products 100X faster.

Our designers are on top of the latest workflows.
They will show you how it’s done.

A new community of forward thinking UI/UX led companies

collabify.design by Glorify LTD. All rights reserved 2022