UI - UX ДИЗАЙН & РАЗРАБОТКА, ПОДДЕРЖКА, ПРОДВИЖЕНИЕ / ЯНВАРЬ 2020

Создание креативного сайта для компании

О проекте

Дизайн, создание и наполнение сайта маркетинговой компании. Разработка, прототипирование страниц, анимация, подготовка графических материалов и текстовой информации. Поддержка, поисковое продвижение, SMM.

Клиент

SNOVA PRO

Работы
  • UI - UX Дизайн
  • Web Разработка
  • Продвижение SEO
  • Поддержка, обновление
СКРИНШОТЫ / ДИЗАЙН СТРАНИЦ

Страницы сайта компании

ПОДРОБНЕЕ О ПРОЕКТЕ

Процесс создания сайта для агентства

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

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

Большое внимание уделили удобству, простоте, понятности. Очень креативный проект.

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

ИСПОЛЬЗОВАННЫЕ РЕСУРСЫ

ИССЛЕДОВАНИЯ 45%
АНАЛИЗ РЫНКА И ЦА 35%
ПРОТОТИПИРОВАНИЕ 45%
ДИЗАЙН 88%
ПРОГРАММИРОВАНИЕ 79%
ПОДДЕРЖКА 90%
ПРОДВИЖЕНИЕ 55%
МАРКЕТИНГ 25%
ПОСМОТРИТЕ, КАК ЗДОРОВО!

Видео о проекте

КАК МЫ СДЕЛАЛИ ЭТОТ САЙТ

Цели и задачи проекта

минималистичный темный дизайн креативного сайта
дизайн иконок для сайта компании из Волгограда

СИТУАЦИЯ НА СТАРТЕ

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

В широкую моду активно начали входить "темные" темы. Мы решили этим воспользоваться и сделать дизайн ресурса в темных тонах.

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

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

Использование видео - основная услуга компании, которое занимает много места и может долго грузиться при медленном интернете только подогревало интерес.

Как представить удобно для посетителей услуги компании? Как оформить другие страницы? Как сделать главную? Как сделать интересно, необычно, не перегружать информацией, ведь основной упор должен быть на визуалную составляющую (конечно, не забывая при этом о UX - user experience)?

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

ЗАДАЧИ ДЛЯ WBSTAR

Исследованиям конечно уделили время. Благо, есть наработки в этой области, которыми и воспользовались. Нарисовали карту пользовательского пути CJM  - куда без нее)).

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

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

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

создание анимации элементов дизайна на страницах сайта
ПОДРОБНЕЕ О РАБОТЕ НАД ПРОЕКТОМ

Решения и ключевые моменты

создание захватыывающего визуала на сайте

ПОДАЧА ИНФОРМАЦИИ

Скорость. Современный сайт должен быть быстрым и понятным. Он должен быть одинаково удобен для просмотра с компьютеров и смартфонов. Мобильная версия - на первом месте по важности.

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

Подготовили тексты об услугах компании и распределили их по страницам. Старались уменьшить количество (не касаемо блога - им там самое место).

ОСОБЕННОСТИ РЕАЛИЗАЦИИ ПРОЕКТА

Реализована возможность показа как картинок, так и части рекламных роликов на главной странице.

Реализован "бешовный" переход со страницы на страницу - пользователь как бы перетекает с одной страницы на другую.

Полноэкранное меню с четкой, контрастной и крупной современной типографикой.

Изменен стандартный курсор сайта программными средствами.

размещение видеоматериалов о выполненных проектах на страницах сайта компании
создание полноэкранного меню для креативного сайта компании в Волгограде

ДРУГИЕ "ФИШКИ"

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

С этим проектом мы вышли на новые уровни и открыли новые возможности разработки, которые будем использовать в дельнейшем.

СЛОЖНОСТИ И УСЛОВИЯ РЕАЛИЗАЦИИ

Куда же без них, без сложностей. Основные - это большой вес видео файлов. Ролики размещаются на сервере в сильно зажатом качестве.

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

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

использование крупных шрифтов на креативном минималистичном сайте компании при создании дизайна страниц
ЦИФРЫ

Отлично поработали

0 + Часов разработки
0 + Прототипов страниц создано
0 + Строк кода анимации
0 + Фото и видео подготовлено
РАЗВИТИЕ ПРОЕКТА

Итоги и планы на будущее

написание и публикация новостей для сайтов в Волгограде

РЕЗУЛЬТАТЫ РАБОТЫ

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

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

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

РАЗВИТИЕ ПРОЕКТА

Конечно, решить вопрос с видео хостингом. Это позволит размещать боьше работ и видео в высоком качестве. Проект доступен для пользователей с начала 2020 года.

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

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

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

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

Конечно, будем обслуживать и сопровождать ресурс, поможем компании в продвижении и реализации маркетинговой стратегии.

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

Спасибо за просмотр!