Все проекты

Кейс · 03

Sphagnum AE

Сайт поставщика живых субстратов для озеленения в ОАЭ и Саудовской Аравии — с кабинетом для правки контента.

Клиент
Sphagnum Eco, ОАЭ
Сфера
Озеленение, B2B
Что сделали
Дизайн · Разработка · Кабинет администратора
Открыть сайт
lemnity.github.io/sphgnm
Sphagnum AE: первый экран сайта
свой вес в воде впитывает мох
20–25×свой вес в воде впитывает мох
пористость субстрата
97%пористость субстрата
рынки клиента
ОАЭ и КСАрынки клиента

О клиенте

Поставщик живого мха Sphagnum Fuscum и минерально-органических субстратов для зелёных крыш, вертикальных садов и интерьеров. Продукты рассчитаны на жаркий климат, ограничения нагрузки на крышу и нехватку воды.

Задача

Нужен был англоязычный сайт для рынка ОАЭ и Саудовской Аравии, который объясняет две линейки продуктов архитекторам и ландшафтным дизайнерам и собирает заявки. Команда клиента должна сама менять тексты, фото и галерею проектов — без разработчика.

Что сделали

  1. 01Сделали одностраничный сайт: продукты, применение, преимущества, галерея проектов, вопросы и заявка
  2. 02Собрали фирменную палитру по гайдбуку и проверили контраст каждой пары цветов по WCAG
  3. 03Сделали кабинет администратора: тексты, картинки, видео и галерея правятся без кода, с историей изменений
  4. 04Настроили заявки: письмо команде и автоответ клиенту, входящие видны прямо в кабинете
  5. 05Подключили подтягивание постов из Instagram компании
lemnity.github.io/sphgnm
Sphagnum AE: экран 2
lemnity.github.io/sphgnm
Sphagnum AE: экран 3
Sphagnum AE: версия для телефона

Ключевые возможности

Кабинет /admin

Правка всех блоков, медиатека, история изменений и входящие заявки.

Две сборки

Статичная страница для быстрого показа и серверная версия с кабинетом.

Доступность

Контраст цветов проверен по WCAG, акценты подобраны отдельно для светлых и тёмных блоков.

Заявки

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

Технологии

  • Next.js
  • React
  • Tailwind CSS
  • Кабинет администратора
  • Instagram API
Следующий кейсМодный театр TURDUS

Контакты

Обсудим
проект

Пара слов о задаче, и мы вернёмся с идеями, сроками и следующим шагом. Обычно отвечаем в течение дня.

Что нужно

Нажимая кнопку, вы соглашаетесь с политикой конфиденциальности.