Создание креативного современного сайта для маркетинговой компании. Производство креативных видео роликов для сайтов, социальных сетей помогает компаниям вести успешный бизнес и донести ценность своих предложений для потенциальных покупателей.
UI - UX ДИЗАЙН & РАЗРАБОТКА, ПОДДЕРЖКА, ПРОДВИЖЕНИЕ / ЯНВАРЬ 2020
Создание креативного сайта для компании
О проекте
Дизайн, создание и наполнение сайта маркетинговой компании. Разработка, прототипирование страниц, анимация, подготовка графических материалов и текстовой информации. Поддержка, поисковое продвижение, SMM.
Клиент
SNOVA PRO
Работы
- UI – UX Дизайн
- Web Разработка
- Продвижение SEO
- Поддержка, обновление
ПОДРОБНЕЕ О ПРОЕКТЕ
Процесс создания сайта для агентства
“Главная задача этого проекта – сделать ресурс, который будет отличаться. Нестандартный подход к разработке, применение последних трендов дизайна, легкость восприятия отличают этот проект.
Большое внимание уделили удобству, простоте, понятности. Очень креативный проект.
Необычный подход к типографике, тщательно выверенные размеры шрифтов, видео, анимация на страницах и безшовные переходы – вот краткий список захватывающих “фишек” сайта.
ИСПОЛЬЗОВАННЫЕ РЕСУРСЫ
ПОСМОТРИТЕ, КАК ЗДОРОВО!
Видео о проекте
КАК МЫ СДЕЛАЛИ ЭТОТ САЙТ
Цели и задачи проекта
СИТУАЦИЯ НА СТАРТЕ
Каким должен быть сайт маркетинговой компании? Уж точно, не похожим на сотни грустных в плане дизайна сайтов. Мы думали над этим, потому что маркетинг должен цеплять, привлекать внимание, запоминаться.
В широкую моду активно начали входить “темные” темы. Мы решили этим воспользоваться и сделать дизайн ресурса в темных тонах.
Просто отрисовать что-то темное – так себе решение дизайнерской задачи. Надо больше креатива, потому что руки не были связаны четкими инструкциями.
Нужна плавная анимация, интересные решения, хорошая современная типографика. Сайт должен цеплять внимание, быть быстрым и на десктопных компьютерах и на смартфонах.
Использование видео – основная услуга компании, которое занимает много места и может долго грузиться при медленном интернете только подогревало интерес.
Как представить удобно для посетителей услуги компании? Как оформить другие страницы? Как сделать главную? Как сделать интересно, необычно, не перегружать информацией, ведь основной упор должен быть на визуалную составляющую (конечно, не забывая при этом о UX – user experience)?
Размышления над этими вопросами привели нас к интересным решениям, о которых хочется рассказать и показать. Сайт уже работает в нормальном режиме, поэтому переходите, смотрите как это работает “в живую”.
ЗАДАЧИ ДЛЯ WBSTAR
Исследованиям конечно уделили время. Благо, есть наработки в этой области, которыми и воспользовались. Нарисовали карту пользовательского пути CJM – куда без нее)).
Подбор цветовых решений, типографики, проектирование микровзаимодействий, интеграция видео – все эти аспекты необходимо было проработать очень тщательно.
При верстке страниц сайта, мы использовали современные тренды дизайна и сделали их очень “легкими”, стараясь не терять смысловой нагрузки.
Сделать подачу информаци на главных и второстепенных страницах интересной, плавной и привлекающей внимание своей необычностью.
ПОДРОБНЕЕ О РАБОТЕ НАД ПРОЕКТОМ
Решения и ключевые моменты
ПОДАЧА ИНФОРМАЦИИ
Скорость. Современный сайт должен быть быстрым и понятным. Он должен быть одинаково удобен для просмотра с компьютеров и смартфонов. Мобильная версия – на первом месте по важности.
Визуализация – интересная, с большим количеством видеоматериала. Подготовили всю графику, зажали максимально видео для того, чтобы снизить вес файлов.
Подготовили тексты об услугах компании и распределили их по страницам. Старались уменьшить количество (не касаемо блога – им там самое место).
ОСОБЕННОСТИ РЕАЛИЗАЦИИ ПРОЕКТА
Реализована возможность показа как картинок, так и части рекламных роликов на главной странице.
Реализован “бешовный” переход со страницы на страницу – пользователь как бы перетекает с одной страницы на другую.
Полноэкранное меню с четкой, контрастной и крупной современной типографикой.
Изменен стандартный курсор сайта программными средствами.
ДРУГИЕ “ФИШКИ”
Нестандартный курсор и безшовность навигации это конечно не все. Плавная анимация блоков, подсветка и вывод featured image на страницах блога, svg графика, использование различных форматов видео, представление работ на главной странице и переходы от проекта к проекту при скролле – вот неполный список интересных возможностей этого сайта.
С этим проектом мы вышли на новые уровни и открыли новые возможности разработки, которые будем использовать в дельнейшем.
СЛОЖНОСТИ И УСЛОВИЯ РЕАЛИЗАЦИИ
Куда же без них, без сложностей. Основные – это большой вес видео файлов. Ролики размещаются на сервере в сильно зажатом качестве.
Поэтому пока выбираем площадку. Это даст возможность размещать видео в высоком качестве. Никто не отменял YT, но это решение не показалось нам оптимальным на данный момент, хотя высококачественные копии работ конечно заливаются туда…
Пожалуй, это все. Все другое нам под силу было реализовать, наслаждаться процессом и конечным результатом.
ЦИФРЫ
Отлично поработали
0
+
Часов разработки
0
+
Прототипов страниц создано
0
+
Строк кода анимации
0
+
Фото и видео подготовлено
РАЗВИТИЕ ПРОЕКТА
Итоги и планы на будущее
РЕЗУЛЬТАТЫ РАБОТЫ
Сделали необычный интересный новый проект. Предоставили компании рабочий инструмент, который уже приносит результаты.
Связали сайт, социальные сети в единое маркетинговое пространство, настроили аналитику.
Обеспечили прекрасную гладкую и быструю работу ресурса на любых устройствах. Не требуется создание приложения – настолько все удобно, минималистично и понятно в браузере.
РАЗВИТИЕ ПРОЕКТА
Конечно, решить вопрос с видео хостингом. Это позволит размещать боьше работ и видео в высоком качестве. Проект доступен для пользователей с начала 2020 года.
На сайт надо добавлять новые работы (их очень много и не все попадают в портфолио, иногда по соглашениям NDA). Также в портфолио не попадают небольшие работы с моушн графикой для социальных сетей клиентов. Анимированных постов делается много и нет смысла рассказывать о каждом, хотя можно будет потом собрать некий дайджест их них.
Поможем с написанием новых материалов для блога. У компании есть чем поделиться, но создание видео – трудоемкий процесс, который занимает все свободные ресурсы компании. Ребята также помогают и нам с видео, motion дизайном для наших проектов, оформляют и некоторые наши проекты.
Мы со своей стороны прилагаем все усилия, чтобы каждый наш проект был максимально проработанным и интересным не только для заказчика, но и для посетителей сайта. Ведь это – основная цель создания интернет ресурсов.
Полезность, интересность и современность очень хорошо оценивается и поисковыми машинами, позволяя бизнесу расти даже в наше интересное время.
Конечно, будем обслуживать и сопровождать ресурс, поможем компании в продвижении и реализации маркетинговой стратегии.
