Early 2022
FAKES
A landing page for the FAKES educational project. Here you can download ready-made assignments for teachers and parents of high school students about dealing with misleading information
The site won the "Made on Tilda" award
Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio //Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio // Portfolio //
UI/UX Designer
No-code Developer
My role
5 days from concept to launch
Timeline
2 Owners
1 Project Manager
1 Graphic Designer
1 Copywriter
1 Translator
Collaboration
Figma
Tilda Publishing
Responsive Design
Toolbox
The startup Geek Teachers developed a revolutionary game for teachers and parents of secondary school students about working with information that can be misleading. However, they lacked a platform where it would be convenient to learn about all the products and download them quickly. And there are REALLY tight deadlines – 5 days!
(...) Problem
I worked with the founders, PM, copywriter and graphic designer to develop a landing page that is easy to use on different devices. We set a goal – to interest teachers and make a shortcut to downloading the product
(!!!) Solution
Although the project had a very short timeline, we still went through all stages of the product development lifecycle. But in this case we tested website after launch:)
Process
• Stakeholders’ feedback
• Sharing first version with the public
• Users feedback
(4) Test and Launch
• Improving the design according to feedback
(5) Improve
• Project goal
• Target audience
• Pain Points
• User’s challenges
• Generating ideas
(1) Brainstorm
• Who the product is for
• What the product will do
• Problem statement
• User Flow
(2) Define and Ideate
• Wireframes
• Design concepts
• No-code developing
(3) Design
Persona
Frustrations
Children more often take information from the Internet, but do not know how to distinguish truth from fake. It's important for Katrina to teach children how to identify fakes. But how to make the lesson interesting?
Goals
It is important to Katrina that her students learn not only about school subjects but also about adapting to life. She doesn't want to be a boring teacher and wants to introduce gamification into teaching
Bio
• Katrina – 30 years old
• Million-plus city in Russia
• Teacher

Katrina is a teacher who loves her job and believes that studying can be interesting. She is always looking for ways to make the lessons fun. She is creative and kind. Her favorite quote: "Teach like a champ!"
The founders needed to launch the finished site in five days. We decided not to do a low-fidelity prototype in such a short time. The process below begins with a mindmap, then moves directly to design and development.
Structure
I developed two design concepts with UI elements of corporate identity. Our team chose the second concept and I continued to design the entire site
Design concept within branding
Concept #1
Concept #2 (the choosen one)
And here is the website with desktop and mobile adaptive!
We tested the website on a few potential users, which was enough to launch the MVP. Our team took the responses after the launch to find common themes among the users. We collected feedback after launching and found problems like this:
User testing after launch
(1) Buttons problem
(1) Solution
Users were confused by the three download buttons. A button for parents is lost. For statistics, founders need feedback for each lesson
Based on the user testing, i iterated on the previous design and created another iteration of the design. We made a "Give a feedback" button for each lesson.
need to make this the primary button
too much buttons for downloading
added a "Give Feedback" button to each lesson
just one button for teachers and one for parents
before
after
new block
(2) What’s inside?
After the interviews, we realized that some people don't download materials because they don't understand what product they will receive
(2) Solution
We assumed that downloads would increase if we created a new block with several slides from the presentation.
(3) English version
Founders received a trip to an international symposium in Switzerland. They need an English version of the site
(3) Solution
Made the English version of the site in 1 day
The main thing I learned from this project is that the design process can change according to the needs of the business. It's okay to swap work steps if deadlines require it. In such a situation, the main thing is to determine the minimum necessary to get the project up and running as quickly as possible. And you can improve the project later on in the following iterations!
Takeaways