HostusPocus — лендинг для хостинг-платформы

Используемые навыки CSS3 Figma HTML5 JavaScript

Описание

Я разработал лендинг для HostusPocus — компании, предоставляющей услуги веб-хостинга. Целью было создать минималистичный и понятный интерфейс, который быстро доносит преимущества сервиса и ведет пользователя к действию.

Ключевые блоки:

🎯 Хедер с навигацией и кнопкой "Get Started for Free"

🎨 Иллюстративный баннер с призывом Create. Deploy. Rest

🔐 Блок с преимуществами:

Secure

24/7 Quality Support

99.9% SLA Guarantee

12 years in the business

🖥 Визуальный переход с изображением серверной комнаты для усиления доверия

⭐ Отзывы клиентов с фото и каруселью

💸 Тарифные планы:

Shared Hosting ($19.99)

Managed Hosting ($29.99)

Virtual Hosting ($69.99)

Dedicated Servers ($129.99)

📞 Блок обратной связи — кнопка чата с экспертом

Решение

Figma — дизайн и прототипирование

HTML5 / CSS3 / SCSS — вёрстка

JavaScript (Vanilla) — взаимодействие с элементами интерфейса (карусель, плавные переходы)

Flexbox / Grid — для адаптивной структуры блоков

БЭМ-методология — для организации CSS-классов

Оптимизация под Retina — иконки в SVG, шрифты и изображения в высоком разрешении

Результат

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