Адрес сайта: www.astarproject.ru
Задача проекта
Студия Astar project — это студия занимающаяся созданием дизайн-проектов интерьеров квартир, домов, общественных зданий (3D-визуализаций и панорам) высокого уровня. После общения с заказчиком: обсуждения принципов работы студии, позиционирования и целевой аудитории, стало ясно, что будущий сайт должен быть элегантным, стильным и лаконичным — таким как работы студии.
- Дизайн сайта должен быть запоминающимся, производить сильное впечатление и передавать тонкий вкус архитекторов Astar project.
- Его функционал должен сделать использование сайта простым и удобным. Причем, удобным как при использовании на обычных компьютерах, так и на мобильных устройствах (планшетах, смартфонах, устройствах iPad и iPhone).
- И, конечно, же сайт должен приводить потенциальных клиентов из поиска Яндекса и Google.
Реализованное решение
Дизайн
Концепция дизайна сайта была предложена заказчиком:
- изображения дизайн-проектов заполняют все поле экрана,
- используются полупрозрачные блоки с текстом,
- фирменный шрифт для пунктов меню,
- изящные и тонкие навигационные элементы,
- структура страниц ориентированна на "адаптивность" к различным устройствам.
|
|
|
Затем, уже дизайнером нашей команды, были прорисованы макеты страниц сайта для различных устройств. Продумано, как именно будут перестраиваться компоненты страниц при разных разрешениях экранов.
Программирование
С помощью java-скриптов был изменен внешний вид стандартных навигационных элементов (скроллов и кнопок), была реализована возможность пролистывания изображений как мышью, так и пальцем (на устройствах с touchscreen). Особое внимание уделили визуальным эффектам — всё движение (раскрытие/сворачивание текстовых блоков, смена изображений, прокручивание страниц) мы сделали неспешным и плавным. Там же, где требовалось быстро пролистать контент, мы добавили эффект, так называемой "инерционной прокрутки" — когда быстрое движение постепенно замедляется.
На страницах сайта необходимо было отображать большое количество качественных (и поэтому довольно "тяжелых") фотографий. Чтобы это не затрудняло просмотр, мы использовали программный прием "lazy load" — постепенная загрузка фотографий по мере необходимости.
Отдельной историей стало создание анимированных 3D-панорам без использования технологии flash, чтобы пользователи MacBook, iPad и iPhone, также смогли отправиться в виртуальное путешествие и рассмотреть с разных ракурсов созданные интерьеры.
В административной части сайта раздел "Портфолио" был разработан таким образом, чтобы заказчик легко мог добавлять свои новые работы.
CMS сайта — 1С Битрикс.
Оптимизация
Для продвижения сайта была проведена базовая оптимизация, и создан раздел "Статьи". В "Статьях" размещаются материалы полезные заказчикам дизайн-студии, а также, они увеличивают посещаемость сайта из поисковых систем.
Результат
Результатом нашей работы стал современный, удобный, очень стильный сайт, восхищающий существующих клиентов Astar project и приводящий новых.
