Кейсы
dhprime
17.04.2024
ADPASS рекомендует материал к прочтению
Creonit
Разработка стильного имиджевого сайта для российского производителя ПО
В кейсе рассказываем про необычный процесс работы с заказчиком, на что опирались при разработке дизайна и как конструктор текстовых блоков позволил разделить процесс разработки дизайна и контента для страниц, ускорив запуск сайта.
Привет! На связи Creonit — digital production. Мы разрабатываем цифровые сервисы.
О клиенте
Компания Selcraft — российский производитель ПО. Специализируется на разработке, управлении и внедрении комплексных проектов в области инфокоммуникационных технологий для мобильных, фиксированных операторов связи и крупных корпоративных клиентов.
Проблема
Компания Selcraft обновили бренд-айдентику, разработали брендбук. Но сайт остался в старом сеттинге и нуждался в полной переработке: он не отражал современный имидж компании и её серьёзный опыт. Клиенты Selcraft — крупные и известные компании, например, операторы мобильной связи, такие, как: МТС, Билайн, Мегафон, Ucell и другие.
Задача
Разработать имиджевый сайт для бизнеса. Опираясь на брендбук, создать узнаваемый сайт компании. Отразить в дизайне современность и масштаб компании Selcraft.
Решение
Заказчик предоставил нам брендбук компании, где ключевыми элементами были логотип и цветовые сочетания. Реализовать дизайн сайта компании нужно было, учитывая их.
Дизайн-концепция и прототипы
Сначала мы синхронизировались с заказчиком, подобрали референсы, которые ему нравились, составили мудборд.
Работу с Selcraft начали с разработки дизайн-концепции. Обычно мы работаем по другой системе: у нас есть стандартные зафиксированные этапы работ (аналитика, проектирование, дизайн, разработка, тестирование), но для работы с этим клиентом мы поменяли этапность работ и начали с дизайн-концепции, так как заказчику было важно увидеть, что мы друг друга хорошо понимаем в плане будущего дизайна.
Концепция по дизайну, в итоге, понравилась заказчику. После этого мы сделали шаг назад, провели этап проектирования, затем перешли к прототипам и написанию ТЗ. После этих этапов мы немного доработали изначальную концепцию: синхронизировались с заказчиком по расположению объектов и текстов.
Прототипы
Со временем мы дорабатывали прототипы, предлагая лучшие варианты для заказчика, предпочтения которого тоже менялись в процессе работы над сайтом. Например, мы предложили способы, как можно оптимально переработать блок с проектами, а также переделали все call-to-action на сайте.
Конструктор текстовых блоков
Разработка дизайна и контента для сайта шли параллельно. Для обеспечения независимости дизайна от контента, мы разработали конструктор текстовых блоков, в котором проработали различные варианты расположения текста и его видов.
Благодаря этому мы смогли подготовиться к тому, что тексты могут быть любыми. Предложили и согласовали объёмный макет текстовых блоков для будущего контента. Включили туда все решения, которые могли предвидеть на этапе разработки макетов.
В конструкторе текстовых блоков содержалось максимум текста и графическое решение. Мы постарались поэкспериментировать с подачей информации: например, пересмотрели стандартный вид буллет-листа и подачу информации.
На этапе создания макетов мы предусмотрели всё, что сейчас есть в готовом сайте. Благодаря созданию конструктора текстовых блоков, мы смогли очень быстро запустить проект, как только был контент был готов и согласован.
Главная страница
Когда контент был готов, мы вместе с заказчиком схематично обозначили, какие элементы должны быть на каждой странице сайта. После этого мы приступили к реализации дизайна сайта и обернули в разработанные дизайн-макеты текстовую информацию.
Основной акцент был на дизайне и анимации, которые мы наложили на некоторые объекты — на крупные кнопки, на кнопки обратной связи, на перечень клиентов. Также мы развили концепцию, начало которой было положено в брендбуке — превратили монохромный бирюзовый градиент в северное сияние, которое теперь располагается на подложке сайта. В его создании мы отталкивались от одного из способов взаимодействия субъектов инфокоммуникаций — магнетизма.
Также на всех страницах сайта мы реализовали параллакс-скрол. Фоновые изображения перемещаются относительно виртуальной камеры медленнее, чем изображения переднего плана, что создает иллюзию глубины двумерной сцены.
Мобильная версия
На этапе концепции мы всегда делаем интерактивные макеты в Figma с qr-ссылкой. Мы отправляем заказчику эту специальную ссылку на Figma, благодаря чему он может открыть макет на своем мобильном устройстве, а не рассматривать макеты на экране ПК.
Итого
Мы разработали стильный, красивый и современный сайт, отражающий имидж компании Selcraft. Будем продолжать работать с сайтом и планируем реализовать новые модули на нём.
Отзыв клиента
Если вам нужен стильный и продающий сайт, оставляйте заявку на нашем сайте.
Если вы хотите читать больше полезных кейсов, то подписывайтесь на наш телеграм-канал, в котором мы делимся тем, что сами считаем важным и полезным: о том, что и как работает в IT, о кейсах и интересных решениях, которые мы применяем на проектах, о полезных лайфхаках для менеджеров и не только.
Лучшее в блогах
Вам понравится
ZAMEDIA
08.04.2024
Фирменный стиль центра раннего развития BabyRoo — Кейс брендингового агентства ZAMEDIA
![]()
«BabyRoo» — принципиально новый центр раннего развития в Москве. Занятия проводятся для детей от 2 до 7 лет. Центр включает в себя несколько стильных и современных пространств, каждое из которых предназначено только для одного направления деятельности.
dhprime
01.04.2024
Оформление отчетов в ОРД Яндекс для рекламного агентства при маркировке рекламы
![]()
Подробная инструкция как маркировать рекламу для посредника (рекламное агентство, фрилансер) по доходному договору с использованием платформы Яндекс ОРД (ORD Yandex), получить токены (erid), оформить отчеты в ОРД, выполнить разаллокации по изначальному договору и креативам (площадкам).
OneSpot
29.03.2024
Как экономить время и деньги на интернет-рекламе
![]()
Маркетологи могут не тратить свой ресурс на сбор закрывающих документов и маркировку рекламы; в пару кликов перераспределять бюджет на наиболее эффективные площадки и кампании; получать кешбэк от потраченной суммы на продвижение; оперативно решать затруднения, возникающие при запуске контекстной и таргетированной рекламы. Это возможно благодаря сервисам, упрощающих работу специалистов. В этой статье расскажем подробнее об их опциях.
Неделя рекламы 
Новости 
How to 
Интервью и дискуссии 
Маркетинговые исследования 
Просто о сложном 
Проверено ADPASS 
Рекламные кампании 
