Sphagnum AE
Сайт поставщика живых субстратов для озеленения в ОАЭ и Саудовской Аравии — с кабинетом для правки контента.
Клиент: Sphagnum Eco, ОАЭ. Сфера: Озеленение, B2B. Что сделал: Дизайн, Разработка, Кабинет администратора.
О клиенте
Поставщик живого мха Sphagnum Fuscum и минерально-органических субстратов для зелёных крыш, вертикальных садов и интерьеров. Продукты рассчитаны на жаркий климат, ограничения нагрузки на крышу и нехватку воды.
Задача
Нужен был англоязычный сайт для рынка ОАЭ и Саудовской Аравии, который объясняет две линейки продуктов архитекторам и ландшафтным дизайнерам и собирает заявки. Команда клиента должна сама менять тексты, фото и галерею проектов — без разработчика.
Что сделал
- Сделал одностраничный сайт: продукты, применение, преимущества, галерея проектов, вопросы и заявка
- Собрал фирменную палитру по гайдбуку и проверил контраст каждой пары цветов по WCAG
- Сделал кабинет администратора: тексты, картинки, видео и галерея правятся без кода, с историей изменений
- Настроил заявки: письмо команде и автоответ клиенту, входящие видны прямо в кабинете
- Подключил подтягивание постов из Instagram компании
Ключевые возможности
- Кабинет /admin: Правка всех блоков, медиатека, история изменений и входящие заявки.
- Две сборки: Статичная страница для быстрого показа и серверная версия с кабинетом.
- Доступность: Контраст цветов проверен по WCAG, акценты подобраны отдельно для светлых и тёмных блоков.
- Заявки: Форма отправляет письмо команде и автоответ клиенту.
Технологии
- Next.js
- React
- Tailwind CSS
- Кабинет администратора
- Instagram API