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.

Services

Work

Blog

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

Ship a better product 100x faster & easier with
a scalable design system and high fidelity prototype.

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

Ship a better product 100x faster & easier with a scalable design system and high fidelity prototype.

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

Ship a better product 100x faster & easier with
a scalable design system and high fidelity prototype.

A new community of forward thinking UI/UX led companies

collabify.design by Glorify LTD. All rights reserved 2022