Сайт для капсульного отеля: кейс PodSpot
Для капсульного отеля PodSpot мы с нуля сделали логотип, фирменный стиль и лендинг: номер на двоих, капсулы, глэмпинг и кемпинг на одной странице, с понятными иконками удобств, фотографиями и быстрой связью с менеджером.
2 неделиот первого макета до готового сайта1 неделя дизайн, 1 неделя вёрстка
Факты о проекте
- Срок
- 2 неделидизайн 1 · вёрстка 1
- Тип проекта
- Лендинг, 2024
- Ниша
- Капсульный отельгостиничный бизнес
- Платформа
- WordPressс нуля, без готового шаблона
PodSpot — капсульный отель с несколькими форматами размещения. Мы сделали для него с нуля логотип, фирменный стиль и лендинг на WordPress. 2024 год, срок 2 недели: неделя на дизайн и неделя на вёрстку.
Задача клиента
У отеля четыре формата отдыха: номер на двоих, капсулы, глэмпинг и кемпинг. Гостю нужно быстро понять, где ему будет удобно, увидеть настоящие фотографии и связаться с менеджером.
- Придумать логотип и фирменный стиль для капсульного отеля.
- Коротко рассказать о каждом формате размещения на одной странице.
- Показать удобства понятными иконками, без длинных списков.
- Показать фотографии каждого формата.
- Дать быстрый способ связаться с менеджером: заявка или звонок.
Что мы сделали
- Логотип и фирменный стиль с нуляНадпись PodSpot с подписью HOSTEL и тремя звёздами; оранжевый на ночном фоне.
- Структура лендингаО нас, номер на двоих, капсулы, глэмпинг, кемпинг, пространство, отзывы, контакты: гость идёт сверху вниз и выбирает формат.
- Дизайн для компьютера и телефонаТёмная тема, крупные фотографии, тонкие заголовки.
- Иконки удобствУ каждого преимущества своя линейная оранжевая иконка и короткая подпись.
- Галереи фотографийДля каждого формата размещения свой ряд кадров: крупный по центру, соседние по бокам.
- Вёрстка на WordPressС нуля, без готового шаблона; страница подстроена под экран от компьютера до телефона.
- Связь с менеджеромКнопка в первом экране и блок контактов: оставить заявку или позвонить.
Стиль: логотип, цвета, иконки
Образ сайта держится на ночном фоне, тёплом оранжевом и тонких заголовках: вечерний, уютный отель, где всё видно сразу.
Широкая «технологичная» надпись PodSpot, под ней подпись HOSTEL между двумя линиями и три звезды.
Тёмный фон и оранжевый цвет дальше работают на всей странице: заголовки, линии рядом с ними, иконки и кнопки.
- #FF9839Оранжевый: иконки, линии, акценты
- #FF6308 → #FF9738Кнопка: от красно-оранжевого к тёплому
- #070707Ночной: фон страницы
- #FFFFFFБелый: заголовки и текст
- ЗаголовкиНомер на двоих
Тонкий крупный шрифт; рядом оранжевая линия на всю ширину.
- Основной текстПросторное спальное место для одного человека.
Спокойный рубленый шрифт для описаний: читается на любом экране.
Лендинг на компьютере и на телефоне
Страницу мы нарисовали для компьютера и для телефона. На картинках макеты дизайна: слова на них условные, кнопка на макете показывает место для связи с менеджером.
На компьютере
На телефоне
Первый экран 
Номер на двоих 
Глэмпинг
Блоки страницы
- Первый экран
- О нас
- Номер на двоих
- Капсулы
- Глэмпинг
- Кемпинг
- Пространство
- О нас пишут
- Контакты
Что получил клиент
Образ отеля и готовый лендинг: от логотипа до страницы, на которой видны все форматы размещения.
- Сайт готов и запущенВсе блоки нарисованы и сверстаны, есть версия для компьютера и для телефона.
- Логотип и стильНадпись, цвета и иконки придуманы с нуля и держат страницу в одном образе.
- Все форматы на одной страницеНомер на двоих, капсулы, глэмпинг и кемпинг: у каждого свои удобства и фотографии.
- Быстрая связь с менеджеромГость оставляет заявку или звонит: кнопка и контакты на странице.
Срок и этапы
2 недели от первого макета до запуска
Комментарий студии
Для PodSpot мы сделали сайт, который за несколько секунд объясняет, чем отличаются номер на двоих, капсула, глэмпинг и кемпинг: у каждого формата свои иконки удобств и свои фотографии. Тёмная тема с тёплым оранжевым передаёт вечерний, уютный образ места и не отвлекает от фото. Дизайн и вёрстка заняли две недели: неделя на каждый этап.
GreenOakвеб-студия
Нужен сайт для отеля или кемпинга?
Обсудим ваш проект
Расскажите, какие форматы размещения у вас есть и что хотите показать гостю. Скажем, что можно сделать, за какой срок и сколько это стоит.
- Срок
- 2 недели
- Платформа
- WordPress
- Состав
- Логотип, стиль, дизайн, вёрстка
- Год
- 2024
Обсудить проект
Опишите задачу в двух-трёх фразах. Ответим и предложим варианты.
Понравился проект? Хочу такой же лендинг: условия и цены · Другие примеры работ