Дизайн, код и AI в одних руках - проект под ключ
- Город
- Москва
- Опыт работы
- 6 лет
- На сайте с
- 2026 года
- Юридический статус
- Самозанятый
Собственный проект, не клиентский заказ: концепция сайта для вымышленного бренда авторских туров на север.
Задача, которую я себе поставила: сделать сайт для дорогого тура. Не «премиального» в смысле тёмной темы и тонкого шрифта, а буквально дорогого — почти два миллиона рублей с человека, депозит пятьсот восемьдесят пять тысяч. На таком чеке решение не принимают по красивым фотографиям: человек хочет знать, за что именно платит, что будет тяжело и что случится, если он передумает.
Маршрут для демо взяла с реальной географией: Рейкьявик, полуостров Снайфедльснес, посадка на парусный кеч, двое суток перехода через Датский пролив, восточная Гренландия, перелёт над ледниковым щитом в Илулиссат, ледяной фьорд ЮНЕСКО, остров Диско, край щита в Кангерлуссуаке. Двенадцать дней, две страны, восемь человек в группе.
Отсюда главный принцип вёрстки: на этом сайте ничего не прячется за «узнать подробности». Цена, депозит, условия возврата, температура, физическая нагрузка, качка в проливе — всё лежит на странице открытым текстом.
Маршрут разобран по двум осям сразу. Первая — дни: двенадцать карточек, у каждой координаты, длина перехода и тип ночёвки в подзаголовке, а в тексте то, чего не пишут в рекламе: «половину вещей обычно оставляем в камере хранения», «пересекаем полярный круг по традиции с чашкой какао вместо шампанского», «капитан объясняет, почему к айсбергам нельзя подходить ближе, чем на три их высоты».
Вторая ось — широта. Сайт постоянно напоминает, где вы физически находитесь: 64°08′ в Рейкьявике, 66°33′ на полярном круге, 69°13′ в Илулиссате. Это и структурный приём (переход с юга на север задаёт ритм страницы), и содержательный: в туре на север сама широта и есть товар.
Схема перехода нарисована в SVG условной — с прямой подписью «схема условная, точный трек и координаты — в маршрутном листе». Показывать выдуманный трек как настоящий на сайте, по которому человек поедет, нельзя.
Блок «Что включено» сделан шестью пронумерованными пунктами с конкретикой вместо галочек: не «перелёты», а три конкретных плеча с багажом 23 кг; не «проживание», а отели и гостевые дома по двое в номере; не «питание», а все завтраки и восемь ужинов, включая вечер у рыбацкой семьи. Под блоком — короткая строка «не входит»: виза, алкоголь, сувениры.
Деньги показаны целиком на одном экране: три даты заезда со своим состоянием группы и подписью, что застанете (полярный день на исходе и киты в проливе; первые ночи с сиянием; зимняя версия с упряжками вместо катера), цена на человека с пересчётом в евро, доплата за одноместное размещение, депозит 30% и три шага оплаты, включая условие отказа за 60 дней с удержанием сборов.
Гиды представлены по делу: автор маршрута с четырнадцатью сезонами в Арктике и лоцман, родившийся в Илулиссате, который переводит с гренландского. Пять частых вопросов отвечают прямо, в том числе «а если укачивает»: качка бывает, и маршрут можно пройти в облегчённой версии — перелётом вместо парусника, минус 150 000 ₽.
Фотографии в макете — из личного архива, обработанные под палитру: обесцвечены с сохранением только красного, того же алого
#FC381C, что и единственный акцент сайта. Кадр и акцент оказываются одного цвета, и снимок перестаёт быть иллюстрацией, становится частью системы.
Технически это один автономный HTML-файл: семь секций, двадцать пять SVG, семь фотографий и три начертания шрифтов вшиты прямо в файл, внешних запросов нет. Скрипт минимальный, около семидесяти строк — переключение дней маршрута. Шрифты Alumni Sans, Overpass и Anonymous Pro. Палитра: бумага
#EEEDE9, чернила
#131313, алый
#FC381C единственным акцентом.
Получился макет, который отвечает на вопрос дорогого чека: почему столько и что я за это получу.
Кейс показывает три вещи. Первое — работу с длинным содержательным контентом: двенадцать дней, шесть разделов, пять вопросов, и всё это читается, а не превращается в стену текста. Второе — построение системы из одного акцентного цвета: алый держит всю страницу и заходит даже в фотографии. Третье — умение сверстать честную коммерческую часть, где условия отказа лежат рядом с ценой, а не в оферте мелким шрифтом.
Подход переносится на любой дорогой продукт с долгим циклом решения: экспедиции и яхтенные переходы, обучающие программы, медицинские программы, реставрация, покупка недвижимости за рубежом.
