Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Назад
#Веб-разработка

Топ-5 кейсов по веб-разработке

2851 
 

Наши партнеры из CMS Magazine регулярно публикуют лучшие кейсы в разных сферах диджитал. Сегодня расскажем о самых интересных работах: сайтах для компании страхования, агропромышленного холдинга, доставки еды, театра кукол. Вишенка на торте – кейс о том, как создавалась платформа Workspace.

«Алтайские закрома»

Разработчик: Е1Медиа

Задача:

Агропромышленный холдинг «Алтайские закрома» – оптовый поставщик хлебобулочных изделий в Алтайском крае. У компании ранее был сайт, который требовалось доработать. Разработчику была поставлена задача: сделать удобное меню каталога и простой поиск товаров. Также надо было учесть, что основная цель сайта – не привлечь новых клиентов, а удержать уже имеющихся лояльных корпоративных заказчиков – оптовиков и ритейлеров.

Подготовка:

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

Топ-5 кейсов по веб-разработке

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

Решение:

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

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

Также поменяли шапку: из громоздкой сократили до размера 100 пикселей для планшетов и 85 пикселей на телефонов. Это позволило каталогу оставаться на первом экране, сразу под шапкой.

Итог:

Более понятная структура меню, удобная навигация по каталогу и для декстопов, и для мобильных. Через месяц поступила обратная связь от заказчика: клиенты остались довольны. И это главное!

«Ренессанс Жизнь»

Разработчик: Ареал

Задача:

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

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

Подготовка:

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

Решение:

  1. Сделали интеграцию с системой учета «Ренессанс Жизнь». Теперь каждое действие пользователя отображается в системе учета в реальном времени.

  2. Выстроили систему акцентных элементов: привели все похожие элементы к единому виду. Например, все кнопки выдержаны в одном цвете, ссылки – в другом, и так далее.

  3. Создали инструмент управления индексацией договора. Если клиент хочет увеличить взнос, он получает всю необходимую информацию: прогноз прибыли, процент коэффициента индексации, срок окончания предложения. Исходя из этого, он решает, стоит доплачивать или нет.

  4. Проработали интерфейс оплаты. Клиенту не обязательно идти в банк – можно сделать взнос прямо из личного кабинета.

    Топ-5 кейсов по веб-разработке

  5. Сделали возможность простого и удобного автоплатежа.

  6. Добавили информацию по налоговым вычетам: сделали специальный раздел с пошаговой инструкцией и полезными советами. Ускорили и упростили составление налоговой декларации 3-НДФЛ в сервисе «Налогия».

Итог:

Заказчики и их клиенты довольны проделанной работой. Отмечено, что новый кабинет стал намного удобнее, клиентоориентированнее и функциональнее.

«КемГуру»

Разработчик: Creonit

Задача:

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

Подготовка:

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

Также разработчики изучили сайты лидеров в сфере доставки и почерпнули работающие идеи.

Решение:

  1. Сделали меню с разбивкой на все рестораны сети.

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

    • добавление блюда в корзину – это по стандартной схеме;

    • оформление заказа с возможностью выбрать разные адреса, день и время доставки. Для оформления заказа использовали фреймворк Vue.js.

  3. Далее планируется интеграция с системой автоматизации R-Keeper Delivery и создание личного кабинета клиента.

Итог:

Понятная корзина, простой удобный интерфейс, вкусный дизайн. Именно то, что нужно!

Хакасский национальный театр кукол

Разработчик: Magneex

Задача:

Театр кукол поставил задачу: создать сайт с удобной онлайн-покупкой билетов. Да, в глубинке это еще редкость! Многие зрители жаловались на неудобства, поэтому было принято решение создать удобный для посетителей сайт и собрать всю информацию в одном месте.

Подготовка:

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

Решение:

Вот что было сделано:

  • для каждого постоянного спектакля создана отдельная страница с уникальным дизайном, подобран фото- и видеоряд;

  • создана афиша с краткой информацией по каждому спектаклю (дата, время, возрастные ограничения);

  • созданы личные профили актеров с подробной информацией;

  • календарь спектаклей на месяц;

  • система покупки билетов онлайн.

