Кейсы
Разработка сайта Q2 Marketing
Помогли молодой и амбициозной компании с разработкой современного сайта
2023
Адрес:
q2.teamна сайт
Q2 Marketing агентство, которое специализируется на создании и ведении крупнобюджетных online рекламных кампаний.
Задача, поставленная
заказчиком:
Разработать сайт для продажи услуг рекламного агентства
Резюме проекта
Начало работ:
июнь 2023
Окончание работ:
июль 2023
Какими инструментами пользовались
Figma
Bitrix
Dadata
Vue.js
Power Point
Nuxt.js
Node.js
Сайты
Разработали стиль оформления и макет
В дизайне сайта использовали много неона и свечения. Это необычный – с точки зрения привычных нам подходов – проект, как правило мы делаем более спокойный дизайн. Идея в основе дизайна сайта: компания предоставляет самые современные и технологичные услуги в области рекламы.
Технологичность – не пустое слово. При создании материалов для блога, компания Q2 активно пользовалась нейросетями.
Обратите внимание: текстовый контент созданный нейросетью, без ручного рерайта понижается поисковиками.
Сделали quiz
Непосредственно в теле страницы реализовали короткий – всего в 4 шага – quiz. В конце – яркая страница «Спасибо» – после реализации задумались о своей.
Сверстали и сделали frontend
Для создания эффекта свечения нам пришлось сделать ряд довольно сложных для верстки решений, которые вылезли проблемами при тестировании и отладке адаптива. Сердечно благодарили команду дизайнеров за инновационные решения.
Использовали vue.js и nuxt.js 2-й версии
Разработали логотип
Клиентам, с которыми у нас складываются комфортные отношения, мы предлагаем быструю разработку логотипа с минимальным бюджетом. Так было и в этом проекте: мы разработали 3 варианта логотипа, и 12-15 цветовых решений. Остановились на одном из них.
Сделали презентацию
Дизайн, который мы сделали для сайта перенесли в презентацию. В Figma сделали и согласовали макет, после чего разделили на фоны для слайдов и контент. Затем подключили фон к PowerPoint и перенесли в него тексты и изображения.
Анимация
Технические особенности
Несмотря на небольшой размер, на сайте есть ряд неочевидных, интересных и необычных решений. Возможно спорных.
Мультиязычность работает в автоматическом режиме: сервис dadatа по ip-адресу определяет местоположние пользователей. Посетители из России видят сайт на русском языке, а зарубежные – на английском.
Для блока с квизом сделали интересный motion-дизайн: разработали, отрисовали и анимировали сценарии поиска пластиковых окон. Вот так получилось:
Подключили блог к BitrixCMS
Bitrix в связке с nuxt создает статичные страницы сайта, при этом в коде страницы нет обычных для Bitrix типовых блоков кода. Скорость загрузки страницы высокая, а управление – через удобную панель администрирования BitrixCMS.
На главной странице расположен динамически обновляемый блок с последними материалами блога.
Сам блог реализован с помощью сниппетов: мы разработали набор элементов для статей, и подключили их к ПУ Bitrix. Администратор в визуальном редакторе собирает для себя страницы из сниппетов в произвольной последовательности.
Немного цифр
Считаем мы всегда, но не все цифры можем показывать. Но некоторые немножко можем!
0.8 сек.
Скорость загрузки страницы сайта
7 блоков
Посадочная страница
80+ часов
Общее время работы над проектов всех специалистов
Над проектом
работали
Заказать проект
У вас есть похожая задача? Напишите нам и мы поделимся опытом и поможем с реализацией!
Написать
