UX/UI дизайнер на Тильде

Marina Romazanova UX/UI дизайнер на Тилде - веб-дизайн и разработка; работа в Tilda, Figma, Adobe СС, Axure; прототипирование, тестирование и продвижение лендинга, сайта, интернет-магазина.

Лендинг мастера стиральных машин. Сервис по ремонту стиральных машин в Екатеринбурге.

Лендинг Мастера стиральных машин

Tilda

Лендинг онлайн-курса Анатомическая йога

Лендинг Онлайн-курса Анатомическая йога

Tilda, контент заказчика

Марина Ромазанова

UX/UI designer на Tilda

UX/UI дизайнер на Тильда Marina Romazanova
Сбор и анализ данных об аудитории, UX/UI юзабилити
Создание персонажей, разработка сценариев взаимодействия
Первичная SEO-оптимизация, семантическое ядро сайта
Формирование бизнес- и пользовательских требований
Разработка карты сайта, диаграмм потоков задач
Создание структурных схем страниц (wireframe)
Прототипирование интерфейсов в Figma, Axure, Adobe XD
Разработка дизайн-макета сайта в Figma, Adobe XD, Photoshop
Создание руководства по стилю, описание элементов в HTML5/CSS3
Разработка полноценного работающего сайта в Tilda Publishing

Почему Тильда

Преимущества создания сайта на конструкторе Тильда

Уникальный дизайн

Создание уникального дизайна в Zero Block

Zero Block - это формат для профессиональных дизайнеров, позволяет редактировать любой элемент сайта как в обычном графическом редакторе

Анимация

Создание анимации интерфейса на Tilda

На Tilda можно создавать интересные анимированные эффекты при скроле, для кнопок, текстовых блоков, карточек, наведение мышью

SEO-оптимизация

SEO-оптимизация для поисковых систем

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

Маркетинг

Интернет-маркетинг Продвижение сайтов на Tilda

Tilda отлично приспособлена для подключения инструментов интернет-маркетинга: формы, онлайн-сервисы, аналитика, SEO, мультилендинги

Процесс работы

Процесс проектирования и разработки сайта на Тильда

1. Текстовый контент

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

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

Конечный результат - текстовый прототип сайта.

2. Визуальный стиль

Разработка визуального стиля, соответствующего задаче сайта и настроению бренда.

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

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

Конечный результат - доска настроения (мудборд).

3. Визуальный контент

Подбор/создание визального контента: фотографии, иллюстрации, иконки, видео, инфографика, элементы айдентики.

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

4. Типографика и композиция

Подборка шрифтов для заголовков и текста.

Формирование общей композиции сайта, работа с отступами.

Цветовая схема сайта. Подбор базовых блоков из набора Тильды.

Размещение элементов по модульной сетке в Zero-блоках.

5. Анимация интерфейса

Настройка базовой анимации плавного появления элементов на сайте.

Паралакс-эффект при движении мышью, ховер-эффекты, зацикливание элементов, фиксирование элемента при скроле, эффект бегущей строки, сбор большого объект из разных элементов и др.

6. Мобильная версия

Определяем на каких устройствах будет виден тот или иной блок. При необходимости настраиваем диапазон видимости (в пикселях).

Настраиваем внешний вид блоков для разных видов устройств.

Задаем отступы для десктопной и мобильной версий.

7. Верстка, дополнительные виджеты

Вставка, формирование, редактирование и настройка необходимых форм обратной связи, виджетов, карт, видео, интеграция со сторонними сайтами.

Редактирование стилей сайта с помощью вставки кастомного CSS кода (предварительное тестирование в консоли браузера).

При необходимости добавление HTML/CSS/JavaScript кода для создания дизайнерских эффектов и расширения функциональности.

8. Настройка функционала

Настройка различных форм, квизов (пошаговых форм), калькуляторов, тестов, опросов.

Подключение сервисов приема данных форм, систем управления клиентами (CRM), сервисы рассылок.

Настройка интернет-магазина: настройка корзины, подключение платежных систем.

Создание личного кабинета, обучающего онлайн-сервиса, блога.

9. SEO-оптимизация

Формирование необходимых элементов SEO, настройка перенаправлений, создание семантического ядра и наполнение текста ключевыми словами, настройка schema.org и т.д.

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

10. Аналитика посещений

Подключение счетчиков Yandex.Метрика и Google Analytics.

Анализ форм, карт ссылок, кликов и скроллинга, данных вебвизора.

При необходимости проведение А/В-тестирования в Google Analytics.

Навыки

Профессиональные навыки UX/UI дизайнера на Тильде

Дизайн на Тильде

Разработка лендинга, сайта, интернет-магазина в Tilda Publishing. Полный цикл работы: планирование и общая концепция, разработки структуры и дизайна, настройка функциональности.


Юзабилити (UX)

Маркетинговое исследование, анализ юзабилити сайта/проекта, внутренняя SEO оптимизация, разработка персонажей и сценариев взаимодействия, подбор контента, продающие тексты.


Дизайн интерфейсов (UI)

Дизайн интерфейсов, графика, разработка макетов, прототипирование сайта, приложения в программах Figma, Adobe Photoshop, Adobe Illustrator, Adobe XD, Affinity Designer, Axure


HTML5 / CSS3

Разработка руководства по стилю, описание элементов в HTML5 / CSS3, редактирование кода. Работа с Bootstrap. Разработка мета-тегов для социальных сетей: Facebook Open Graph, Twitter Card.


Интернет-маркетинг

Веб-аналитика в Google Analytics, Яндекс Метрике. Подключение сайта, отчеты. Разработка мультилендингов и гео-лендингов. SEO-оптимизация сайта для поисковых систем. Яндекс.Директ.


Менеджмент

Планирование и ведение проекта в программе Microsoft Project. Деловая переписка, в т.ч. на английском языке. Составление документов, отчетов, презентаций в приложениях Microsoft - Word, Exsel, Visio, PowerPoint


В чем мои преимущства?

Лучшие условия для создания качественного сайта на Тильде

Интервью/Бриф

Интервью/Бриф на выбор

Предварительный список вопросов. Вы заранее можете подумать, что ответить. Это существенно экономит ваше время и нервы

Комплексность

Работа без посредников

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

Ценообразование

Определенные услуги и цены

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

UX-дизайн/Процесс

Концептуальный подход

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

Дизайн (UI)

Исследование(UX), менеджмент

Web разработка

Марина Ромазанова - UX/UI дизайнер