Сайт-сервис «Ситора»

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

Мы сформировали для компании видение «технологичного стартапа» и разработали полный фирменный стиль, включая минималистичный логотип и брендбук. Визуальным языком бренда стали сложные градиенты (сине-бирюзовый и фиолетовый), акцентная типографика и графичность. На этой основе мы создали сервисный сайт с понятным пользовательским путем: от оформления заявки на открытие карты до отслеживания ее статуса в личном кабинете. С технической стороны мы реализовали удобную и безопасную логику: вход по SMS-коду, интеграцию с CRM для синхронизации данных, подключение интернет-эквайринга и отдельную логику для каждого этапа работы с заявкой. В результате мы не просто запустили сайт, а представили бренд в образе «завораживающей звезды», создав для клиентов элитарное и понятное цифровое пространство.

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

Позиционируют себя конкуренты тоже примерно в одном ключе: быстрый, удобный сервис с рядом услуг.

Стабильность, понятность, подвижность — необходимые атрибуты отрасли. Главная точка роста — современность.

Исходя из проведенного анализа, мы пришли к общему видению компании как «технологичного стартапа».

Отличительные черты такого видения: 

– Эстетика визуального контента

– Элитарное настроение и понятное донесение основных идей

– Взвешенный, премиальный, утонченный, понятный

– Сложные градиенты

– Графичность

– Скругленный гротескный шрифт

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

Вместе с этим, мы использовали акцентную типографику с четкими и заметными линиями.

Основой финальной палитры стал сине-бирюзовый и магический фиолетовый.

Сложные градиенты, 3D, линейные элементы, яркая выразительная палитра и сияющие цвета — все это позволило представить компанию в образе завораживающей звезды на небосводе во время северного сияния.

Основные технологии:

– HTML: HTML5, Шаблонизатор Pug

– Стили: CSS3, Препроцессор SCSS

– Скрипты: JavaScript, Typescript

– Сборщик: Webpack

В конечном итоге мы получаем html-верстку и оптимизированные css, js файлы, которые добавляем в бэкенд.

Суть проекта - разработка продающего сайта с возможностью оформления заявок через форму на сайте с последующим отслеживанием этапов выполнения заявки в личном кабинете.

Технические решения:

– бэкенд сайта выполнен на Bitrix;

– регистрация и авторизация без использования паролей на основании проверочного кода, отправляемого через sms;

– интернет-эквайринг;

– настроена двусторонняя интеграция с CRM с полной синхронизацией данных с возможностью редактирования;

– отдельная логика взаимодействия с пользователем на каждой стадии выполнения заявки.

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