Пример создания сайта для мебельной компании
Клиент
Компания 5DWood делает современную экологичную мебель из дерева: например, столы, стулья, детскую мебель и т.д. Изделия продают для частных домов, квартир, офисов и коммерческих помещений. Они работают как с конечными покупателями, так и с посредниками — дизайнерами и компаниями по ремонту, поэтому аудитория компании довольно разнообразна.
www.5dwood.ru
Задача
5DWood обратились к нам за разработкой сайта, с помощью которого они планируют продавать свою продукцию дизайнерским студиям, магазинам мебели и частным лицам. Поэтому сайт нужен был такой, который бы отвечал интересам представителей разной целевой аудитории. Продвигать его планируют в том числе с помощью SEO, поэтому заказчик попросил предусмотреть такие возможности при составлении структуры сайта.
Проектирование
Так как помимо обычной контекстной рекламы 5DWood хотели продвигаться еще и с помощью SEO, мы решили разработать внутри сайта посадочные страницы под каждую категорию услуг. Примеры: отдельная оптимизированная страница “Мебель для спальни”, отдельная — “Мебель для кухни” и т. д.
Функционал решили делать простым и понятным, не перегруженным деталями, с упором на качественные иллюстрации.
Дизайн
Дизайн выполнен в светлых и коричнево-темных тонах. Светлых — для фоновых элементов, чтобы на них хорошо читался текст; коричнево-темных — для интерфейса, вставок и блоков, которые должны привлечь внимание пользователя.
Адаптивность
Сайт корректно отображается на любых устройствах: компьютерах, смартфонах и планшетах. Мы адаптировали его под мобильный формат, сохранив весь нужный функционал.
Детали
Работу над этим проектом мы вели в несколько этапов. Впервые 5DWood обратились к нам год назад, тогда мы обсудили все детали и предложили бюджетный вариант разработки сайта. Заказчик согласился, но вскоре поставил проект на паузу.
Затем он вернулся к нам в студию уже в этом году с более амбициозными планами. Мы переработали изначальную структуру, сделали ее более глубокой и адаптированной под SEO-продвижение.
Технологии
На проекте использовались сразу несколько технологий для решения разных задач:
NodeJS — платформа разработки.
ReactJS — для построения веб-приложения.
NextJS — для SEO, серверный рендеринга страниц.
MongoDB — для построения базы данных.
Strapi — админ панель, сервис управления контентом.
Особенность проекта в том, что это приложение, и оно непрерывно работает на сервере. У приложения есть serviceWorker — функция, которая позволяет приложению работать из кэша даже в офлайне. Также на мобильном устройстве в браузере есть функция “добавить на главный экран”, которая установит сайт на телефон и будет работать как отдельное приложение.
В дальнейшем мы планируем написать для сайта оптимизированные тексты, которые помогут его продвижению.
