Home

Eng

Figma, Tilda

Tools

UX/UI designer

My role

December 2022 – January 2023

Dates

Redesign of the "‎LIA" website‎

2

Project Overview

The task was to make the website modern and user-friendly for both students and educators.

The goal was to emphasize the laboratory's technological advancements, increase user engagement, and create a positive image.

The laboratory required a website redesign.

1

About "LIA"

Among its solutions are systems for analyzing educational data, forecasting and optimizing processes, and tools for handling large volumes of data.

The Laboratory of Intelligent Analytics at RANEPA (LIA) develops neural networks for education, science, and governmental tasks.

About the Project

The analysis identified key issues:
complex navigation, an overloaded interface, and an outdated visual style.
All of these make interaction with the website difficult and fail to convey the image of a modern laboratory.

Responsive version analysis

However, the current version of the website does not support mobile adaptation, making it difficult for students to use the resource.

Responsive design is essential for an educational website. According to the HSE Institute of Education, 75% of Moscow teenagers aged 16–18 use smartphones for studying.

Page and Layout Analysis

The evaluation was based on:

I examined the website, assessed its visual structure, readability, and alignment with its objectives. Nielsen’s heuristics helped identify navigation barriers.

Typography

Composition

Aesthetics

Target purpose

Usability principles

Problems

New visitors want to immediately understand what the lab does to assess its relevance to their interests.

Program directors evaluate the lab's projects to determine their potential for implementation.

Teachers look for up-to-date materials to integrate them into the educational program.

Students want to quickly find examples of educational projects to study and apply them in their learning.

Jobs to be done

Professors who need to see the laboratory's work results to adapt educational programs.

Program directors evaluating projects for potential implementation.

Students looking for examples of academic projects involving artificial intelligence.

Primary users:

At the initial stage, I conducted a target audience analysis to determine who would use the website and how.

Audience

Context

Before starting the design process, it was essential to understand who would use the website, how they would interact with it, and what tasks they needed to accomplish.

References

The website was developed for a university, so it was important to maintain a corporate style. When selecting references, I focused on educational platforms and tech product websites—this helped strike a balance between a formal style and modern interface solutions.

Wireframes

Since students often access websites from mobile devices, the prototype supports adaptation to different screen sizes.

After the analysis, the main page structure was developed to ensure that users understand where they are, what opportunities the lab offers, and how to quickly navigate to the relevant section.

I aimed to make the interface not only simple but also welcoming, so that neural networks wouldn’t seem complex and inaccessible but instead spark interest. To achieve this, I used clear language, intuitive navigation, and illustrations.

Final design

3. Illustrations. They replaced the missing content and became a guide for users. They visually convey the meaning of the cases, making it easier to search and perceive information.

2. Hover Information. The logos change color on hover, revealing descriptions, which helps display more data and engages users by adding an element of gamification.

1. Horizontal scroll. This solution helped avoid page overload. Users can easily browse the cards by swiping or clicking on the arrows, keeping the focus on the key content.

I updated the interface, keeping the logic but improving the presentation. The new design is cleaner, more user-friendly, and accessible: the navigation has been revamped, accents added, and the visual structure helps users navigate the page more quickly.

Page before and after

Working with the Tilda website builder.

Creating presentations and defending projects in front of the team.

Using existing research to develop design solutions. This allowed me to make informed decisions and increase their effectiveness under resource constraints.

Working on the project gave me experience in developing educational content focused on neural networks and student learning.
I improved my skills in:

Previous project

Next project