Разработка корпоративного сайта РТ-Инвест
Задача
Реализовать полный цикл разработки сайта для крупного игрока рынка: от инициации проекта и прототипирования до наполнения контентом и публикации.
Процесс
Кейс является отличным примером услуги «разработка сайта под ключ», которая включает все циклы разработки: от составления ТЗ и прототипирования до тестирования и конечных доработок. Грамотный подход на каждом из этапов проекта позволяет не только полноценно реализовать запрос клиента, но и учесть все технические моменты и особенности будущего продукта.
После этапа инициации проекта и общения со стейкхолдерами наши специалисты проработали структуру будущего сайта.
Архитектурная структура сайта сформирована по принципу очередности взаимодействий между основными профильными разделами сайта и пошагового доступа ко вложенным страницам. На сайте отсутствуют длинные или сложные адресные ссылки ("хлебные крошки"). Все разделы скомпонованы логической связью, что позволяет оперативно находить необходимую информацию по интересующему вопросу.
Оформленная структура страниц сайта позволила команде перейти к этапу проектирования экранов. Процесс прототипирования веб-проектов на первый взгляд может показаться простой и неважной задачей. Однако стоит отметить, что именно этап «сырых квадратиков» является основополагающим для сервисов и порталов различного уровня сложности.
Дизайн
Когда этап схематичного проектирования будущего проекта был позади, мы перешли к самому творческому и красивому этапу – работе дизайнеров.
Для создания индивидуального дизайна сайта с использованием корпоративного стиля наши специалисты подготовили мудборд. Именно «доска настроения» помогает команде сформировать концепт дружественного пользователям интерфейса с красивым визуалом.
Исходя из подобранного мудборда были выделены следующие аспекты дизайна для разрабатываемого сайта:
- 1. Большие заголовки;
- 2. Много графических композиций «фото+текст»;
- 3. Минималистичность (фотографии без текстур);
- 4. «Много воздуха» (свободного пространства);
- 5. Активное использование символов компании;
- 6. Аккуратная типографика;
- 7. Округлые формы для акцента.
В результате получился дизайн веб-ресурса, который по достоинству оценили как заказчик, так и команда проекта.
Подача материала реализована в понятной форме с ярким выделением важных данных через изменение цветового исполнения при наведении. Некоторые страницы сайта содержат такие элементы визуализации, как видео, которые логично освещает тематику страницы.
Функционал
Продуманная структура страниц сайта помогает в работе разработчикам и поисковым роботам: как это может улучшить пользовательский опыт целевых посетителей? Специально для этого мы реализовали две функциональные особенности навигации: диплинк по странице и бургер-меню по сайту.
Стоит также отметить, что дополнительное информирование целевой аудитории достигается за счет возможности скачать документацию с сайта, а также при помощи «блока-аккордеона» с ответом на часто задаваемые вопросы.
«Каталог» на сайте выполнен не совсем стандартный: он представлен детально проработанной карточкой товаров, заполнение которой ведет на блок оформление заявки.
Кому подойдет подобная услуга?
Стек технологий:
- html5
- css3
- bitrix
Команда:
- Front-end разработчик 1
- Back-end разработчик 1
- Арт-директор 1
- Дизайнер 1
- Проектный менеджер 1
- Тестировщик 1