Mariia Legaeva

PORTFOLIO

От шаблонного решения к уникальному клиентоориентированному сайту

Редизайн сайта услуг вывоза мусора
Разработка продающего лендинга для комплекса таунхаусов премиум-класса, сделано на Tilda

От концепции до готового решения
Как мы переосмыслили пользовательский опыт для сервиса настольных игр

Редизайн с фокусом на конверсию
Техничная верстка многостраничного мультиязычного сайта на Tilda

От макета к рабочему инструменту
Редизайн сайта психологического центра с упором на клиентский опыт

Создание доверительной атмосферы
Учебный проект, прототипирование ключевого сценария в приложении Т-Банка

Воссоздание логики банковского приложения

Стало (Мое решение):

Я реализовала комплексный подход, взяв на себя функции дизайнера, копирайтера и веб-разработчика для создания готового маркетингового инструмента.

Разработка структуры и контента:

Проанализировала целевую аудиторию и выстроила логичную воронку продаж на одной странице.
Создала все текстовые материалы с акцентом на уникальные преимущества объекта, используя нейросети для генерации и последующей авторской обработки контента.

Создание визуальной концепции:

Профессионально обработала архитектурные рендеры: улучшила детализацию, цветопередачу и композицию.
Привела логотип к корпоративным стандартам: исправила графические неровности и оптимизировала для цифрового использования.

Верстка и функциональность:

Реализовала адаптивный дизайн на платформе Tilda с соблюдением современных веб-стандартов.
Добавила интерактивные элементы и продуманную анимацию для усиления пользовательского вовлечения.
Выполнила комплексную техническую настройку всех систем и модулей сайта.

Ключевые результаты и особенности проекта:

Полная готовность к запуску: Сайт представляет собой законченный маркетинговый инструмент, оптимизированный для начала продаж.
Комплексный подход: Проект включает полный цикл работ — от обработки исходных материалов до программирования сложных элементов.
Стратегическое мышление: Структура и контент создавались с учетом поведения целевой аудитории и задач бизнеса.
Техническая проработанность: Использование возможностей Tilda на профессиональном уровне обеспечивает высокую производительность и удобство использования.

Было (Задача клиента):

Требовалось создать эффективный инструмент для будущих продаж нового комплекса таунхаусов в Тамани.
Исходные материалы включали только черновые архитектурные рендеры и нуждавшийся в доработке логотип.
Необходимо было разработать с нуля всю структуру, контентную стратегию и визуальное оформление проекта.

Суть проекта: Полный цикл создания лендинга — от анализа целевой аудитории и разработки структуры до верстки и комплексной настройки на Tilda.

От концепции до готового решения: разработка продающего лендинга для комплекса таунхаусов

Смотреть макет

Стало (Мое решение):

Я провела глубокую переработку пользовательского опыта, где ключевой ценностью стала простота и эффективность.

Сокращение пути клиента:

Провела аудит юзабилити и убрала все лишние информационные блоки, не ведущие к цели — бронированию игры.
Выстроила интуитивно понятную воронку от выбора игры до подтверждения заказа.

Инновационная регистрация через Telegram:

Полностью отказалась от стандартных форм, заменив их авторизацией через Telegram-бота.
Результат: Регистрация стала занимать 2 клика, что значительно снизило барьер входа и упростило процесс для пользователя.

Техническая оптимизация для разработки:

Разработала адаптивный дизайн на единой сетке, что ускорило и упростило верстку для программистов.

Проектирование админ-панели:

С нуля отрисовала логичный и функциональный интерфейс панели управления для эффективной работы с играми, бронированиями и клиентами.

Было (Задача клиента):

Перегруженный интерфейс отпугивал молодую аудиторию.
Длинный и сложный процесс регистрации приводил к высокому проценту отказов.
Неадаптивный дизайн создавал неудобства для пользователей мобильных устройств.
Неструктурированная админ-панель затрудняла работу сотрудников компании.

Суть проекта: Полный редизайн сайта GSD Games с упором на сокращение пути клиента, внедрение инновационной регистрации и техническую оптимизацию для разработчиков.

Редизайн с фокусом на конверсию: как мы переосмыслили пользовательский опыт для сервиса настольных игр

Смотреть макет

Стало (Мое решение):

Я выполнила технически сложную задачу по адаптации многослойного дизайна под CMS, сохранив все его особенности.

Пиксельный перенос и адаптив:

Воссоздала все страницы и интерфейсные элементы в строгом соответствии с макетом Figma.
Разработала безупречно адаптивную верстку, гарантирующую корректное отображение на любых устройствах.

Интеграция кастомного кода:

Для нестандартных функциональных блоков, которые невозможно создать штатными средствами Tilda, был применен кастомный код (HTML/CSS/JS).
Это позволило реализовать всю задуманную логику и взаимодействия без упрощения исходного дизайна.

Реализация двухязычной версии:

Настроила корректное переключение и отображение контента на двух языках, учитывая типографические особенности и структуру страниц.

Динамические элементы:

Добавила ненавязчивую анимацию для плавности интерфейса и акцента на ключевых действиях.

