Компетенции
  • UI/UX
  • Концептуальный дизайн
  • Frontend-разработка
  • Backend-разработка
  • SEO
raevskoe.com
Винодельня «Раевское»
О проекте
Современный информативный сайт винзавода «Раевское» с понятной навигацией и эстетически-привлекательным контентом.
ЗАДАЧА

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

РЕШЕНИЕ

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

Типографика

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

Цвет

Фирменные цвета выгодно выделяют Raevsky на фоне других брендов вин.

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

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

Страницы: Главная, Ассортимент, Где приобрести, История винного дома, Винный Туризм, Винный дом, Награды, Новости винодельни, Производство, Контакты.

Адаптивная версия
Мокап
Мокап
Мокап
Мокап
Формы Pop-up
Мокап продукта
Мокап продукта
UI KIT
Для удобства Fronted-разработчиков, а также для сохранения общей стилистики при возможном расширении сайта в будущем был подготовлен подробный UI KIT с элементами дизайна. 
Мокап Мокап Мокап Мокап
Сверстали и запрограммировали сайт

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

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

Чего мы добились

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

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