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

Selfily

Quranly:
build daily habits with your recitation

Selfily

Selfily

Project: Care app redesign

Quranly launched a successful MVP in 2020 with over 100K+ downloads worldwide. After gaining traction, the founding team wanted to revisit their design system before launching new features. The initial work was outdated, and nothing was systemized or prototyped for scalability.


We worked on reimagining their style to cater to a more modern ICP. The style had to be worked into a fresh scalable design system and super high fidelity clickable prototype to make handoff to devs more efficient. The new experience app wide including new features to increase gamification was shipped within 5 months.

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

126 interactive screens

Design System

Color and typographic systems

Light Plan

Started Oct 2022 - Ongoing

Stylescapes

We offered 3 variations of stylescapes before running into UI/UX sprints. The better choice embodied an ethereal vibe, in line with the sense of solace found in holy scripture, without compromising gamification.

Logo & Identity

We offered 3 variations of stylescapes before running into UI/UX sprints. The better choice embodied an ethereal vibe, in line with the sense of solace found in holy scripture, without compromising gamification.

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 dark/light modes.

Prototype

Color

Dark Text Contrast

Light Text Contrast

Design Token

100

#F0EAFE

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Pass

qrn.colors.light.primary.100

100

#F0EAFE

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Pass

qrn.colors.light. primary.100

100

#F0EAFE

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Pass

qrn.colors.light. primary.100

300

#60DEB8

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light.success.300

300

#60DEB8

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. success.300

300

#60DEB8

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. success.300

300

#4DA2FF

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light.info.300

300

#4DA2FF

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. info.300

300

#4DA2FF

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. info.300

300

#FFAE79

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light.warning.300

300

#FFAE79

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. warning.300

300

#FFAE79

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. warning.300

300

#FF5875

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Pass

qrn.colors.light.error.300

300

#FF5875

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Pass

qrn.colors.light. error.300

300

#FF5875

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

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