Ключевые результаты и фишки проекта:

Точность исполнения: Готовый сайт идентичен предоставленному макету во всех деталях.
Расширение функционала Tilda: Успешная интеграция кастомных решений для нестандартных задач.
Техническая надежность: Чистый код и продуманная архитектура проекта.
Готовность к использованию: Полнофункциональный мультиязычный сайт, полностью готовый к работе.

Было (Задача клиента):

Имелся готовый детализированный макет в Figma для международного проекта.
Требовалось без отклонений перенести сложный дизайн на Tilda, сохранив визуальную целостность.
Ключевая задача: реализовать полноценную двухязычную версию и внедрить элементы, выходящие за рамки стандартного функционала Tilda.

Суть проекта: Пиксельный перенос дизайна из Figma на Tilda с полным сохранением функциональности, реализацией двух языков и кастомных элементов.

От макета к рабочему инструменту: техничная верстка многостраничного мультиязычного сайта на Tilda

Смотреть макет

Стало (Мое решение):

Я провела комплексную работу по преобразованию цифрового пространства центра в комфортную и современную среду.

Новая психология цвета:

Полностью изменила цветовую палитру, выбрав спокойные, теплые и жизнеутверждающие оттенки. Новая гамма вызывает чувство безопасности, спокойствия и надежды, что полностью соответствует позиционированию центра.

Интуитивная структура и UX:

Разработала удобную систему подачи услуг с использованием раскрывающихся блоков. Это позволило сохранить страницу чистой и лаконичной, при этом давая пользователю возможность легко получить всю необходимую информацию.
Все призывы к действию ведут в мессенджеры, что соответствует привычному для клиентов способу коммуникации.

Техническая интеграция для удобства:

Интегрировала отзывы и карты из сервисов Яндекс, что повысило доверие и упростило навигацию для новых клиентов.
Подключила платежную систему для онлайн-продажи гайдов и дополнительных материалов, создав новый канал монетизации для центра.

Доверительная атмосфера:

Добавила ненавязчивую анимацию для плавности взаимодействия с сайтом, создавая современное и профессиональное впечатление.

Ключевые результаты и фишки проекта:

Повышение лояльности: Новая цветовая гамма и продуманный интерфейс создают комфортную среду, располагающую к доверию.
Улучшение пользовательского опыта: Клиенты легко находят нужные услуги, читают отзывы и могут сразу написать в мессенджер.
Новая функция монетизации: Внедрена возможность продажи цифровых продуктов (гайдов) с онлайн-оплатой.
Комплексный подход: Проект демонстрирует синергию дизайна, юзабилити и технической интеграции для решения бизнес-задач.

Было (Задача клиента):

Проблемная цветовая гамма, которая ассоциировалась с чем-то хмурым и не вызывала доверия, что критично для сферы психического здоровья.
Неструктурированная подача услуг затрудняла клиентам поиск и выбор подходящего направления помощи.
Отсутствие современных решений: не было интегрированных карт для навигации, отзывов из внешних источников и возможности онлайн-оплаты дополнительных материалов.

Суть проекта: Комплексный редизайн с полным обновлением визуальной коммуникации, структуры и интеграцией полезных сервисов для повышения удобства пользователей.

Создание доверительной атмосферы: редизайн сайта психологического центра с упором на клиентский опыт

Смотреть макет

Стало (Мое решение):

Я выбрала для анализа приложение Т-Банка — продукт со сложной структурой и высокими требованиями к юзабилити.

Анализ и погружение:

Изучила официальные гайдлайны и интерфейс Т-Банка, чтобы понять общие принципы построения экранов и навигации.
Проанализировала существующий в приложении путь заказа карты.

Визуальная реализация:

Воссоздала в Figma все необходимые UI-компоненты (кнопки, поля ввода, навигационные элементы).
Подобрала иконки, соответствующие стилистике оригинального приложения, обеспечив визуальную целостность.

Прототипирование пользовательского пути:

Создала полноценный интерактивный прототип для сценария «Заказ дополнительной карты к основной».
Проработала переходы между экранами, чтобы прототип был максимально живым и реалистичным.

Ключевые результаты и фишки проекта:

Навык декомпозиции: Умение анализировать сложный интерфейс и разбивать его на составляющие компоненты.
Внимание к деталям: Проект показывает высокий уровень аккуратности и стремление к целостному результату даже в учебной задаче.
Понимание UX-логики: Освоены принципы построения последовательных пользовательских сценариев в финансовой сфере.
Готовый инструмент для презентации: Интерактивный прототип позволяет наглядно продемонстрировать не только статичный дизайн, но и логику взаимодействия.

Было (Задача):

В рамках курсовой работы необходимо было выбрать существующий цифровой продукт и детально проработать в Figma один из его ключевых пользовательских сценариев.
Цель: продемонстрировать навыки анализа интерфейсов, работы с компонентами и построения интерактивных прототипов.

Суть проекта: Учебная задача по детальному анализу и воссозданию пользовательского пути в Figma на примере сложного финансового продукта.

Воссоздание логики: прототипирование ключевого сценария в приложении Т-Банка