Tilda
Лендинг
Визитка
Сократила время на знакомство пользователя с услугами IT-компании через понятную структуру лендинга
Tilda
Лендинг
Визитка
Сократила время на знакомство пользователя с услугами IT-компании через понятную структуру лендинга
- 9 направленийСобраны в одном понятном лендинге
- 1 сценарийОт знакомства с компанией до обращения
О проекте
Customit.ru — это команда специалистов, которые оказывают услуги аутсорсинга от поддержки 1С и IT-консалтинга до разработки программного обеспечения и систем автоматизации.
Компании требовался компактный сайт-визитка, который помогал бы потенциальному клиенту быстро понять, чем занимается команда и какие задачи она может решить.
О проекте
Customit.ru — это команда специалистов, которые оказывают услуги аутсорсинга от поддержки 1С и IT-консалтинга до разработки программного обеспечения и систем автоматизации.
Компании требовался компактный сайт-визитка, который помогал бы потенциальному клиенту быстро понять, чем занимается команда и какие задачи она может решить.
Задача
Создать современный и понятный лендинг, который одновременно:
- знакомит пользователя с компанией;
- объясняет, чем она занимается;
- структурирует широкий спектр услуг и объединяет разные направления в понятную систему;
- формирует ощущение профессионального и надежного IT-партнера;
- подводит пользователя к обращению в компанию.
Главным вызовом стало без ТЗ представить разные направления деятельности в рамках одной
страницы так, чтобы большое количество информации не воспринималось как перегруженный
каталог услуг.
Задача
Создать современный и понятный лендинг, который одновременно:
- знакомит пользователя с компанией;
- объясняет, чем она занимается;
- структурирует широкий спектр услуг и объединяет разные направления в понятную систему;
- формирует ощущение профессионального и надежного IT-партнера;
- подводит пользователя к обращению в компанию.
Главным вызовом стало без ТЗ представить разные направления деятельности в рамках одной
страницы так, чтобы большое количество информации не воспринималось как перегруженный
каталог услуг.
Структура и сценарий
Структуру и визуальную подачу я выстраивала по принципу постепенного знакомства с компанией. Такой сценарий позволяет сначала сформировать общее понимание компании, а затем дать пользователю возможность подробнее изучить интересующее направление.
Структура и сценарий
Структуру и визуальную подачу я выстраивала по принципу постепенного знакомства с компанией. Такой сценарий позволяет сначала сформировать общее понимание компании, а затем дать пользователю возможность подробнее изучить интересующее направление.
Первый экран
Короткое позиционирование и ключевой CTA.
Первый экран
Короткое позиционирование и ключевой CTA.
Направления
Одна из основных задач — организовать несколько разноплановых услуг в понятную систему.
Вместо длинного перечня я разделила направления на отдельные смысловые блоки и выстроила
для них единую визуальную логику.
Направления
Одна из основных задач — организовать несколько разноплановых услуг в понятную систему.
Вместо длинного перечня я разделила направления на отдельные смысловые блоки и выстроила
для них единую визуальную логику.
Экспертиза
Дополнительная информация о компании и ее подходе.
Визуальный язык построен на сочетании крупной типографики и свободного пространства. Это помогает расставлять
акценты и разделять смысловые блоки.
Экспертиза
Дополнительная информация о компании и ее подходе.
Визуальный язык построен на сочетании крупной типографики и свободного пространства. Это помогает расставлять
акценты и разделять смысловые блоки.
Преимущества
Почему клиенту стоит обратиться в компанию.
Анимация добавляет характер сайту и помогает акцентировать внимание на нужных элементах.
Преимущества
Почему клиенту стоит обратиться в компанию.
Анимация добавляет характер сайту и помогает акцентировать внимание на нужных элементах.
Контакты
Финальный призыв к действию.
Контакты
Финальный призыв к действию.
Адаптив
Отдельно проработана адаптивная версия — структура, сетка, типографика и композиция блоков
перестраиваются под мобильный формат без потери основной логики страницы.
Адаптив
Отдельно проработана адаптивная версия — структура, сетка, типографика и композиция блоков
перестраиваются под мобильный формат без потери основной логики страницы.
Результат
Главным результатом работы стала не просто презентация услуг, а целостный образ компании:
- крупные заголовки
помогают быстро считывать содержание;
- повторяющиеся паттерны связывают разные разделы;
- акцентные элементы направляют внимание пользователя к ключевой информации и целевым действиям.
Пользователь может быстро понять, чем занимается Customit, найти подходящее направление и
перейти к взаимодействию с компанией. Теперь на очереди проработка внутренних страниц с подробным описанием услуг.
Результат
Главным результатом работы стала не просто презентация услуг, а целостный образ компании:
- крупные заголовки
помогают быстро считывать содержание;
- повторяющиеся паттерны связывают разные разделы;
- акцентные элементы направляют внимание пользователя к ключевой информации и целевым действиям.
Пользователь может быстро понять, чем занимается Customit, найти подходящее направление и
перейти к взаимодействию с компанией. Теперь на очереди проработка внутренних страниц с подробным описанием услуг.
Дотошность, ответственность и нестандартный взгляд на вещи отличает Ксению от многих дизайнеров. В следующий раз обратимся снова.
Следующие кейсы
-40% времени на поиск документа, 7 → 4 действия до выгрузки документов
Разрабатываю айдентику, баннеры, продуктовые и лендинговые иллюстрации