Топ-5 кейсов по веб-разработке

Итог:

После запуска сайта руководство отметило следующие положительные тенденции:

  • сократилось время покупки билетов;

  • зрителям стало намного удобнее, количество жалоб уменьшилось;

  • сэкономили бюджет – в штате остался один кассир вместо двух;

  • разгрузили отдел продаж благодаря доступной афише на сайте;

  • заработали на продаже собственной продукции – уникальных авторских кукол.


Разместите
тендер бесплатно

Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.

Заполнить заявку 12254 тендера
проведено за восемь лет работы нашего сайта.


Workspace

Заказчик и разработчик: Proactivity Group

Задача:

В 2015 году при анализе рынка Proactivity Group увидели свободную нишу – в Рунете не было площадок для проведения тендеров в сфере digital. В рамках проектов «Рейтинг Рунета» и CMS Magazine у компании уже была собственная база подрядчиков и заказчиков.

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

Подготовка:

После приобретения домена и регистрации торговой марки была собрана команда, которая начала работу над проектом. Сначала в нее входили всего двое человек: основатель Proactivity Group Сергей Бесшабашнов и менеджер проекта Дмитрий Лагутин. Впоследствии были привлечены сторонние исполнители: студии, агентства, фрилансеры. Сейчас проект продолжает развиваться, над ним постоянно работают 12 человек.

Поскольку аналогов в Рунете такой площадки не имелось (да и сейчас нет), разработчикам пришлось изучить опыт зарубежных коллег. Это сервисы, которые предоставляют b2b и b2с-услуги и оперируют большими базами данных.

После этого были выделены 3 основных этапа работы: создание тендерной площадки, сервиса для поиска работы и digital-сотрудников и запуск собственной фриланс-биржи.

Решение:

Расскажем об основных этапах создания сайта и всевозможных доработках и улучшениях:

  • интеграция с базой данных CMS Magazine и постоянная взаимосвязь этих двух площадок.

  • создание тендерной онлайн-формы. Казалось бы, просто, но на создание окончательной версии этого экрана ушло 3 месяца!

    Топ-5 кейсов по веб-разработке

  • работа над увеличением конверсии основных форм. После проведенных работ конверсия повысилась в среднем на 20-30%;

  • постоянное получение обратной связи, работа с фокус-группами заказчиков и исполнителей;

  • работа над монетизацией сайта: создание платных аккаунтов для исполнителей.

Итог:

  1. На начало декабря 2019 года Workspace – площадка № 1 в Рунете для поиска заказчиков и исполнителей в сфере диджитал. Каждый месяц нас посещают около 50 000 пользователей.

  2. В базе данных – десятки тысяч веб-студий, SEO-компаний, разработчиков мобильных приложений, агентств контекстной рекламы, PR- и SMM-агентств. А еще более 3000 фрилансеров, готовых к работе.

    Топ-5 кейсов по веб-разработке

  3. Через 1 год после запуска проект начал приносить прибыль.

  4. Проект реально работает!

Если вам тоже нужно создать или доработать сайт и при этом найти надежного исполнителя – организуйте тендер на Workspace и заказывайте веб-разработку. К вашим услугам – почти 16 000 веб-студий, выбирайте любую!

.detail-article__text blockquote { position: relative; display: block; padding: 2rem 3rem 2rem; box-sizing: border-box; background-color: #f1f1f1; margin: 5.5rem 0 5.5rem 10.5rem; width: calc(100% - 10.5rem); font-size: 1.6rem; line-height: 2.1rem; letter-spacing: 0.1px; } .detail-article__text blockquote:before { content: ''; position: absolute; border: 1.4rem solid transparent; border-right-color: #f1f1f1; right: 100%; top: 3rem; } .detail-article__text blockquote img { position: absolute; left: -10.5rem; top: 0; width: 8rem; height: 8rem; } .landing__reviews-item-name { font-size: 1.8rem; color: #00bff3; font-weight: 400; display: block; padding-bottom: 2rem; }




Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.




2851

Лучшие статьи

Поделиться: 13 16 6