Главное о кейсе
1. В 2 раза сократился time-to-market новых продуктов и страниц.
2. 30-50% — save cost в процессе разработки новых продуктов.
1. The time-to-market of new products and pages reduced by half.
2. 30-50% — save cost in the process of developing new products.
Бизнес-задача и ее решение
Цель
Сформировать положительный имидж бренда и увеличить конверсию в заявку.
Задачи
1. Сделать удобную навигацию с фокусом на мобильные.
2. Разработать современный, функциональный дизайн.
3. Настроить удобное управление контентом из административной панели.
4. Встроить константы из нового брендбука клиента и развить единый визуальный язык.
Решение
1. Главный принцип разработки дизайна — mobile first. Блоки упрощены, ненужная информация скрыта. Всё управление осуществляется пальцем одной руки.
2. Нестандартное решение — вертикальные карточки новостей. В отличие от горизонтальных они отлично адаптируются под мобильные.
3. Гибкое управление составом страниц реализовали с помощью сниппетов. Это готовые сверстанные кастомные блоки, в которых подобно шаблону можно заменять содержимое без погружения в код.
4. Многообразие сервисов компании отразили в меню с глубокой вложенностью — встроенный поиск и иконки упрощают навигацию.
5. Яркий минималистичный интерфейс и элементы с эффектом блюра создают уникальный визуальный образ.
Goal
Create a positive brand image and increase conversion to application.
Objectives
1. To make an easy navigation with focus on mobile phones.
2. To develop modern, functional design.
3. To configure convenient content management from the admin panel.
4. To build in the constants from the new customer's brandbook and develop a unified visual language.
Solution
1. The main principle of design — mobile first. Blocks are simplified, unnecessary information is hidden. All control is carried out with one finger.
2. The non-standard solution — vertical news cards. Unlike horizontal cards, vertical are perfectly adopted to mobile.
3. Flexible management of page composition was made with snippets. These are ready-made folded custom blocks where you can replace content without immersing in code.
4. The variety of services is showed in the menu with deep nesting — built-in search and icons simplify navigation.
5. The vivid minimal interface and elements with the blurred effect create a unique visual image.
Прочая информация о кейсе
Корпоративный сайт с витриной продуктов IT-компании, разработанный по принципу mobile first.
Corporate website with IT-company products showcase, developed on the principle of mobile first.
Скриншоты