Islamic App which helps to calculate, track and pay Zakat

Winner
Contest winning design

Want to win a job like this?

This customer received 31 app designs from 5 designers. They chose this app design from WebPixel as the winning design.

Join for free Find Design Jobs

  • Closed - Design Selected
  • 6-designer contest
  • Guaranteed

App Design Brief

We need an application which helps muslim people to calculate and pay Zakat - mandatory donations which muslim should pay based on his income. The application will consist of two parts (applications) - the one which is used by "payer" and another one - used by "receiver". To make a payment "payer" will scan QR-code which "receiver" will generate in his app and show to payer. "Receiver" will have option to initiate cash withdrawal once he collected required minimum for the withdrawal.
Important that "payer" side journey to make a payment should be as short as possible - imaging same as you make donation by cash - you just gave money and left, similar experience should be with app - couple-three taps to make it. For receiver side major requirement is to keep the UI/UX as simple as possible, these guys usually are not aware about online payments (roughly speaking this part of the app should be more similar to Instagram rather than to banking/financial app)
In this Figma I tried to sketch the UX for both sides (just to explain the idea): https://www.figma.com/file/hhq7U0QhCFmOcOWGsDIT6y/Figma-basics?type=design&node-id=1669-162202&mode=design

Target Market(s)

Muslims

Industry/Entity Type

Donations


Colors

Colors selected by the customer to be used in the logo design:

0094D4
00A9DD
6FCCEA
C7EBF8
E9F6FB
00AB8E
00BBA5
67D7C9
C6EFE9
E9F9F6

Look and feel

Each slider illustrates characteristics of the customer's brand and the style your logo design should communicate.

Elegant
Bold
Playful
Serious
Traditional
Modern
Personable
Professional
Feminine
Masculine
Colorful
Conservative
Economical
Upmarket

Requirements
Must have
  • The application should have soul. Design should show that this application intend to help people, not just money transfer
Nice to have
  • Payment should be as quick as possible, in the sketches I showed it as banknotes/coins which user need to slide-up to pay. Maybe make it similar as Mac OS dock icons?
Should not have
  • The application should not look as banking/financial app or wallet app

Files
MOV
RPReplay_Final1714577653
Wednesday, May 1, 2024
Payments
1st place
US$120
Participation payments x 3
US$30
Total
US$210

Project Deadline
01 May 2024 22:37:26 UTC
Language

App Design inspiration
Restaurant app graphic design, Mobile application logo design, Mobile application poster design, Mobile application brochure design template, Fitness app flyer design, Salon app icon design, Car wash app web design, Simple mobile poster design, Gym app graphic design, Fitness app design