Awwwards

Варта України

Mobile Application

Мобільний застосунок для членів партії: вступ, голосування й опитування, онлайн-зустрічі та блог партії.

img img img img img

Project Overview VARTA

Варта України це мобільний застосунок для членів політичної партії. Він робить внутрішнє життя партії простим і прозорим: люди реєструються, підтверджують дані, беруть участь у виборах представників і голосуваннях за рішення партії, відвідують онлайн-зустрічі й стежать за новинами. Ми розробили інтерфейс, створили застосунок для iOS та Android і адмін-панель для керування ним.

Переглянути деталі

Introduction Overview

Timeline

5 months

Technologies

6 tools

Screens

200+

Результат: Мобільний застосунок для iOS та Android і адмін-панель для керування ним.

Витрачено часу: 1100 годин

Загальна вартість: $26,500

Project timeline Stages

Чотири частини роботи, кожна зі своїми годинами. Гортайте, щоб побачити, як проєкт ріс від дизайну до релізу.

  1. 0год
    UX/UI-дизайн

    Прототип усього застосунку: 200+ екранів з усіма станами та дизайн-система.

    Figma
    12%
  2. 0год
    Back-end

    API та сервіси навколо нього: файли, push-сповіщення і все, що застосунок читає й записує.

    Node.jsRedisMinIOOneSignal
    32%
  3. 0год
    Мобільний застосунок

    Одна кодова база для iOS та Android, збудована на дизайні й API.

    React Native
    41%
  4. 0год
    Адмін-панель

    Місце, де команда керує партійцями, голосуваннями та контентом, на готовому шаблоні.

    14%
  5. 1116годин загалом
    Реліз

Information Architecture Structure

У проєкті не лише застосунок: за кожною функцією стоять бекенд, адмін-панель і зовнішні сервіси. Наведіть на будь-яку функцію, щоб побачити весь її ланцюжок.

Мобільний застосунокReact Native
Back-endNode.js
Адмін-панель
Сервіси та інтеграції

Colors Palette

Інтерфейс тримається на двох фірмових кольорах: глибокий фіолетовий для навігації й заголовків та яскравий жовтий для акцентів і ключових дій. Зелений і червоний зарезервовані для голосів: «За» і «Проти».

6600CC
FFDF00
209354
CD2414
F5F5F5
1B1B1B

Icons Icon set

Набір іконок на весь застосунок: навігація, голосування, профіль, платежі, безпека й меню. Кожна є в трьох стилях: контур, заливка й дуотон.

Components Elements

Кожен компонент живе в кількох станах: звичайний, вибраний, з помилкою, вимкнений. Саме стани перетворюють жменю компонентів на 200+ екранів.

9:41
12.10.2415:00
Хто представлятиме осередок у магістраті?
Кандидати
1/6
ОК

Олена Коваль

2/6
АМ

Андрій Мельник

3/6
ІД

Ірина Данилюк

4/6
ТЛ

Тарас Левченко

5/6
МБ

Марія Бондар

6/6
ПГ

Петро Гнатюк

Design Voting

Голосування це серце застосунку. Член партії бачить питання, переглядає кандидатів і дає голос «За» або «Проти» для кожного, а результат показується зрозумілою діаграмою. Спробуйте той самий сценарій, що й у застосунку, на прикладних даних: вибори представників і голосування за рішення партії.

Голос зарахованоОчікуйте завершення
Проголосували200
ЗаПроти
Результати голосування
Вітаємо!Вас прийнято до партії
ОКОлена КовальЗа

Нижче частина з понад 200 екранів: від привітання й реєстрації до сповіщень, голосування, онлайн-зустрічей і меню.

Result Business

Застосунок доступний в App Store та Google Play. Члени партії можуть вступити, підтвердити профіль, голосувати за представників і за рішення партії, брати участь в опитуваннях та онлайн-зустрічах і читати блог партії в одному місці. Дизайн охоплює понад 200 екранів, зокрема всі стани: порожні екрани, заблокований профіль, неоплачена підписка й нижні шторки дій.

0годин загалом
0год
Що коштувало найбільше

    SALTYCOIN Evolvy