Explore
Уложитесь в мой дедлайн?
Oops! Something went wrong while submitting the form.
скачать приложение
скачать
приложение
130 000
Активных юзеров
>100 000
скачиваний
5 708
проданных купонов
на сумму
К нам обратились Хешам, инженер, и Мухамед, владелец бизнеса.
У заказчиков была своя команда, которая разрабатывала приложение
для продажи скидочных купонов для рынка Египта.
К нам обратились Хешам, инженер,
и Мухамед, владелец бизнеса.
У заказчиков была своя команда,
которая разрабатывала приложение
для продажи скидочных купонов
для рынка Египта.
У них уже были наработки по фронтенду и готовый дизайн,
но он им не нравился. Они искали опытную команду,
которая бы довела проект до ума.
У них уже были наработки
по фронтенду и готовый дизайн,
но он им не нравился.
Они искали опытную команду,
которая бы довела проект до ума.
заказчик
О проекте
В мире существует много сервисов по продаже купонов,
но Хешам и Мухамед придумали, как их приложение
может выделиться на их фоне.
Они хотели дать пользователям возможность выигрывать призы
и добавить функцию розыгрышей среди покупателей купонов.
Из этой идеи и родилось название проекта — We’re all winners.
В мире существует много сервисов
по продаже купонов, но Хешам
и Мухамед придумали, как их приложение может выделиться
на их фоне.
Они хотели дать пользователям возможность выигрывать призы
и добавить функцию розыгрышей
среди покупателей купонов.
Из этой идеи и родилось название проекта — We’re all winners.
Задачи
Разработать
новый UI/UX дизайн
ДОРАБОТАТЬ ЛОГОТИП
РАЗРАБОТАТЬ БЭКЕНД
РАЗРАБОТАТЬ АДМИН-ПАНЕЛЬ
УСПЕТЬ
ДО ЗАПЛАНИРОВАННОЙ ДАТЫ РЕЛИЗА
Разработать
новый UI/UX дизайн
ДОРАБОТАТЬ ЛОГОТИП
РАЗРАБОТАТЬ БЭКЕНД
РАЗРАБОТАТЬ
Админ-панель
УСПЕТЬ
ДО ЗАПЛАНИРОВАННОЙ
ДАТЫ РЕЛИЗА
Пользователь регистрируется в приложении
и сразу попадает на главную страницу с картой.
Он может ставить булавки на карте
и сортировать заведения по категориям.
Пользователь регистрируется в приложении
и сразу попадает на главную страницу
с картой. Он может ставить булавки на карте
и сортировать заведения по категориям.
Для быстрого поиска места можно использовать
поисковую строку снизу. А чтобы поиск был
более точным, есть фильтры и сортировка.
На странице вендора находится подробная
информация о заведении, контактные
данные и специальные предложения. Пользователи
также могут приобрести купон.
В разделе Coupons пользователи могут
просматривать список доступных к покупке
купонов. Их тоже можно отсортировать
по фильтрам.
При нажатии на купон открывается детальная
информация и появляется возможность
добавить купон в корзину.
На странице Prizes пользователи могут
ознакомиться с деталями розыгрыша
и оценить свои шансы на победу.
Во время проведения розыгрыша пользователю
выдадут билет, а на экране будут появляться
числа — как в настоящей лотерее.
В разделе профиля пользователь
может просмотреть все купленные
и использованные купоны.
Пользователь регистрируется в приложении
и сразу попадает на главную страницу с картой.
Он может ставить булавки на карте
и сортировать заведения по категориям.
Пользователь регистрируется в приложении
и сразу попадает на главную страницу
с картой. Он может ставить булавки на карте
и сортировать заведения по категориям.
Пользователь регистрируется в приложении
и сразу попадает на главную страницу с картой.
Он может ставить булавки на карте
и сортировать заведения по категориям.
Для быстрого поиска места можно использовать
поисковую строку снизу. А чтобы поиск был
более точным, есть фильтры и сортировка.
Пользователь регистрируется в приложении
и сразу попадает на главную страницу с картой.
Он может ставить булавки на карте
и сортировать заведения по категориям.
На странице вендора находится подробная информация о заведении, контактные данные
и специальные предложения. Пользователи
также могут приобрести купон.
В разделе профиля пользователь может просмотреть все купленные и использованные купоны.
Покупка купона
Участие в розыгрыше
Пользователи могут не только покупать купоны
для себя, но и дарить друзьям из списка контактов.
А еще можно запросить купон у другого пользователя
Пользователи могут не только покупать
купоны для себя, но и дарить друзьям
из списка контактов. А еще можно
запросить купон у другого пользователя
Когда пользователь использует купон,
то автоматически получает шанс
участвовать в розыгрыше.
Акцентный цвет — мягкий оранжевый.
Для иконок, булавок на карте и показателей.
Основные цвета — оттенки темного.
Черный хорошо выделяется на белом фоне
и не отвлекает внимание. Также он остается заметен на экране при ярком солнце.
Адаптировали
приложение
под арабский язык
Приложение доступно на двух языках
— английский и арабский.
Для этого интерфейс надо было адаптировать для чтения справа налево.
07
язык
язык
07
Адаптировали
приложение
под арабский язык
Приложение доступно на двух языках
— английский и арабский.
Для этого интерфейс надо было адаптировать
для чтения справа налево.
Адаптировали
приложение
под арабский язык
У нас уже есть опыт работы с арабским
дизайном,и мы знали, что в процессе
адаптации надо проработать многое
— увеличить шрифт, выровнять тексты
по правому краю, правильно
перевернуть иконки и еще учесть
много мелких нюансов.
07
язык
язык
07
Адаптировали
приложение
под арабский язык
Приложение доступно на двух языках
— английский и арабский.
Для этого интерфейс надо было адаптировать
для чтения справа налево.
язык
07
Адаптировали
приложение
под арабский язык
У нас уже есть опыт работы с арабским дизайном,
и мы знали, что в процессе адаптации надо
проработать многое — увеличить шрифт, выровнять
тексты по правому краю, правильно перевернуть
иконки и еще учесть много мелких нюансов.
08
тема
тема
08
У приложения есть две темы
— светлая и темная — чтобы пользователи
выбрали ту, которая им больше нравится.
У приложения есть две темы
— светлая и темная — чтобы пользователи
выбрали ту, которая им больше нравится.
разработка
09
Разработали бэкенд
на новой технологии
Изначально мы планировали разрабатывать
с помощью фреймворка NestJS, но тогда мы бы могли не успеть к дате релиза — она уже была объявлена. Поэтому заказчик предложил работать с Firebase,
в котором можно использовать готовые решения.
Изначально мы планировали
разрабатывать с помощью фреймворка
NestJS, но тогда мы бы могли не успеть
к дате релиза — она уже была
объявлена. Поэтому заказчик
предложил работать с Firebase,
в котором можно использовать
готовые решения.
Мы никогда не работали с этой технологией,
и ее изучение заняло бы время. Команда могла
все равно не уложиться в дедлайн.
Но мы не собирались сдаваться — разделили
разработку на фазы, подключали дополнительных
разработчиков и внедряли новые функции,
параллельно осваивая Firebase.
Мы никогда не работали с этой технологией, и ее изучение заняло
бы время. Команда могла все равно
не уложиться в дедлайн. Но мы
не собирались сдаваться — разделили
разработку на фазы, подключали дополнительных разработчиков
и внедряли новые функции,
параллельно осваивая Firebase.
В итоге мы сделали все за 4 месяца,
хотя изначально оценивали в 7 месяцев.
В итоге мы сделали все за 4 месяца,
хотя изначально оценивали
в 7 месяцев.
админ-панель
10
Мы делаем админ-панели с помощью React Admin.
Это конструктор, который позволяет быстро
и экономно собрать админку. Но у него,
как и у любого другого конструктора,
есть ограничения — базовый набор функций.
Сделали кастомную
админ-панель
В WAW сложная логика — условия продажи купонов
у вендоров различались. Для описания условий
в системе создаются цифровые версии контрактов.
В них описываются юридические аспекты продажи купонов.
Это важно, чтобы соблюдать законодательство.
Поэтому базовых функций React Admin уже не хватало,
и нам пришлось делать кастомную админ-панель.
Решили начать с дизайна экранов, чтобы учесть
все нюансы и сократить время на разработку.
В итоге у нас получилась кастомная админ-панель,
рассчитанная на 5 видов контрактов.
админ-панель
10
Мы делаем админ-панели с помощью
React Admin. Это конструктор, который позволяет быстро
и экономно собрать админку. Но у него, как и у любого
другого конструктора,
есть ограничения
— базовый набор функций.
Сделали кастомную админ-панель
В WAW сложная логика — условия продажи купонов
у вендоров различались. Для описания условий
в системе создаются цифровые версии контрактов.
В них описываются юридические аспекты продажи купонов.
Это важно, чтобы соблюдать законодательство.
Поэтому базовых функций React Admin уже не хватало,
и нам пришлось делать кастомную админ-панель.
Решили начать с дизайна экранов, чтобы учесть
все нюансы и сократить время на разработку.
В итоге у нас получилась кастомная админ-панель,
рассчитанная на 5 видов контрактов.
результат
11
Изначально разработку проекта оценили в 7 месяцев.
В итоге мы сделали приложение почти в 2 раза быстрее
— за 4 месяца. Заказчик остался доволен результатом
и планирует выходить на рынки Саудовской Аравии и Турции.
Изначально разработку проекта оценили в 7 месяцев.
В итоге мы сделали приложение
почти в 2 раза быстрее — за 4 месяца.
Заказчик остался доволен результатом и планирует выходить на рынки Саудовской Аравии и Турции.
скачать приложение
скачать
приложение
скачать
приложение
130 000
Активных юзеров
>100 000
скачиваний
5 708
проданных купонов
на сумму
скачать приложение
скачать
приложение
скачать
приложение
130 000
Активных юзеров
>100 000
скачиваний
5 708
проданных купонов
на сумму