Suncoast лендинг

презентационный сайт для пляжного комплекса
suncoast
в разработке
ставились задачи:
  • Cоздать: сайт оборудованного пляжного комплекса
  • Интегрировать: информацию об инфрастуктуре
  • Реализовать: полноценную галерею с просмотрщиком фотографий

Стек технологий Suncoast

Python
Django
HTML5
CSS3
Vuejs
Yahoo weather API

Финальный результат

Suncoast был заказан, как стандартный сайт-одностраничник с заранее определенными блоками. Но мы захотели добавить немного разнообразия и изобретательности в этот проект. Поэтому нами было принято решение добавить в изначальную структуру сайта несколько интересных и полезных фич, таких как веб-камера, транслирующая картинку с пляжа и погодный информер.

Suncoast главная
Suncoast главная

Дизайнеры Webguards основательно поработали над обликом сайта, чтобы он получился по-летнему ярким, сохранив при этом читаемость информации.

Основной упор был сделан на крупные элементы и блоки, которые "заставляют" обратить на них внимание и рассмотреть подробнее. Крупные фотографии пляжного комплекса были совмещены с цифрами характеристик, чтобы предоставить посетителю сайта максимум объективной информации.

Для краткой презентации зрителю всех возможностей "Солнечного" был добавлен демонстрационный видеоролик в высоком разрешении, который в статике представляет собой изображение .
Для упрощения навигации было добавлено сайд-меню, которое автоматически перемещает экран на тематический раздел сайта.

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

Suncoast вебкамера
Suncoast вебкамера

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

Нами была применена технология ajax подгрузки видеопотока с камеры, чтобы страница не зависала и можно было наблюдать в реальном времени за тем, что происходит на пляже.

Также имеется возможность автоматически поделиться ссылкой на вебкамеру в соцсетях, либо сделать скриншот с камеры, с целью сохранения информации. Пользователь может контролировать уровень звука с камеры, а также разворачивать изображение в полный экран.

Suncoast информер
Suncoast информер

WebGuards добавила погодный информер, как вишенку на торт. Мы использовали для этих целей Yahoo weather API, определив его как наиболее подходящий под этот проект.

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

Это важно для понимания истинной погодной ситуации - насколько жарко или ветрено будет на пляже, если захотите его посетить. Даже изображение с вебкамеры не всегда даст полную информативность о состоянии погоды на текущий момент, хотя комбинация вебки и информера, наоборот порождает 100% понимание ситуации на берегу.

Мы создаем очень крутые лендинги

Хотите поработаем над вашим?

Почему нас выбрали

Реализация подобного проекта с нуля и “под ключ” требовала тщательной проработки: от концепции до полноценно работающего продукта. Мы разработали оригинальные решения, которые позволили масштабировать систему и добиться максимальной эффективности работы.

Архитектура
Архитектура

Качественный веб-продукт требует сложной продуманной структуры. Мы создаем уникальную архитектуру под каждого нашего проект, т.к. только таким образом можно добиться устойчивости системы и максимальной скорости работы. Такое нельзя получить используя стандартные CMS и шаблонные решения.

Мобильная адаптация
Мобильная адаптация

Процент мобильного траффика растет с каждым годом. Именно поэтому WebGuards адаптирует каждый разрабатываемый проект под мобильные устройства, чтобы сделать одинаково удобным пользование для владельцев десктопов, планшетов и мобильных девайсов.

Тесты
Тесты

Особое внимание команда WebGuards уделяет тестированию готового продукта перед его релизом. Каждому нашему проекту обеспечивает покрытие мануальными тестами, которые сводят к минимуму вероятность возникновения различных ошибок и поломок в процессе работы проекта.

SEO
SEO

Мы внимательно следим за тем, чтобы созданные нами проекты соответствовали всем правилам и стандартам, которые предъявляет к сайтам поисковый сервис Google.

Выполненные работы:

Концепт
01

В ходе брейнсторма был придуман и детально расписан весь концепт - от нахождения ниши и до перспектив коллаборации с иными веб-продуктами.

Архитектура
02

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

Дизайн
03

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

Верстка
04

Наши front-end разработчики натянули готовый дизайн и подогнали его под требования pixel-perfect.

Программирование
05

Back-end создал отлично работающий алгоритм, модели, структурные связи и процессы, которые обеспечивают максимальную эффективность проекта.

Тесты
06

Весь проект был покрыт сетью автоматических и мануальных тестов. Были проверены и отлажены все возможные проблемные части системы.

WebGuards / Контакты

Есть идея? Мы предложим оптимальное решение!