Создание сайта для проекта «Русь» для ГК «ТЭН»
Покорили Русь
«Проект Русь» — это крупномасштабный жилой район возле Верх-Исетского водохранилища. Застройщик проекта — Группа компаний «ТЭН». Это один из ведущих застройщиков Екатеринбурга, который имеет в своем активе множество значимых проектов, таких как административно-торговый центр «Limerance», торгово-развлекательный центр «Алатырь», жилой комплекс «Ботанический сад» и жилой дом «Эверест».
Задача
Создать масштабируемый сайт жилого района, который подробно расскажет не только о домах, но и об уникальных общественных пространствах проекта.
Как мы это сделали
Разложили по полочкам структуру сайта и спроектировали интерфейсы
Главная особенность проекта заключается в том, что это первая в Екатеринбурге квартальная застройка с большим количеством общественных пространств. Поэтому мы сконцентрировались на том, чтобы рассказать о них аудитории проекта.
Уже на проектировании мы решили применять поэкранную вёрстку и придумали особенную сетку сайта, выделив правую часть сайта для блоков с описанием общественных пространств и всех преимуществ проекта.
Что мы придумали
Выбрали стиль и выработали визуальный язык
Жилой район будет строиться на протяжение нескольких лет, поэтому нам было очень важно сделать дизайн сайта «вне времени», чтобы он не выглядел устаревшим к моменту завершения строительства.
Отталкиваясь от этого, мы выбрали беспроигрышное сочетание нейтрального и чистого белого цвета для фона сайта с яркими цветами из фирменного стиля проекта для элементов навигации (кнопок, вкладок, ховеров и т.п.).
Мы использовали скругление на одном из углов плашек, заимствованное из формы пера жар-птицы.
Показали все преимущества района на первом экране главной страницы
Чтобы показать аудитории среду, в которой будут жить жители района, на главном экране мы спроектировали в деталях будущий проект. При этом мы дали возможность пользователю узнать про каждый отдельный квартал, просто наведя на него курсор.
За счёт такого подхода, мы отразили всю масштабность проекта на одном экране и дали пользователю удобный инструмент не только для получения информации, но и для навигации по району.
Наведите курсор на план района, чтобы узнать больше про каждый квартал
Проект «Русь» — это живописный район у Верх-Исетского водохранилища, устремлённый в будущее и сохраняющий традиции прошлого.
«Зелёный островок» в самом сердце современного района, необходимый для гармоничного и комфортного проживания.
Это самое сердце района, в котором сосредоточены места встреч и проведения общественных мероприятий.
Идеальное место для восстановления сил, а так же для приятных встреч и прогулок в атмосферном месте.
Проведение различных спортивных мероприятий, воркауты на открытом воздухе, возможность всегда держать себя в отличной форме. Всё это и даже больше сосредоточено именно здесь.
«Парк культуры» — это площадка для творчества и самовыражения, созданная чтобы поддерживать и развивать культурный дух района.
Разработали универсальную сетку сайта
Сетка сайта позволила реализовать удобную навигацию с помощью горизонтального и вертикального меню и правой информационной части с выносной плашкой. Эти элементы занимают определенное место и не меняют его при переходе по страницам сайта.
Внедрили в сетки сайта систему карточек
Большинство страниц сайта содержат в себе карточки. Карточки бывают разными, в зависимости от тематики страницы. На странице «Расположение» мы выводим карточки полезных инфраструктурных объектов района, на странице «Фотоотчёт» в разделе «Ход строительства» — карточки фотогалерей, сгруппированных по месяцам и т.п.
Наведите курсор на план района, чтобы узнать больше про каждый квартал
вс выходной
Показали преимущества района над точечной застройкой нетрадиционным способом
Несмотря на то, что строительство первой очереди идёт полным ходом, весь район будет строиться на протяжение нескольких лет. Таким образом, во время строительства четвёртой очереди в первой уже будут открыты всевозможные магазины, аптеки и другие фирмы, оказывающие самые разнообразные бытовые услуги. Все эти коммерческие предпиятия создадут развитую внутренную инфраструктуру района: чтобы пойти, например, в салон красоты, не обязательно будет выходить даже за пределы двора.
Мы создали такую страницу, где будет храниться информация о том, какие магазины уже открылись, а какие только планируют открыться. Здесь же можно узнать адрес и график работы интересующей компании.
Адаптировали интерфейсы
Для корректного отображения сайта мы отрисовали 6 ключевых и 5 вспомогательных резрешений экранов. Это необходимо, чтобы сайт корректно отображался на десктопах, планшетах и мобильных.
