Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
DIGITAL SECTOR
Как сделать лучший* сайт для бизнеса (b2b)?
DIGITAL SECTOR
WDA
2024
#Сайт под ключ#Размещение контента

Как сделать лучший* сайт для бизнеса (b2b)?

2962 
DIGITAL SECTOR
DIGITAL SECTOR Россия, Краснодар
Поделиться:
Как сделать лучший* сайт для бизнеса (b2b)?
Клиент

Портал-Юг

Сфера

Программное обеспечение

Регион

Россия

Тип сайта

Корпоративный сайт, Порталы и сервисы

Сдано

Июнь 2022

Задача

В 2021 году к нам обратилась компания «Портал-Юг» – системный интегратор юга России.

Компания «Портал-Юг» работает на рынке IT-услуг с 2001 года и входит в ТОП-15 крупнейших 1С:Франчайзи по данным рейтинга 1С. Сертифицирована по СМК ISO 9001:2015

Основные направления деятельности компании «Портал-Юг»:

– подбор и поставка лицензионного ПО;

– техническая поддержка;

– ИТ-аутсорсинг;

– внедрении инфраструктурных решений;

– объединенные коммуникации;

– системы электронного документооборота;

– программно-аппаратные средства информационной безопасности;

– предоставление комплексных решений автоматизации бизнеса;

– обучение и сертификация.

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

Основная задача – создать универсальный портал, который будет выполнять функции корпоративного сайта, интернет-витрины, образовательного портала, hh-платформы, а также площадки для публикации электронного журнала «Прогрессивный бухгалтер». Особое внимание заказчик акцентировал на необходимости улучшения пользовательского интерфейса для обеспечения удобства клиентов «Портал-Юг».

И у нас это получилось. Был создан универсальный портал, который успешно выполняет все заявленные функции.

Решение

Проектная команда, состоящая из проектировщика, дизайнеров, разработчиков и тестировщиков приступила к работе. Поскольку Digital Sector сотрудничает с компанией «Портал-Юг» с 2010 года, это позволило нам основательно изучить бизнес-потребности партнера и особенности его целевой аудитории.

Мы определили ключевые направления редизайна:

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

 – Разработка новой административной панели: которая обеспечивает более эффективное и удобное управление контентом сайта.

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

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

1Подготовка к проекту

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

Но результат того стоил.

2Проектирование и прототипирование

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

3Разработка архитектуры

Результаты проектирования помогли в разработке новой структуры сайта: мы стремились не только к UI-привлекательности, но и к оптимизации user flow.

4Дизайн – 10 этапов

Грамотный подход разбивки помог завернуть дизайн этого объемного проекта всего в 10 этапов, длиной в 1-2 недели каждый, с учетом времени на согласование и правки.

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

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

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

Также обязательным условием в дизайне проекта стала эргономичность интерфейса для пользователя. Наши UI/UX дизайнеры успешно справились с этой задачей. Заказчик получил веб-сайт с легкой и интуитивно понятной навигацией, оптимальным расположением элементов управления и приятным визуальным оформлением.

5Верстка

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

6Фронт и бэк-разработка

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

7Нюансы разработки

1С-Битрикс «Стандарт» отлично подходит для реализации большинства задач, поставленных клиентом. Но для оптимизации SEO мы все же кое-что доработали. 

Поисковые системы не охотно индексируют страницы с длинными URL-адресами или GET параметрами, что ведет к низкому ранжированию. Особенно это заметно в CMS 1С-Битрикс, где URL-адреса могут удлиняться, затрудняя индексацию страниц.

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

Такой подход упрощает процесс привлечения низкочастотного трафика и тегирования отобранных товаров.

8Тестирование и релиз

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

9Техническая поддержка

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

10Стек технологий проекта

Дизайн: UX/UI, Figma

QA: Smoke testing, Regression testing, Lambdatest, Apache Jmeter, Markup Validation Service, Google Mobile-Friendly Testing, PageSpeed ​​Insights.

Project Management: Waterfall

Frontend: Babel, Webpack, Gulp, ES6, HTML5 (Pug), CSS3 (SCSS), jQuery

Backend: Битрикс, PHP7, MySQL, RestAPI, WSDL, JSON, MVC.

Devops: DevHosts, SafeDeplay.

Результат

В результате выполнения всех этапов мы создали привлекательный ресурс для IT компании, соответствующий ее фирменному стилю.

Редизайн «Портал-Юг» значительно улучшил свое взаимодействие с клиентами и партнерами. Сайт получил положительные отзывы за удобство навигации и современный дизайн. В 2022 году компания DIGITAL SECTOR стала призером конкурса «Золотой сайт» за проект «Портал-Юг» в номинации *«Лучший сайт для бизнеса (b2b)» (ЮФО).

Комментарий агентства

Надежда Кадырлеева
Надежда Кадырлеева

Исполнительный директор

«Портал-Юг» обрели удобный современный сервис с улучшенной навигацией. Процесс от идеи до реализации был насыщен стремлением сделать взаимодействие пользователей с ресурсом легким и приятным. Я думаю, у нас получилось выполнить поставленные задачи на отлично!

Отзыв клиента

Александра Белихина
Александра Белихина

Портал-Юг, руководитель отдела маркетинга

Компания «Портал-Юг» благодарит DIGITAL SECTOR за сотрудничество. Мы работаем вместе уже более 10 лет, за годы работы DIGITAL SECTOR показали себя как надежный подрядчик, который ответственно подходит к выполнению задач и все работы выполняет качественно и в срок.

Особенно радует наличие индивидуального подхода и скорость выполнения срочных и критичных задач.

Рекомендуем обращаться в компанию DIGITAL SECTOR, а также надеемся на дальнейшее плодотворное сотрудничество.

скан отзыва
https://portal-yug.ru/

Стек технологий


Награды


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

Хотите заказать похожий проект?

DIGITAL SECTOR с удовольствием обсудит вашу задачу

Оставить заявку