Студия дизайна интерьера "Astar project"

Задача проекта

Студия Astar project — это студия занимающаяся созданием дизайн-проектов интерьеров квартир, домов, общественных зданий (3D-визуализаций и панорам) высокого уровня. После общения с заказчиком: обсуждения принципов работы студии, позиционирования и целевой аудитории, стало ясно, что будущий сайт должен быть элегантным, стильным и лаконичным — таким как работы студии.

  • Дизайн сайта должен быть запоминающимся, производить сильное впечатление и передавать тонкий вкус архитекторов Astar project.
  • Его функционал должен сделать использование сайта простым и удобным. Причем, удобным как при использовании на обычных компьютерах, так и на мобильных устройствах (планшетах, смартфонах, устройствах iPad и iPhone).
  • И, конечно, же сайт должен приводить потенциальных клиентов из поиска Яндекса и Google.

Реализованное решение

Дизайн

Концепция дизайна сайта была предложена заказчиком:

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

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

Программирование

С помощью java-скриптов был изменен внешний вид стандартных навигационных элементов (скроллов и кнопок), была реализована возможность пролистывания изображений как мышью, так и пальцем (на устройствах с touchscreen). Особое внимание уделили визуальным эффектам — всё движение (раскрытие/сворачивание текстовых блоков, смена изображений, прокручивание страниц) мы сделали неспешным и плавным. Там же, где требовалось быстро пролистать контент, мы добавили эффект, так называемой "инерционной прокрутки" — когда быстрое движение постепенно замедляется.

На страницах сайта необходимо было отображать большое количество качественных (и поэтому довольно "тяжелых") фотографий. Чтобы это не затрудняло просмотр, мы использовали программный прием "lazy load" — постепенная загрузка фотографий по мере необходимости.

Отдельной историей стало создание анимированных 3D-панорам без использования технологии flash, чтобы пользователи MacBook, iPad и iPhone, также смогли отправиться в виртуальное путешествие и рассмотреть с разных ракурсов созданные интерьеры.

В административной части сайта раздел "Портфолио" был разработан таким образом, чтобы заказчик легко мог добавлять свои новые работы.

CMS сайта — 1С Битрикс.

Оптимизация

Для продвижения сайта была проведена базовая оптимизация, и создан раздел "Статьи". В "Статьях" размещаются материалы полезные заказчикам дизайн-студии, а также, они увеличивают посещаемость сайта из поисковых систем.

Результат

Результатом нашей работы стал современный, удобный, очень стильный сайт, восхищающий существующих клиентов Astar project и приводящий новых.

Адрес сайта: www.astarproject.ru

Студия дизайна интерьера "Astar project"
Студия дизайна интерьера "Astar project"
Студия дизайна интерьера "Astar project"
Студия дизайна интерьера "Astar project"

К списку сайтов