DuaKomaLima
Project Brief
Description
DuaKomaLima is an app that helps people understand, calculate and pay zakat seamlessly.
My Role
Product Designer, UI/UX Designer, Front-end Developer
Tools
Figma, Miro, Notion, Xcode
Timeline
3 Months (September - November 2024)
Context
I design financial-based applications by creating intuitive and visually appealing interfaces. Prioritizing convenience and smooth interaction so that it can facilitate users in paying zakat seamlessly.
DuaKomaLima allows users to calculate zakat without having to do it. Just by entering their income and savings, users can find out how much zakat they need to pay. Imagine a digital assistant that guides you throughout your zakat journey.
Design Process
From sketches to low-fi, mid-fi, and high-fi prototypes, every detail was carefully thought through to create a seamless user experience.
Research.jpg
Open with Preview
Research.jpg
Open with Preview
Research.jpg
Open with Preview
Research.jpg
Open with Preview
Research.jpg
Open with Preview
Research
Conducted thorough research to uncover key insights into user needs, paving the way for solutions that are both relevant and effective.
Too see it better, drag the picture wherever you want!
Brand Identity
Embracing the values of growth and purity, this brand identity was design to deliver a meaningful and impactful message.
Primary
#06AAAC
Secondary
#38CAC5
Accents
#FEC82B
Design System
Built a design system that perfectly aligns with the brand’s identity and design style, ensuring consistency across all touch points.
Tipografi DuaKomaLima
Typeface yang digunakan dalam aplikasi DuaKomaLima adalah Avenir, dengan ketebalan dan ukuran yang disesuaikan dengan Human Interface Guideline (HIG) oleh Apple Inc.
Large Title 34
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVQXYZ
abcdefghijklmnopqrstuvwxyz
123456789!@#$%^&
Title 1 28
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVQXYZ
abcdefghijklmnopqrstuvwxyz
123456789!@#$%^&
Title 2 22
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVQXYZ
abcdefghijklmnopqrstuvwxyz
123456789!@#$%^&
Title 3 20
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVQXYZ
abcdefghijklmnopqrstuvwxyz
123456789!@#$%^&
Headline 17
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVQXYZ
abcdefghijklmnopqrstuvwxyz
123456789!@#$%^&
Body 17
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVQXYZ
abcdefghijklmnopqrstuvwxyz
123456789!@#$%^&
Callout 16
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVQXYZ
abcdefghijklmnopqrstuvwxyz
123456789!@#$%^&
Subhead 15
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVQXYZ
abcdefghijklmnopqrstuvwxyz
123456789!@#$%^&
Footnote 13
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVQXYZ
abcdefghijklmnopqrstuvwxyz
123456789!@#$%^&
Caption 1 12
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVQXYZ
abcdefghijklmnopqrstuvwxyz
123456789!@#$%^&
Caption 2 11
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVQXYZ
abcdefghijklmnopqrstuvwxyz
123456789!@#$%^&
Testing & Iteration
Tested and iterated repeatedly to refine the product, ensuring it’s intuitive and tailored to the user’s needs.
Testing.jpg
Open with Preview
Testing.jpg
Open with Preview
Testing.jpg
Open with Preview
Drag the photo anywhere you want!
Detailed, Comprehensive Handoff
Prepared a detailed and comprehensive design handoff to foster smooth collaboration with the development team, ensuring the final product stays true to the vision.
G
Gilang Kisaragi
This is design annotation!
