Собственный сайт Sborka Project

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

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

Итоги:
– Существенно сократили время, которое требуется для первого знакомства с компанией и составления верного мнения об уровне и специализации
– Разработали техническое решение, на котором сайт работает быстро, несмотря на большое количество видео
– Создали правильное ощущение от потенциальной работы с нами – на сайте все только самое важное, четко и по делу; мы не перекладываем работу на клиента, показываем все нужное на блюдечке
– Придуманный формат портфолио позволил показывать еще не завершенные проекты – количество маркетинговых активов бизнеса резко возросло
– x2 запросов на разработку после запуска нового сайта

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

При работе над новым сайтом мы решали две проблемы. Одна из них – проблема невыраженной любви. Мы умеем заботиться о своих заказчиках, а старый сайт совсем не годился для демонстрации чувств. Для того, чтобы посмотреть наши работы, клиенту приходилось совершать над собой усилия: ходить по ссылкам, листать сайты, не отвлекаться на уведомления мессенджеров – в общем, всячески тратить мыслетопливо.

Новый сайт справился с этой проблемой, ниже описываем – как именно.

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

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

Задачей было создать сайт, который сам презентует компанию. И экономит мыслетопливо как CEO, так и посетителей сайта.

Решение: для портфолио мы выбрали формат ленты, ориентируясь на тренд фрагментарного и быстрого потребления информации. Короткие скринкасты про наши работы – прямо на сайте и без единого усилия со стороны клиента. Хочешь копнуть чуть дальше – есть система фильтрации по типам проектов, технологий и индустрий, а также ссылки на сами работы.

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

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

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

Технические детали реализации мини-игры:

Отслеживаем события мышки и тача, итерируя координаты. Для плавной анимации движения используем линейную интерполяцию. У каждого подвижного элемента есть начальные координаты, область ограничения движения и радиус, в районе которого срабатывает магнит – добавляется трение к интерполяции, которое стремится приравнять начальные и текущие координаты.

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

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

Скриншоты