About UAITP
UAITP is an all-Ukrainian non-political, public organisation. Association promotes development of information technologies in Ukraine for business in the field of IT, for IT education and general digital literacy, and for digital transformation of the government and the state.
In recent years, the association, together with the European Union, has successfully launched many international educational programs in Ukraine and its own professional development and digital literacy programs. At the same time, the current website was completely outdated and did not meet the changed requirements either functionally or visually. Moreover, the lack of a unified corporate style and a convenient and functional website bore additional reputational risks for the association.
High-level goals
Design and develop responsive website
To maintain a digital presence of the association by designing a new contemporary and user-friendly website and certificate verification system.
Branding
Design brand identity and use it in a new website and branding and future marketing materials.
My role
I was the Design team by myself - User Experience (UX), User Interface (UI), Brand Design and Web Design. One man show)).
Key tasks:
Stakeholders Insights & Ideation.
Brand Identity Guidelines.
User Interface & Experience.
Design Toolkit:
Discovering
First of all, I decided to perform several interviews with stakeholders to gather as much information about the organization and its goals as possible. Those interviews helped me to explore data and knowledge to proceed to the following steps of the design process:
The present state of the organization (its structure , vision, educational programs, success stories, their goals, and plans);
Target audience;
How stakeholders see the functionality and structure of the future website;
Current state of their website;
All available content in different forms.
Brand Style Exploration
So the next step I took stakeholders through is I sent a form and asked to select three keywords that describes his brand (organisation). I also asked to send me a couple examples of websites he likes and why. Based on information provided from the client I built out a document with brand attributes and mood boards for each keyword provided:
Primary logo design
While stakeholders were choosing the right moodboard for them I switched to logo design. After several hours of communication and a few more hours of brainstorming and sketching, I was able to present to the client several concepts of the new logo.
Secondary (compact) logo
Secondary logo – is the compact version of the logo and is used when the primary logo doesn’t fit or feel right in a chosen context. The primary logo is pretty detailed and takes up more vertical real estate, so horizontal and simplified logo was needed. This alternate logo still feels cohesive and at home with the rest of the identity, but is used on a more as-needed basis.
Brand Pattern
After the logo was approved, I started working on the pattern, which will later be used on the website with other promotional materials.
Main idea was to show that UAITP is formed and made for people. To achieve this, I chose to use shapes resembling the five letters that make up the name and logo (UAITP) and arranged them in a grid to symbolize the community of UAITP. After exploring various ideas, I finalized this concept:
.svg)
.webp)
