Сергей АВЕРИН
веб-дизайн с нуля под ключ

Кейс «SOHO Design & Aesthetic»

Компания занимается разработкой дизайнов интерьеров. Заказ от маркетингового агентства.

Изначально заказчик предоставил пару сайтов своих коллег в качестве референсов (NEAPOL DESIGN и D&D Design). Пожелание в отношении дизайна было одно - чёрный фон и белый текст. Мне удалось убедить заказчика в том, что использовать 100% чёрный и белый цвета в веб-дизайне - признак дурного тона. Сошлись на 95%. Цвета были мало отличимы от 100%-ных аналогов, но дизайн выглядел мягче.
Получив и обработав информацию, которую заказчик хотел увидеть на сайте, я принял решение создавать макет будущего сайта непосредственно в Фигме, минуя привычные средства прототипирования. Таким образом, мы экономили время - весь сайт нужно было подготовить за неделю.

В качестве шрифтовой пары я выбрал Unbounded - для заголовков и Montserrat - для основного текста. Нравится мне эта шрифтовая пара. С одной стороны, без засечек и читается легко, с другой - достаточно необычная.
Палитра была определена референсами с легким видоизменением
Учитывая исчерпывающую информацию, предоставленную заказчиком, составление прототипа не составило труда. Работа в Фигме позволила сразу настроить нужную палитру и даже вставить некоторые изображения.
Некоторые трудности возникли с тем, чтобы определиться, какие проекты (а их у клиента было 10) стоит поставить в блок «Недавние проекты», а какие - в блок «Реализованные проекты». Было бы логичнее поставить пару проектов в раздел «Недавние», а остальные 8 - в раздел «Реализованные». В результате дискуссии с заказчиком было решено оставить 8 ключевых в «Недавних», а раздел «Реализованные» заменить на самые яркие образцы из оставшихся двух проектов.

Работа в авральном режиме дала свои плоды. Прототип и дизайн были закончены и утверждены за два дня. Ещё день ушёл на черновую вёрстку. Серьёзным испытанием стало создание кастомного калькулятора. Для реализации этой задачи был нанят программист.
Калькулятор никак не хотел ассимилироваться в Тильду. Проблема была решена, но калькулятор «съел» ещё пару дней.

Подключил почту клиента к формам сбора данных, создал фавикон (причём было забраковано несколько вариантов, которые предлагал я, и несколько вариантов, предлагаемых клиентом). В итоге остановились на простой букве «S».
На базовую анимацию блоков и адаптацию для демонстрации на мобильных устройствах ушло ещё полдня.

Осталось подключить домен и сдать проект.

Отзыв заказчика

Готовы заказать сайт?
Свяжитесь со мной любым удобным для вас способом, и обсудим ваш будущий сайт. Сами убедитесь - работать со мной легко и приятно
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website