Пример создания сайта для мебельной компании

Клиент

Компания 5DWood делает современную экологичную мебель из дерева: например, столы, стулья, детскую мебель и т.д. Изделия продают для частных домов, квартир, офисов и коммерческих помещений. Они работают как с конечными покупателями, так и с посредниками — дизайнерами и компаниями по ремонту, поэтому аудитория компании довольно разнообразна.

Задача

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

Сайт до переработки
Сайт до переработки

Проектирование

Так как помимо обычной контекстной рекламы 5DWood хотели продвигаться еще и с помощью SEO, мы решили разработать внутри сайта посадочные страницы под каждую категорию услуг. Примеры: отдельная оптимизированная страница “Мебель для спальни”, отдельная — “Мебель для кухни” и т. д.

Функционал решили делать простым и понятным, не перегруженным деталями, с упором на качественные иллюстрации.

Дизайн

Дизайн выполнен в светлых и коричнево-темных тонах. Светлых — для фоновых элементов, чтобы на них хорошо читался текст; коричнево-темных — для интерфейса, вставок и блоков, которые должны привлечь внимание пользователя.

Адаптивность

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

Детали

Работу над этим проектом мы вели в несколько этапов. Впервые 5DWood обратились к нам год назад, тогда мы обсудили все детали и предложили бюджетный вариант разработки сайта. Заказчик согласился, но вскоре поставил проект на паузу. 

Затем он вернулся к нам в студию уже в этом году с более амбициозными планами. Мы переработали изначальную структуру, сделали ее более глубокой и адаптированной под SEO-продвижение.

Технологии

На проекте использовались сразу несколько технологий для решения разных задач:

NodeJS — платформа разработки.

ReactJS — для построения веб-приложения.

NextJS — для SEO, серверный рендеринга страниц.

MongoDB — для построения базы данных.

Strapi — админ панель, сервис управления контентом.

Особенность проекта в том, что это приложение, и оно непрерывно работает на сервере. У приложения есть serviceWorker — функция, которая позволяет приложению работать из кэша даже в офлайне. Также на мобильном устройстве в браузере есть функция “добавить на главный экран”, которая установит сайт на телефон и будет работать как отдельное приложение.

В дальнейшем мы планируем написать для сайта оптимизированные тексты, которые помогут его продвижению.