Awwwards

Varta Ukrainy

Mobile Application

A mobile app for party members: join, take part in votes and polls, attend online meetings and read the party blog.

img img img img img

Project Overview VARTA

Varta Ukrainy is a mobile app for the members of a political party. It makes the internal life of the party simple and transparent: people sign up, confirm their data, take part in elections of representatives and votes on party decisions, join online meetings and follow party news. We designed the interface, built the app for iOS and Android and the admin panel to manage it.

View Details

Introduction Overview

Timeline

5 months

Technologies

6 tools

Screens

200+

Result: Mobile app for iOS and Android and an admin panel for managing it.

Total time: 1,100 hours

Total cost: $26,500

Project timeline Stages

Four parts of work, each with its own hours. Scroll to see how the project grew from design to release.

  1. 0h
    UX/UI design

    The prototype of the whole app: 200+ screens with every state, and the design system.

    Figma
    12%
  2. 0h
    Back-end

    The API and the services around it: files, push notifications and everything the app reads and writes.

    Node.jsRedisMinIOOneSignal
    32%
  3. 0h
    Mobile app

    One codebase for iOS and Android, built on top of the design and the API.

    React Native
    41%
  4. 0h
    Admin panel

    Where the team manages members, votes and content, built on a ready-made template.

    14%
  5. 1116hours in total
    Release

Information Architecture Structure

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

Mobile appReact Native
Back-endNode.js
Admin panel
Services and integrations

Colors Palette

Two brand colors carry the interface: a deep purple for navigation and headers and a bright yellow for accents and key actions. Green and red are reserved for votes: For and Against.

6600CC
FFDF00
209354
CD2414
F5F5F5
1B1B1B

Icons Icon set

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

Components Elements

Every component lives in several states: default, selected, error, disabled. The states are what turn a handful of components into 200+ screens.

9:41
12.10.2415:00
Who will represent the branch in the magistracy?
Candidates
1/6
OK

Olena Koval

2/6
AM

Andriy Melnyk

3/6
ID

Iryna Danyliuk

4/6
TL

Taras Levchenko

5/6
MB

Maria Bondar

6/6
PH

Petro Hnatiuk

Design Voting

Voting is the heart of the app. A member sees the question, reviews the candidates and gives a vote For or Against for each, and the result is shown as a clear chart. Try the same flow as in the app, on sample data: elections of representatives and votes on party decisions.

Vote countedWait for the end
Voted200
ForAgainst
Voting results
Welcome!You are accepted to the party
OKOlena KovalFor

Below, you can see a part of the 200+ screens: from the welcome and sign-up to notifications, voting, online meetings and the menu.

Result Business

The app is available in the App Store and Google Play. Members can join the party, confirm their profile, vote for representatives and on party decisions, take part in polls and online meetings and follow the party blog, all in one place. The design covers more than 200 screens, including every state: empty screens, blocked profile, unpaid subscription and action sheets.

0hours in total
0h
What took the most

    SALTYCOIN Evolvy