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

Главное о кейсе

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

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

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

Создали удобную административную панель на платформе Filament.

Как проект изменил жизнь пользователей

Мы реализовали кликабельные теги на главной странице, чтобы пользователь быстро нашел интересующую его услугу.

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

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

Бизнес-задача и ее решение

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

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

Крафт (мастерство), реализация, технические детали

Чтобы было проще добавлять данные на сайт, мы разработали шаблоны для страниц. Любая страница может быть связана с любым шаблоном — так можно быстро создать и отредактировать структуру сайта.

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

Для необычной анимации некоторых страниц мы использовали возможности библиотеки Locomotive Scroll и короткие видео.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

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

Прочая информация о кейсе

Сайт представляет собой CMS с расширенными возможностями редактирования страниц.

Текущая доступность работы

https://dalee.ru/

Скриншоты