Перезапуск сайта диджитал-продакшена Далее

Далее — один из крупнейших диджитал-продакшенов в РФ. С 2005 года занимается разработкой сложных и высоконагруженных решений. В штате состоит более 450 сотрудников.

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

Для реализации задачи нам предстояло:

— сделать логотип более актуальным и современным;

— переработать дизайн-концепцию в соответствии с новым позиционированием;

— упростить UX, чтобы потенциальные клиенты быстро находили нужную информацию.

Словом «далее» раньше заканчивались длинные гиперссылки, поэтому на логотипе была стрелка — как переход дальше. Сейчас такое визуальное решение устарело, и это значение потерялось. Мы переосмыслили лого, отвязав его от определенной концепции, чтобы он дольше сохранял актуальность, и не пришлось бы тратить ресурсы на его переработку каждые 3-5 лет.

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

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

В разделе «Проекты» мы создали удобную фильтрацию для поиска релевантных кейсов.

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

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

Для страницы «Работа в Далее» и страниц проектов в «Портфолио» мы создали конструктор, используя админ-панель Filament. Конструктор помогает делать отдельные блоки страниц, а контент динамично обновляется в рамках шаблона.

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

Для связи между фронтом и бэком мы использовали scaffold InertiaJS. Так нам не нужно было отдельно реализовывать интерфейс и составлять документацию — InertiaJS взял на себя обязанности по доставке данных в JS код. Это ускорило процесс разработки и решило вопрос индексации поисковых систем, генерируя страницы на стороне сервера.

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

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