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