Сайт для мотошколы и команды: кейс Unique Racing Team 96
Для мотошколы и мотокоманды Unique Racing Team 96 мы нарисовали в Фигме и сделали посадочную страницу: жёлто-чёрный агрессивный стиль, огромная типографика, мотоциклы в кадре и диагональные плашки. Макеты есть для компьютера, планшета и телефона.
Факты о проекте
- Срок
- 4 неделидизайн 2 · вёрстка 2
- Тип проекта
- Лендинг, 2025посадочная страница
- Ниша
- Мотошкола и командаобучение мотоспорту
- Результат
- Сайт готов
Unique Racing Team 96 — школа мотоспорта и мотокоманда: обучение езде на мотоцикле, тренировки на картодромах, события и партнёрство. Мы нарисовали в Фигме и сделали для неё посадочную страницу. Срок 4 недели: две недели на дизайн и две на вёрстку.
Задача клиента
Школе и команде нужна была страница, которая сразу цепляет: с первого экрана ясно, что это про мотоспорт, а записаться на тренировку можно в один клик.
- Яркий, запоминающийся визуал: жёлто-чёрный стиль, мотоциклы, крупная типографика.
- Показать направления обучения и тренировки на картодромах.
- Рассказать о событиях и о партнёрстве с командой.
- Дать быстрый способ записаться на тренировку или заказать звонок.
- Хорошо выглядеть на компьютере, планшете и телефоне.
Что мы сделали
- Макеты в ФигмеСтраница нарисована для четырёх ширин экрана: компьютер 1920 и 1280, планшет 768, телефон 360.
- Агрессивный жёлто-чёрный стильТёмный графитовый фон и яркий жёлтый акцент: цвет работает на кнопках, лентах и заголовках.
- Крупная типографикаУзкий плотный шрифт заглавными и огромный логотип за мотоциклом на первом экране.
- Мотоциклы в кадреВырезанные мотоциклы поверх фона и фотографии с трассы.
- Диагональные плашкиКнопки, поля и широкие ленты в форме параллелограмма: единый «скоростной» ритм страницы.
- Меню и поп-ап заявкиМеню для планшета и телефона и окно записи с полями и кнопкой «Отправить» для четырёх ширин.
- Кнопки и поля с состояниямиОбычная, при наведении и нажатая кнопка; пустое поле, поле с вводом и поле с ошибкой.
- Вёрстка сайтаПосадочная страница собрана по макетам и подстроена под экран от компьютера до телефона.
Жёлтый на чёрном: крупно, резко, под углом
Главная ставка страницы на изображение: мотоцикл в кадре, огромный шрифт и жёлтые диагональные ленты, которые ведут взгляд к кнопке. На картинках макеты дизайна, тексты в них условные.
- 01Огромная типографикаНазвание команды растянуто на весь первый экран и работает как фон, а заголовки набраны плотным шрифтом заглавными.
- 02Диагональные плашкиКнопки, поля и ленты скошены под одним углом: страница выглядит быстрой даже в покое.
- 03Мотоцикл в кадреВырезанные мотоциклы поверх фона и фотографии с трассы: гость сразу видит, о чём страница.
Стиль: логотип, цвета, шрифты, кнопки
Образ держится на тёмном графитовом фоне и сочном жёлтом: цвет как знак скорости и предупреждения. Всё скошено под одним углом.
Широкие скошенные буквы: белое «UNIQUE» над жёлтым «RACING TEAM» и крупное жёлтое «96» справа.
На первом экране тот же знак огромный и полупрозрачный стоит за мотоциклом, а в подвале и меню он стоит в обычном размере.
- #F7CB0AЖёлтый: плашки, ленты, акценты
- #F3EB00Кнопка при наведении: ярче и холоднее
- #C29C00Кнопка при нажатии: темнее
- #151616Почти чёрный: текст на жёлтом
- #1F1F23Графит: фон страницы
- #242429Карточки и поп-ап
- ЗаголовкиТренировка на мотоцикле
Узкий плотный шрифт, заглавные, крупно; рядом тонкая жёлтая линия.
- Основной текстМы учим ездить правильно, безопасно и красиво.
Спокойный рубленый шрифт для описаний: читается на любом экране.
Лендинг на четырёх экранах
Страницу мы нарисовали в Фигме для компьютера, планшета и телефона, а также отдельно меню и окно заявки. На картинках макеты дизайна: тексты в них условные, значки соцсетей и контакты скрыты.
На компьютере
На планшете
Первый экран, 768 
Сопровождение и список преимуществ, 768
На телефоне
Первый экран 
Тренировки 
Сопровождение и список
Меню
Меню на планшете 
Меню на телефоне
Поп-ап с заявкой
Окно заявки для компьютера 
Окно заявки, 540 
Окно заявки, 420 
Окно заявки для телефона
Что получил клиент
Яркий образ мотошколы и команды и готовая посадочная страница: от макетов в Фигме до вёрстки.
- Сайт готовСтраница нарисована и сверстана по макетам.
- Дизайн для четырёх экрановКомпьютер 1920 и 1280, планшет 768 и телефон 360, плюс меню и окно заявки.
- Единый стильЖёлтый на графитовом, скошенные кнопки и поля, крупные заголовки.
- Кнопка записи на каждом экранеЗаписаться на тренировку и заказать звонок можно с любого блока страницы.
Срок и этапы
4 недели: дизайн 2 недели и вёрстка 2 недели
Комментарий студии
Для Unique Racing Team 96 мы сделали посадочную страницу, где с первого экрана видно главное: мотоцикл, огромный логотип и жёлтая кнопка записи. Агрессивный жёлто-чёрный стиль, крупный шрифт и диагональные плашки передают скорость, а макеты есть для компьютера, планшета и телефона. Дизайн и вёрстка заняли по две недели.
GreenOakвеб-студия
Нужен сайт с сильным визуалом?
Обсудим ваш проект
Расскажите, чем занимается ваша школа или команда и какой образ нужен сайту. Скажем, что можно сделать, за какой срок и сколько это стоит.
- Срок
- 4 недели
- Состав
- Дизайн, вёрстка
- Тип
- Лендинг
- Результат
- Сайт готов
Обсудить проект
Опишите задачу в двух-трёх фразах. Ответим и предложим варианты.
Понравился проект? Хочу такой же лендинг: условия и цены · Другие примеры работ