Explore
Need help with your project?
Oops! Something went wrong while submitting the form.
Download App
Download
App
130 000
active users
>100 000
downloads
5 708
coupons were
sold for a total
Hesham, an engineer, and Mohammed, a business owner, approached us.
They had a team working on an app to sell discount coupons in Egypt.
Hesham, an engineer, and Mohammed,
a business owner, approached us. They
had a team working on an app to sell discount coupons in Egypt.
They already had frontend work and a completed design but they were
unsatisfied with it. They sought an experienced team to bring the project
to completion.
They already had frontend work
and a completed design but they were unsatisfied with it. They sought
an experienced team to bring the project
to completion.
client
about the project
В мире существует много сервисов по продаже купонов,
но Хешам и Мухамед придумали, как их приложение
может выделиться на их фоне.
Они хотели дать пользователям возможность выигрывать призы
и добавить функцию розыгрышей среди покупателей купонов.
Из этой идеи и родилось название проекта — We’re all winners.
While there are many coupon services on the market, Hesham and Mohammed came up with an app that would stand out.
They wanted to allow users to win prizes and participate in lotteries by buying coupons. This is how the name
of the project "We’re All Winners" was born.
Tasks
Develop a new UI/UX design
Refine the logo
Develop the backend
Create an admin panel
Meet the planned release date
Develop a new UI/UX design
Refine the logo
Develop the backend
Create an admin
panel
Meet the planned release date
The user registers in the app and is immediately
directed to the main page with a map. He can place pins
on the map and sort establishments by category.
Пользователь регистрируется в приложении
и сразу попадает на главную страницу
с картой. Он может ставить булавки на карте
и сортировать заведения по категориям.
There is a search bar at the bottom for quick location
search. If users want to refine their search, there are
also filtering and sorting options available.
The vendor page provides detailed information about the
establishment, contact details, and special offers. Users can
also purchase a coupon here.
In the Coupons section, users can view a list
of coupons available for purchase, which can
also be filtered.
When users select a coupon, the detailed information
opens, along with the option to add the coupon to the
cart.
On the Prizes page, users can see the
details of the draw and assess their chances
of winning.
During the draw, the user is given a ticket, and
numbers appear on the screen — just like in a
real lottery
In the Profile section, the user can view
all the purchased and used coupons.
Пользователь регистрируется в приложении
и сразу попадает на главную страницу с картой.
Он может ставить булавки на карте
и сортировать заведения по категориям.
The user registers in the app and is immediately directed to the main page with a map. He can place pins on the map and sort establishments
by category.
Пользователь регистрируется в приложении
и сразу попадает на главную страницу с картой.
Он может ставить булавки на карте
и сортировать заведения по категориям.
There is a search bar at the bottom for quick location search. If users want to refine their search, there are also filtering and sorting options available.
Пользователь регистрируется в приложении
и сразу попадает на главную страницу с картой.
Он может ставить булавки на карте
и сортировать заведения по категориям.
The vendor page provides detailed information about the establishment, contact details, and special offers. Users can also purchase a coupon here.
In the Profile section, the user can view all the purchased and used coupons.
Coupon purchase
Lottery participation
Users can not only buy coupons for themselves but also gift
them to friends from their contact list. Additionally, they can
request a coupon from another user.
Пользователи могут не только покупать
купоны для себя, но и дарить друзьям
из списка контактов. А еще можно
запросить купон у другого пользователя
When a user redeems a coupon, they
automatically get a chance to participate
in the lottery.
The accent color is a soft orange.
Used for icons, map pins, and indicators.
The major colors are shades of black.Black stands out well on a white background without being distracting and remains visible on the screen even under bright sunlight.
Adapted the app to support the Arabic language
The app is available in two languages — English and Arabic. For this, the interface had to be adapted for right-to-left reading.
07
language
language
07
Adapted the app
to support the Arabic language
The app is available in two languages — English
and Arabic. For this, the interface had to be adapted
for right-to-left reading.
Adapted the app
to support the Arabic language
We already had experience with Arabic design and knew that the adaptation process would involve many adjustments, such as increasing the font size, aligning text to the right, flipping icons properly, and addressing other small details.
07
language
язык
07
Адаптировали
приложение
под арабский язык
Приложение доступно на двух языках
— английский и арабский.
Для этого интерфейс надо было адаптировать
для чтения справа налево.
language
07
Adapted the app
to support the Arabic language
We already had experience with Arabic design and knew that the adaptation process would involve many adjustments, such as increasing the font size, aligning text to the right, flipping icons properly, and addressing other small details.
08
theme
theme
08
The app offers two themes
— light and dark — so users can choose
the one they prefer.
The app offers two themes — light and dark — so users can choose the one they prefer.
Development
09
Developed the backend using technology new to us
Initially, we planned to use the NestJS framework for development, but that would have risked missing the announced release date. The client suggested switching to Firebase, which offers ready-made solutions.
Initially, we planned to use the NestJS framework for development, but that would have risked missing the announced release date. The client suggested switching to Firebase, which offers ready-made solutions.
We had never worked with this technology before,
and learning it would take time. Even with the switch,
the team might still have struggled to meet the deadline.
However, we didn’t want to give up — we divided
the development into phases, brought in additional
developers, and implemented new features while
learning Firebase.
We had never worked with this technology before, and learning it would take time. Even with the switch, the team might still have struggled to meet the deadline. However, we didn’t want to give up — we divided the development into phases, brought in additional developers, and implemented new features while learning Firebase.
In the end, we completed everything in 4 months,
although the initial estimate was 7 months.
In the end, we completed everything in 4 months, although the initial estimate was 7 months.
admin panel
10
We typically build admin panels using React Admin, a builder
that allows for quick and cost-effective panel creation.
However, like any builder, it has limitations — a basic set
of functions.
Built a custom admin panel
In "We’re All Winners" (WAW), the logic is complex, as conditions
for selling coupons differ between vendors. To describe these
conditions, digital versions of contracts are created in the system,
covering the legal aspects of coupon sales. This is essential for legal
compliance.
The basic functions of React Admin were insufficient, so we had
to create a custom admin panel. We decided to start with the screen
design to account for all nuances and reduce development time.
The result was a custom admin panel supporting five types
of contracts.
admin panel
10
We typically build admin panels using React Admin, a builder that allows for quick and cost-effective panel creation. However, like any builder, it has limitations — a basic set of functions.
Built a custom admin panel
In "We’re All Winners" (WAW), the logic is complex, as conditions for selling coupons differ between vendors. To describe these conditions, digital versions of contracts are created in the system, covering the legal aspects of coupon sales. This is essential for legal compliance.
The basic functions of React Admin were insufficient, so we had to create a custom admin panel. We decided to start with the screen design to account for all nuances and reduce development time. The result was a custom admin panel supporting five types of contracts.
Results
11
Initially, the project was estimated to take 7 months to develop.
In the end, we completed the app almost twice as fast
— in just 4 months. The client was pleased with the result
and plans to expand into the Saudi Arabian and Turkish markets.
Initially, the project was estimated to take 7 months to develop. In the end, we completed the app almost twice as fast — in just 4 months. The client was pleased with the result and plans to expand into the Saudi Arabian and Turkish markets.
Download App
скачать
приложение
130 000
active users
>100 000
downloads
5 708
coupons were sold
for a total of
скачать приложение
Download
App
скачать
приложение
130 000
active users
>100 000
downloads
5 708
coupons were
sold for a total