Дизайн интерьера, в котором всегда царит порядок и уют

Ниша:

География:

Instagram:

Дизайн интерьера

Санкт-Петербург

@alsupetrina_interiors

Алсу Петрина — дизайнер интерьеров и дипломированный организатор пространства. До этого Алсу уже обращалась к нам за разработкой фирменного стиля. Подробнее об этом мы писали в кейсе. Теперь нужно было разработать сайт с портфолио и информацией об услугах.

Разработать сайт-портфолио на основе фирменного стиля

Задачи

• Одним из основных пожеланий заказчицы было отстроиться от однотипных сайтов дизайнеров интерьера. Хотелось внедрить изюминку, которая бы делала сайт запоминающимся и уникальным.

• Также необходимо было транслировать подход Алсу к своей работе — организованность и упорядоченность, которые позволяют поддерживать дома порядок и уют.

Разработка структуры

Прототип

Дизайн-концепты

Дизайн сайта

Верстка

Тех. настройки

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

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

Смотреть структуру подробнее

Смотреть прототип подробнее

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

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

На странице портфолио сделали переключение между жилыми и общественными пространствами.

Так наглядно видно, что Алсу работает с разного типа проектами. А также пользователю удобно просмотреть только то направление, которое ему интересно.

Каждый проект вынесли на отдельную страницу. Сделали привлекательные обложки, добавили описание и планировку. Помимо 3D-взиуализаций добавили блок для фотографий реализованного проекта.

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

Мы решили не выносить каждую услугу на отдельную страницу. Вместо этого разделили услуги на основные и дополнительные. Также выделили их визуально и с каждой из основных услуг сопоставили свою фирменную фигурку.

Особенно остановились на главной услуге — дизайн-проекте. Для нее добавили отдельный блок с процессом работы.

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

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

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

Грамотно продумали структуру сайта

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

Создали уникальный дизайн

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

Провели все технические настройки

Заполните короткую форму, мы свяжемся с вами в WhatsApp или Telegram, проконсультируем по услугам и ответим на все ваши вопросы.

Ramazanova Design Buro

(Дизайн интерьера)

VIA