● Корпоративний сайт · Україна

Motion Studio: сайт студії дизайну інтер’єру за два тижні

Motion Studio – архітектурне бюро і студія дизайну інтер’єру з офісами в Харкові та Києві. Увесь сайт – наш: дизайн, власна тема WordPress і запуск. Повністю робочий сайт був готовий за два тижні, про це пише і сам клієнт у відгуку.

Відкрити сайт ↗Хочу так само

Клієнт

Motion Studio, дизайн інтер’єру та архітектура

Що зробили

Усе під ключ: UX/UI-дизайн, розробка теми WordPress, мультимовність, форми заявок, запуск

Стек

WordPress, PHP, WPML, Swiper

Термін

Повністю робочий сайт за два тижні

Сайт

motion.studio

01 Про проєкт

Студії потрібен був сайт-портфоліо, який продає послуги через самі інтер’єри: дизайн-проєкт, авторський нагляд і реалізацію під ключ для житлової та комерційної нерухомості. Запустити сайт треба було швидко, тому ми зібрали власну тему WordPress під завдання студії, щоб команда клієнта сама додавала проєкти й тексти.

Що зробили

UX/UI-дизайнАдаптивна версткаВласна тема WordPressПортфоліо проєктівМультимовністьФорми заявокЗапуск

Технології

UI/UXWordPressPHPWPML

02 Дизайн

Стиль

Майже чорний графітовий фон і білий текст, щоб на перший план виходили фото інтер’єрів. Заголовки набрані тонким геометричним шрифтом великими літерами, багато повітря та великі кадри.

Графітовий фон

#181818

Темно-сірий, підвал

#212121

Білий, текст

#FFFFFF

Сірий, другорядний текст

#878787

ШрифтиReza Zulmi Sans

03 Екрани

Головна і портфоліо

Перший екран – повноекранний слайдер з інтер’єрами та кнопкою «Дивитися проєкти». Далі – сітка робіт студії з житловою та комерційною нерухомістю і блок послуг: дизайн-проєкт, авторський нагляд, реалізація.

Проєкти

04 Мобільна версія

Мобільна версія

На телефоні сайт лишається таким самим атмосферним: повноекранні фото, меню за круглою кнопкою, проєкти гортаються однією колонкою, а кнопка заявки завжди під рукою.

05 Завдання

Завдання

01Запустити сайт швидкоЗробити повністю робочий сайт за два тижні, від дизайну до публікації.
02Показати роботи студіїПобудувати сайт довкола фото реалізованих інтер’єрів, а не довкола тексту.
03Пояснити послугиКоротко розповісти про дизайн-проєкт, авторський нагляд і реалізацію під ключ.
04Збирати заявкиДати відвідувачеві зв’язатися зі студією з будь-якої сторінки й замовити проєкт.
05Віддати сайт командіЩоб студія сама додавала нові проєкти, статті та вакансії без розробника.

06 Ключові рішення

Ключові рішення

Рішення 01

Портфоліо проєктів

Сітка проєктів із великими прев’ю та кодовими назвами об’єктів. Кожен проєкт – окрема сторінка, яку студія заповнює сама в адмінці.

Рішення 02

Сторінка проєкту

Коротка довідка: місто, тип об’єкта, площа і стиль, далі опис планування та галерея інтер’єрів. Унизу кнопка «Замовити проєкт» і блок інших робіт.

Рішення 03

Послуги й ціни

Блок послуг на головній веде на окрему сторінку з цінами за видами робіт, розділи «Про нас», «Блог» і «Кар’єра» доповнюють портфоліо.

Рішення 04

Заявки з будь-якої сторінки

Кнопка «Зворотний зв’язок» у шапці та форма замовлення послуги з ім’ям, email і коментарем на сторінках проєктів і послуг.

Рішення 05

Мультимовність

Кілька мовних версій сайту, зокрема українська та англійська, на WPML.

07 Стек

Інтеграції та стек

WordPressPHPВласна темаWPMLSwiperФорми заявокInstagram, Telegram, Facebook, WhatsApp

Наступний проєкт

E-commerce · СШАSupdec GraphixМагазин вінілових наліпок для авто: дизайн, перенесення на Yii 2 без втрати SEO, адмінка, оплата.Дивитися проєкт

Yii 2PHPUI/UX

Хочете такий самий проєкт?

Опишіть завдання – протягом робочого дня відповімо із запитаннями та попередньою оцінкою термінів.

hello@ntsame.agency Telegram @ntsame_bot