We held a briefing with the customer, found out detailed information about the courses, teaching staff, payment options, official documents, certificates. Subsequently, they conducted an audit of the websites and social networks of similar charitable organizations. We studied the comments of users to understand the main pains, objections, possible reasons for their mistrust. We evaluated the visual design of competitors’ resources, compiled a table with a list of pros and cons of the UX/UI part of the design. Based on the results of the completed work, a meeting was held to form an action plan, the general concept of the site, discuss the details, and reach a single decision. Site prototyping Site prototyping was the most important task during our work. The sequence of blocks on the main page should interest the user, involve him in the problem, inspire trust, and push him to the target action. We developed a prototype site in Axure. The blocks were located as follows:
- The first screen with a title about the project, a clear number with the number of unemployed Ukrainians, a button for contribution;
- “Who is this site for” block: so that the user can identify himself;
- Several blocks that vividly demonstrate the problem of job losses during the war (photo, video);
- Trust blocks: we talk about certificates and project capabilities;
- FAQ: To handle remaining questions/objections;
- Introducing courses, teachers, partners for further employment of graduates;
- Reviews of immigrants who graduated from the project;
The Help button is repeated in different blocks. It all depends on at what stage a person will have enough arguments to join. Other pages of the site supplement the information of the main page. All data is confirmed by figures from official sources, documents, reports.
The designer worked on the project, who herself is an immigrant from the city of Kherson. She thought through all the design details and prepared the site design for the mobile version and PC in Figma. The design is developed in muted tones with an emphasis on the patriotic national colors of Ukraine. Design is simple, concise, clear. Does not distract attention from the main information, live photos and videos.
The site was created on CMS WordPress. This made it possible to make it simple, but quite flexible in settings. During the development process, a lot of attention was paid to creating various convenient ways to make donations. We have added convenient payment methods to the site:
- Swift USD/EUR;
- Replenishment by account number in hryvnias;
All functionality was tested. Only then was the site launched.