Создание сайта с нуля · Tailwind CSS · 2026

Сайт проката для курьеров, который собирает заявки с первого экрана: с нуля за один заход

Сайта у проката не было: курьеру негде было сразу увидеть условия и оставить заявку. Собрал одностраничный сайт бренда «Вжух!» — первый экран сразу понятен, а кнопки «Забронировать байк» и «Рассчитать доход» ведут к заявке.

Обсудить похожий проект →

Tailwind CSS jQuery 3.4 iMask.js — маска телефона FontAwesome Montserrat + Pattaya + Inter Одна страница Жёлтый / чёрный Фото курьера на весь экран
Сайт: welly-krd.ru Клиент: «Вжух!» (прокат электровелосипедов) Ниша: аренда электровелосипедов для курьеров, Краснодар CMS: без CMS — статичный HTML Период: 2026
Первый экран сайта на большом экране
Первый экран — так его видит посетитель: бренд, курьер и кнопки действия сразу
в один клик
Заявка с формы бронирования
маска телефона не даст ввести номер с ошибкой
мобильный
Основной трафик курьеров
страница собрана под телефон
15 минут
Выдача байка — на первом экране
минимальный залог и свой сервис рядом
2 кнопки
«Забронировать байк» и «Рассчитать доход»
ведут прямо к заявке

Что вы получите

Первый экран, понятный курьеру

Сразу видно, кому, что и на каких условиях: минимальный залог, выдача за 15 минут, свой сервис.

Кнопки, которые ведут к заявке

«Забронировать байк» и «Рассчитать доход» — с корректным вводом номера через маску.

Лёгкую страницу под мобильный трафик

Одна страница без CMS, аккуратная вёрстка. Там, где сидят курьеры — на телефоне.

Задача

Прокат «Вжух!» даёт курьерам Яндекс Еды, Самоката и Купера мощные электровелосипеды: без залога, со своим сервисом и заменой батареи за 1 минуту. Сайта не было вообще — нужен был с нуля: первый экран, который сразу понятен курьеру, и понятные кнопки действия.

Что было нужно

Что сделано

Сайт собран с нуля: дизайн, вёрстка, код и настройка скорости. Всё подтверждено замером от 09.10.2026.

1.1 · Дизайн первого экрана
Выполнено

Крупный бренд-акцент и фон на всю ширину

Сделано

Первый экран — целая надпись «Вжух!» крупным шрифтом Pattaya поверх полного фонового фото курьера. Рядом теги и бейдж «Специальное предложение для курьеров». Дальше контент идёт «выпадающими» секциями — 8 смысловых блоков подряд: условия, плюс для курьера, деньги, сценарий работы.

1.2 · Вёрстка на Tailwind CSS
Выполнено

Одна страница, аккуратная структура

Сделано

Вёрстка в Tailwind CSS (утилита-стили: короткие классы вместо длинных CSS-файлов). Страница одна, внутри — только переходы по якорям (прыжки к секциям), внешних страниц не линкуем. Плашки «Мин. залог», «Выдача за 15 мин», «Свой сервис» оформлены отдельными бейджами.

1.3 · Код: форма и маска телефона
Выполнено

Заявки с корректным вводом номера

Сделано

Кнопки «Забронировать байк» и «Рассчитать доход» ведут к формам. Телефон вводится через маску iMask.js — пользователь не может набрать номер в неправильном формате. Логика кнопок и анимации — на jQuery 3.4, иконки — FontAwesome.

1.4 · Скорость и вес
Частично

Страница лёгкая, но полная загрузка могла быть быстрее

Как есть

Вес страницы 2,25 МБ: картинки JPG 1,19 МБ, шрифты (Montserrat, Pattaya, Inter) 311 КБ, JS 121 КБ, CSS 102 КБ — на странице 10 изображений и 349 элементов разметки. Отклик сервера 205 мс, запросов всего 18. Полная загрузка — 5,9 с: заметная доля приходится на крупный фоновый фото и три шрифта, эти файлы можно сжать — ближайшая точка роста.

Этапы и сроки

  1. Разбор задачи — 1–2 дня: кому продаём и какие выгоды главные.
  2. Дизайн и вёрстка — один экран, жёлто-чёрный бренд, фото курьера.
  3. Формы и логика — кнопки брони и расчёта, маска телефона.
  4. Запуск и замер — публикация и проверка скорости (09.10.2026).

Сроки беру из реального проекта; по вашему сайту назову после бесплатного разбора.

Стало — результат

Сайт работает и принимает заявки. Все цифры — замер Playwright Chromium (десктоп 1440) от 09.10.2026.

ПоказательЗамер (09.10.2026)
Отклик сервера (TTFB)205 мс
Страница готова к работе (DCL)4,8 с
Полная загрузка (Load)5,9 с
Запросов к серверу18
Вес страницы~2,25 МБ (картинки 1,19 МБ, шрифты 311 КБ, JS 121 КБ, CSS 102 КБ)
Число элементов на странице349
Изображений на странице10
Заголовок H1один — «Вжух!»
Описание страницы для поисказадано
Картинка-превью для соцсетей (og:image)не задано
Язык страницыlang="ru"
Ссылки на другие страницынет — только якорные переходы внутри страницы

Честная точка роста: og:image (картинка-превью для соцсетей и мессенджеров) не задан — стоит добавить. Полная загрузка 5,9 с — за счёт крупного фонового фото и трёх шрифтов; при следующем заходе стоит сжать фоновое фото и уменьшить число файлов шрифтов.

Пруфы

Скриншоты живого сайта welly-krd.ru. Кликните, чтобы открыть в полном размере.

Сколько стоит

Разбор задачи

Бесплатно: смотрю, что продаёте, показываю, что вынести на первый экран, и даю план. Называю срок и вилку.

Сайт под ключ

Стоимость считаю после разбора — зависит от числа секций и форм. Точную вилку называю до начала, без сюрпризов.

Цены не публикую: они зависят от задачи. Оставьте заявку — пришлю вилку под ваш сайт в тот же день.

Частые вопросы

Сколько стоит такой сайт?
Зависит от объёма секций и форм. Точную вилку называю после бесплатного разбора.

Сколько делается?
Срок назову после разбора задачи — это одна страница, работы обычно быстрые.

Смогу ли сам менять текст и фото?
Да, страница статичная и понятная; при желании подключу удобное управление.

Есть ли гарантия?
Условия и гарантию фиксируем до начала работ, и в течение двух недель после сдачи правлю замечания бесплатно.

Сайт проката собран с нуля и работает

Одна страница, жёлто-чёрный брендинг, формы бронирования с маской телефона. Замеры — от 09.10.2026, Playwright Chromium, десктоп 1440.

Сайт: https://welly-krd.ru

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