Я UX/UI-дизайнер, превращаю бизнес-цели в эстетичные и понятные digital-решения. Креативно подаю ваши продукты, чтобы сразу цеплять аудиторию и повышать конверсию. Опираюсь на аналитику и принципы human-centered design
Задача: Запустить лёгкий, но убедительный одностраничник, который за 1–2 скролла объясняет ценность продукта и мягко ведёт к заявке. Ключевые KPI: время на сайте ≥ 45 с, конверсия в лид ≥ 3 %.
Моя зона ответственности: — Контент-стратегия и копирайтинг: сформировала tone of voice, написала продающие блоки «проблема → решение → доказательства». — Арт-направление: разработала цветовую палитру (акцент + приглушённый фон) и типографическую систему. — UI-дизайн: создала макет в Figma, проработала паттерны взаимодействия, анимацию CTA и hover-состояния. — Верстка на Tilda (Zero Block): реализовала 8 адаптивных брейкпоинтов от 1920 px до 320 px.
Ключевые решения: 1. Контрастная дуальная палитра усиливает иерархию и поддерживает эмоциональный «пульс» бренда. 2. Логика «storytelling + соц-доказательства» сокращает когнитивный путь и повышает доверие. 3. Sticky-CTA и micro-scroll-reveal направляют пользователю внимание и повышают кликабельность формы.
Проект демонстрирует мой полный цикл: от слов и палитры до pixel-perfect верстки и метрик, подтверждающих эффективность дизайна.
Кейс: интернет-бутик Red Tebis (зерновой кофе прямой обжарки, D2C)
Задача: Запустить сайт, который за один визит: • визуально подчёркивает премиальность бренда, • ведёт к покупке пачки. Целевые метрики: CR ≥ 3 %, среднее время на сайте ≥ 1 минута.
Моя зона ответственности: — Контент-стратегия и копирайтинг. Сформировала narrative «от плантации до чашки». — Арт-направление. Создала цветовую схему. — UI-дизайн. Собрала макет в Figma, внедрила интерактивную flavor-wheel (выбор нот вкуса), — Верстка на Tilda Zero Block. 8 адаптаций от 1920 px до 320 px, sticky-корзина, интеграция подписки на регулярные поставки через Tilda CRM.
Ключевые решения: 1. Flavor-wheel сокращает путь выбора — пользователь кликает на вкусовую ноту и сразу попадает на подходящий сорт. 2. Sticky-корзина + fixed-CTA всегда в зоне видимости; продажи растут без агрессивных pop-up’ов.
Результаты 6 недель после релиза: • Среднее время на сайте 1 мин 45 с (+57 %). • Отказы 12 % при мобильном трафике 65 %. • Макет утверждён клиентом без правок с первой демонстрации.
Итог: Проект демонстрирует мой end-to-end-процесс: от тональности текста и колористики до pixel-perfect верстки и подтверждённых бизнес-метрик.
Кейс: корпоративный сайт Adventure Media Group (медиагентство выездных travel-мероприятий для сотрудников компаний + промо-активностей перед крупными событиями, B2B)
Задача: Собрать сайт-витрину, который за один визит: • демонстрирует экспертность команды в организации «под ключ» корпоративных поездок и промо-ивентов, • визуально передаёт дух «adventure» и эмоции путешествий, KPI: конверсия кнопки «email»,«call» ≥ 5 %, среднее время на сайте ≥ 70 с.
Моя зона ответственности: — Контент-стратегия и копирайтинг. Простроила сквозной сюжет «Эмоция → Экспертность → Портфолио → Шаг к действию». — Визуальная концепция и колористика. — UI-дизайн (Figma). — Верстка на Tilda Zero Block. Адаптивы 1920 → 320 px.
Ключевые продуктовые решения: 1. Дуальный контраст navy / snow удерживает фокус на медиа-контенте и подчёркивает премиальность сервиса. 2. Кейс-карточки позволяют просмотреть 8–10 проектов за минуту — вместо многостраничного PDF.
Итог: Проект показывает мой полный цикл: от сторителлинга и колористики до интерактивной карты, подтверждающих эффективность сайта Adventure Media Group.
Кейс: имиджевый сайт-визитка Nataliya Resh (устойчивый fashion-бренд из Нью-Йорка)
Задача: • Передать ценности sustainable luxury («экологичность ≠ компромисс стилю»). • Объединить storytelling, lookbook, traceability-tool и интернет-магазин в одном потоке (интернет-магазин пока в планах). • Стимулировать конверсию в покупку и e-mail-подписку без агрессивных pop-up’ов.
Моя зона ответственности: 1. Research – аудит конкурентов (Reformation, Stella McCartney, Mara Hoffman), – customer-journey для двух сегментов: conscious-millennials (D2C) и байеры concept-сторов (B2B). 2. Brand-UI / Колористика 3. UX & Дизайн (Figma) 4. Разработка на Тильде 5. SEO / Accessibility – семантика «sustainable fashion NYC», «eco-friendly clothing made in USA»,
Ключевое решение: «Pre-Order» как опция уменьшает dead-stock на 37 %.
Итог: Проект демонстрирует полный цикл: от маркет-исследования и ценностного storytelling до измеримых бизнес-метрик, которые усилили позиционирование Nataliya Resh как премиального sustainable-бренда и повысили продажи без роста рекламных затрат.
Кейс: лендинг-кампания федерального конкурса «Знай наших»
О проекте: «Знай наших» — ежегодная премия для растущих российских брендов. Задача сайта — быстро и понятно провести предпринимателя к подаче заявки, сохраняя строгий государственный визуальный код.
Цели лендинга: 1. Точная работа в рамках утверждённого брендбука конкурса и методических рекомендаций партнёров-госкорпораций. 2. Визуально «подсветить» преимущества участия (PR, менторство, гранты). 3. Обеспечить интуитивный, максимально короткий путь к анкете.
Моя зона ответственности: • Детальное изучение брендбука и всех доп. гайдлайнов государственных партнёров. • UI/UX-дизайн «под ключ»: макеты, states, адаптивы. • Подбор и обработка графики, иконографика, анимационные паттерны — всё в рамках допустимой палитры и типографики. • Совместная работа с фронтенд-командой. • Финальный дизайн-аудит перед запуском.
Ключевые визуально-функциональные решения:
1. Цвет и типографика (брендбук) 2. Структура «один экран — одна мысль» 3. Доступность и удобство
Коммуникация с партнёрами – Все макеты проходили двухэтапное визуальное согласование: сначала бренд-офис конкурса, затем представители госкорпораций. – В спорных случаях (например, использование анимации градиентом) — оформляла обоснование, ссылалась на пункт брендбука, предлагала статическую альтернативу.
Итог: За счёт жёсткого соблюдения бренд-стандартов, продуманной UI-системы и понятной навигации лендинг стал не только «витриной» проекта, но и эффективным инструментом привлечения предпринимателей: высокий коэффициент завершённых заявок достигнут без нарушения строгих государственных требований к визуалу.
Кейс: лендинг-кампания ежегодного форума «Сильные идеи для нового времени»
О проекте: Форум «Сильные идеи для нового времени» — совместная инициатива АСИ и Фонда «Росконгресс». Площадка собирает идеи граждан и лидеров бизнеса, лучшие решения презентуются Президенту РФ. Задача сайта — быстро и понятно провести человека от знакомства с миссией форума к регистрации и загрузке собственной идеи, сохраняя строгий государственный визуальный код.
Цели лендинга: 1. Работа строго по брендбуку форума, а также требованиям АСИ и Фонда «Росконгресс». 2. Визуально подсветить ценность участия: экспертное менторство, шанс внедрения идеи. 3. Обеспечить интуитивный, минимальный путь к форме подачи идеи/регистрации на очный форум.
Моя зона ответственности: • Детальный анализ брендбука и всех доп. гайдлайнов партнёров. • UI/UX-дизайн «под ключ»: макеты, стейты, адаптивы. • Подбор и обработка медиаконтента, иконография и микрo-анимация — исключительно в разрешённой палитре и типографике. • Сопровождение фронтенд-команды. • Финальный дизайн-аудит перед запуском.
Ключевые визуально-функциональные решения: 1. Цвет и типографика (брендук) 2. Структура «один экран — одна мысль» 3. Доступность и удобство
Коммуникация с партнёрами: • Двухступенчатое согласование • В спорных моментах (анимация градиентом, использование AR-маркеров категорий) оформляла пояснительные записки с ссылкой на пункты брендбука и предлагала статичные альтернативы.
Итог: Жёсткое соблюдение бренд-стандартов, лаконичная структура «экран — действие» и продуманный UX сократили среднее время подачи идеи. Лендинг стал эффективным инструментом вовлечения: высокий процент завершённых заявок достигнут без нарушения государственных требований к визуалу и доступности.
Кейс: лендинг-кампания премии «Страну меняют люди»
О проекте: «Страну меняют люди» — флагманская премия Агентства стратегических инициатив (АСИ), которая отмечает граждан, чьи решения улучшают качество жизни в регионах РФ.
Моя зона ответственности: • Изучение брендбука и всех доп. гайдлайнов АСИ / партнёров-госкорпораций. • Полный цикл UI/UX: карта путей пользователя → прототипы → финальные макеты (desktop, tablet, mobile). • Построение дизайн-системы: компоненты, стейты, анимационные паттерны. • Подбор медиабанка, иконография, обработка фото в допустимой палитре и типографике. • Финальный брендинг-аудит перед релизом.
Ключевые визуально-функциональные решения: 1. Цвет и типографика (брендбук) 2. Структура «один экран — одна мысль»
Коммуникация с партнёрами: • Все макеты проходили двойное согласование. • На нетиповые решения готовились технико-визуальные обоснования со ссылкой на пункты брендбука; предлагались статичные альтернативы.
Итог: Жёсткое соблюдение визуальных стандартов, формула «экран → действие» и продуманный UX превратили лендинг премии «Страну меняют люди» в эффективный инструмент народного выдвижения, при этом государственные требования к визуалу и доступности выполнены на 100 %.
Кейс: сайт-лендинг медицинского центра «Мир». Локация: г. Энгельс, Саратовская область
О проекте: «Мир» — профильный центр ортопедии, травматологии и реабилитации. Ранее 80 % онлайн-записей приходились на сторонний агрегатор «ПроДокторов», что: • повышало стоимость лидов на 25–30 % (комиссия + рекламные пакеты); • лишало клинику полноценной воронки и CRM-данных; • зависело от рейтинга, который трудно контролировать.
Задача нового сайта — перевести поток пациентов на собственную площадку, при этом сохранить доверие аудитории и выполнить регуляторные нормы мед-рекламы.
Цели лендинга: 1. Доля прямых записей через сайт — ≥ 60 % всех онлайн-обращений спустя 3 мес. 2. Конверсия посетитель → запись — ≥ 7 % при CPC ≤ 300 ₽. 3. Закрепить образ «единого реаб-хаба» Поволжья: оборудование, команда, лицензии. 4. Полное соответствие требованиям Роскомнадзора (0+, лицензия, дисклеймер).
Моя зона ответственности: • Анализ ЦА Энгельс/Саратов: 35–65 лет, женская доля 68 %, запросы «болит колено», «лфк после перелома», «детская плоскостопие». • UI/UX под ключ: CJM, wireframes, финальные макеты (desktop 1440 / tablet 1024 / mobile 390). • Дизайн-система (Figma Tokens). • Контент: тексты E-E-A-T, врачебные статьи (schema FAQ + HowTo). • Финальный legal-аудит (48 пунктов) — Росдзрав, Роском, реклама медуслуг.
Ключевые визуально-функциональные решения:
Цвет и типографика
Структура «экран → действие»
Hero (врач + форма «Записаться») → Направления (6 карточек) → «Почему Мир» (оборудование, лицензии) → «Команда» (карточки врачей — соц-доказательство) → «Истории пациентов»→ FAQ → CTA «Записаться на прием».
UX-ускорители
• Sticky-кнопка «Записаться» (≤ 13 % высоты на мобайле).
Доступность и скорость
Коммуникация с заказчиком: • Еженедельные сверки с главврачом: формулировки «снимаем боль», отказ от обещания «полностью излечим». • Пожелание руководства «добавить яркие градиенты» • Финальный акт приёмки подписан без замечаний.
Итог: Строгая регуляторная чистота, продуманный UX и целенаправленная «де-агрегация» позволили перевести поток пациентов с «ПроДокторов» на собственный лендинг. Клиника получила полный контроль над воронкой, снизила стоимость лида в четыре раза и сформировала устойчивый образ высокотехнологичного реабилитационного центра для жителей Энгельса и Саратовской области.
Задача: Запустить лёгкий, но убедительный одностраничник, который за 1–2 скролла объясняет ценность продукта и мягко ведёт к заявке. Ключевые KPI: время на сайте ≥ 45 с, конверсия в лид ≥ 3 %.
Моя зона ответственности: — Контент-стратегия и копирайтинг: сформировала tone of voice, написала продающие блоки «проблема → решение → доказательства». — Арт-направление: разработала цветовую палитру (акцент + приглушённый фон) и типографическую систему. — UI-дизайн: создала макет в Figma, проработала паттерны взаимодействия, анимацию CTA и hover-состояния. — Верстка на Tilda (Zero Block): реализовала 8 адаптивных брейкпоинтов от 1920 px до 320 px.
Ключевые решения: 1. Контрастная дуальная палитра усиливает иерархию и поддерживает эмоциональный «пульс» бренда. 2. Логика «storytelling + соц-доказательства» сокращает когнитивный путь и повышает доверие. 3. Sticky-CTA и micro-scroll-reveal направляют пользователю внимание и повышают кликабельность формы.
Проект демонстрирует мой полный цикл: от слов и палитры до pixel-perfect верстки и метрик, подтверждающих эффективность дизайна.
Кейс: интернет-бутик Red Tebis (зерновой кофе прямой обжарки, D2C)
Задача: Запустить сайт, который за один визит: • визуально подчёркивает премиальность бренда, • ведёт к покупке пачки. Целевые метрики: CR ≥ 3 %, среднее время на сайте ≥ 1 минута.
Моя зона ответственности: — Контент-стратегия и копирайтинг. Сформировала narrative «от плантации до чашки». — Арт-направление. Создала цветовую схему. — UI-дизайн. Собрала макет в Figma, внедрила интерактивную flavor-wheel (выбор нот вкуса), — Верстка на Tilda Zero Block. 8 адаптаций от 1920 px до 320 px, sticky-корзина, интеграция подписки на регулярные поставки через Tilda CRM.
Ключевые решения: 1. Flavor-wheel сокращает путь выбора — пользователь кликает на вкусовую ноту и сразу попадает на подходящий сорт. 2. Sticky-корзина + fixed-CTA всегда в зоне видимости; продажи растут без агрессивных pop-up’ов.
Результаты 6 недель после релиза: • Среднее время на сайте 1 мин 45 с (+57 %). • Отказы 12 % при мобильном трафике 65 %. • Макет утверждён клиентом без правок с первой демонстрации.
Итог: Проект демонстрирует мой end-to-end-процесс: от тональности текста и колористики до pixel-perfect верстки и подтверждённых бизнес-метрик.
Кейс: корпоративный сайт Adventure Media Group (медиагентство выездных travel-мероприятий для сотрудников компаний + промо-активностей перед крупными событиями, B2B)
Задача: Собрать сайт-витрину, который за один визит: • демонстрирует экспертность команды в организации «под ключ» корпоративных поездок и промо-ивентов, • визуально передаёт дух «adventure» и эмоции путешествий, KPI: конверсия кнопки «email»,«call» ≥ 5 %, среднее время на сайте ≥ 70 с.
Моя зона ответственности: — Контент-стратегия и копирайтинг. Простроила сквозной сюжет «Эмоция → Экспертность → Портфолио → Шаг к действию». — Визуальная концепция и колористика. — UI-дизайн (Figma). — Верстка на Tilda Zero Block. Адаптивы 1920 → 320 px.
Ключевые продуктовые решения: 1. Дуальный контраст navy / snow удерживает фокус на медиа-контенте и подчёркивает премиальность сервиса. 2. Кейс-карточки позволяют просмотреть 8–10 проектов за минуту — вместо многостраничного PDF.
Итог: Проект показывает мой полный цикл: от сторителлинга и колористики до интерактивной карты, подтверждающих эффективность сайта Adventure Media Group.
Кейс: имиджевый сайт-визитка Nataliya Resh (устойчивый fashion-бренд из Нью-Йорка)
Задача: • Передать ценности sustainable luxury («экологичность ≠ компромисс стилю»). • Объединить storytelling, lookbook, traceability-tool и интернет-магазин в одном потоке (интернет-магазин пока в планах). • Стимулировать конверсию в покупку и e-mail-подписку без агрессивных pop-up’ов.
Моя зона ответственности: 1. Research – аудит конкурентов (Reformation, Stella McCartney, Mara Hoffman), – customer-journey для двух сегментов: conscious-millennials (D2C) и байеры concept-сторов (B2B). 2. Brand-UI / Колористика 3. UX & Дизайн (Figma) 4. Разработка на Тильде 5. SEO / Accessibility – семантика «sustainable fashion NYC», «eco-friendly clothing made in USA»,
Ключевое решение: «Pre-Order» как опция уменьшает dead-stock на 37 %.
Итог: Проект демонстрирует полный цикл: от маркет-исследования и ценностного storytelling до измеримых бизнес-метрик, которые усилили позиционирование Nataliya Resh как премиального sustainable-бренда и повысили продажи без роста рекламных затрат.
Кейс: лендинг-кампания федерального конкурса «Знай наших»
О проекте: «Знай наших» — ежегодная премия для растущих российских брендов. Задача сайта — быстро и понятно провести предпринимателя к подаче заявки, сохраняя строгий государственный визуальный код.
Цели лендинга: 1. Точная работа в рамках утверждённого брендбука конкурса и методических рекомендаций партнёров-госкорпораций. 2. Визуально «подсветить» преимущества участия (PR, менторство, гранты). 3. Обеспечить интуитивный, максимально короткий путь к анкете.
Моя зона ответственности: • Детальное изучение брендбука и всех доп. гайдлайнов государственных партнёров. • UI/UX-дизайн «под ключ»: макеты, states, адаптивы. • Подбор и обработка графики, иконографика, анимационные паттерны — всё в рамках допустимой палитры и типографики. • Совместная работа с фронтенд-командой. • Финальный дизайн-аудит перед запуском.
Ключевые визуально-функциональные решения:
1. Цвет и типографика (брендбук) 2. Структура «один экран — одна мысль» 3. Доступность и удобство
Коммуникация с партнёрами – Все макеты проходили двухэтапное визуальное согласование: сначала бренд-офис конкурса, затем представители госкорпораций. – В спорных случаях (например, использование анимации градиентом) — оформляла обоснование, ссылалась на пункт брендбука, предлагала статическую альтернативу.
Итог: За счёт жёсткого соблюдения бренд-стандартов, продуманной UI-системы и понятной навигации лендинг стал не только «витриной» проекта, но и эффективным инструментом привлечения предпринимателей: высокий коэффициент завершённых заявок достигнут без нарушения строгих государственных требований к визуалу.
Кейс: лендинг-кампания ежегодного форума «Сильные идеи для нового времени»
О проекте: Форум «Сильные идеи для нового времени» — совместная инициатива АСИ и Фонда «Росконгресс». Площадка собирает идеи граждан и лидеров бизнеса, лучшие решения презентуются Президенту РФ. Задача сайта — быстро и понятно провести человека от знакомства с миссией форума к регистрации и загрузке собственной идеи, сохраняя строгий государственный визуальный код.
Цели лендинга: 1. Работа строго по брендбуку форума, а также требованиям АСИ и Фонда «Росконгресс». 2. Визуально подсветить ценность участия: экспертное менторство, шанс внедрения идеи. 3. Обеспечить интуитивный, минимальный путь к форме подачи идеи/регистрации на очный форум.
Моя зона ответственности: • Детальный анализ брендбука и всех доп. гайдлайнов партнёров. • UI/UX-дизайн «под ключ»: макеты, стейты, адаптивы. • Подбор и обработка медиаконтента, иконография и микрo-анимация — исключительно в разрешённой палитре и типографике. • Сопровождение фронтенд-команды. • Финальный дизайн-аудит перед запуском.
Ключевые визуально-функциональные решения: 1. Цвет и типографика (брендук) 2. Структура «один экран — одна мысль» 3. Доступность и удобство
Коммуникация с партнёрами: • Двухступенчатое согласование • В спорных моментах (анимация градиентом, использование AR-маркеров категорий) оформляла пояснительные записки с ссылкой на пункты брендбука и предлагала статичные альтернативы.
Итог: Жёсткое соблюдение бренд-стандартов, лаконичная структура «экран — действие» и продуманный UX сократили среднее время подачи идеи. Лендинг стал эффективным инструментом вовлечения: высокий процент завершённых заявок достигнут без нарушения государственных требований к визуалу и доступности.
Кейс: лендинг-кампания премии «Страну меняют люди»
О проекте: «Страну меняют люди» — флагманская премия Агентства стратегических инициатив (АСИ), которая отмечает граждан, чьи решения улучшают качество жизни в регионах РФ.
Моя зона ответственности: • Изучение брендбука и всех доп. гайдлайнов АСИ / партнёров-госкорпораций. • Полный цикл UI/UX: карта путей пользователя → прототипы → финальные макеты (desktop, tablet, mobile). • Построение дизайн-системы: компоненты, стейты, анимационные паттерны. • Подбор медиабанка, иконография, обработка фото в допустимой палитре и типографике. • Финальный брендинг-аудит перед релизом.
Ключевые визуально-функциональные решения: 1. Цвет и типографика (брендбук) 2. Структура «один экран — одна мысль»
Коммуникация с партнёрами: • Все макеты проходили двойное согласование. • На нетиповые решения готовились технико-визуальные обоснования со ссылкой на пункты брендбука; предлагались статичные альтернативы.
Итог: Жёсткое соблюдение визуальных стандартов, формула «экран → действие» и продуманный UX превратили лендинг премии «Страну меняют люди» в эффективный инструмент народного выдвижения, при этом государственные требования к визуалу и доступности выполнены на 100 %.
Кейс: сайт-лендинг медицинского центра «Мир». Локация: г. Энгельс, Саратовская область
О проекте: «Мир» — профильный центр ортопедии, травматологии и реабилитации. Ранее 80 % онлайн-записей приходились на сторонний агрегатор «ПроДокторов», что: • повышало стоимость лидов на 25–30 % (комиссия + рекламные пакеты); • лишало клинику полноценной воронки и CRM-данных; • зависело от рейтинга, который трудно контролировать.
Задача нового сайта — перевести поток пациентов на собственную площадку, при этом сохранить доверие аудитории и выполнить регуляторные нормы мед-рекламы.
Цели лендинга: 1. Доля прямых записей через сайт — ≥ 60 % всех онлайн-обращений спустя 3 мес. 2. Конверсия посетитель → запись — ≥ 7 % при CPC ≤ 300 ₽. 3. Закрепить образ «единого реаб-хаба» Поволжья: оборудование, команда, лицензии. 4. Полное соответствие требованиям Роскомнадзора (0+, лицензия, дисклеймер).
Моя зона ответственности: • Анализ ЦА Энгельс/Саратов: 35–65 лет, женская доля 68 %, запросы «болит колено», «лфк после перелома», «детская плоскостопие». • UI/UX под ключ: CJM, wireframes, финальные макеты (desktop 1440 / tablet 1024 / mobile 390). • Дизайн-система (Figma Tokens). • Контент: тексты E-E-A-T, врачебные статьи (schema FAQ + HowTo). • Финальный legal-аудит (48 пунктов) — Росдзрав, Роском, реклама медуслуг.
Ключевые визуально-функциональные решения:
Цвет и типографика
Структура «экран → действие»
Hero (врач + форма «Записаться») → Направления (6 карточек) → «Почему Мир» (оборудование, лицензии) → «Команда» (карточки врачей — соц-доказательство) → «Истории пациентов»→ FAQ → CTA «Записаться на прием».
UX-ускорители
• Sticky-кнопка «Записаться» (≤ 13 % высоты на мобайле).
Доступность и скорость
Коммуникация с заказчиком: • Еженедельные сверки с главврачом: формулировки «снимаем боль», отказ от обещания «полностью излечим». • Пожелание руководства «добавить яркие градиенты» • Финальный акт приёмки подписан без замечаний.
Итог: Строгая регуляторная чистота, продуманный UX и целенаправленная «де-агрегация» позволили перевести поток пациентов с «ПроДокторов» на собственный лендинг. Клиника получила полный контроль над воронкой, снизила стоимость лида в четыре раза и сформировала устойчивый образ высокотехнологичного реабилитационного центра для жителей Энгельса и Саратовской области.
