GNM-IX — лендинг, собранный в коде
Лендинг пиринговой сети GNM-IX, который я не только спроектировал, но и сам собрал в коде с помощью Claude Code: адаптивная вёрстка, анимации, интерактивные блоки — одна HTML-страница без внешних зависимостей.
GNM-IX — лендинг, собранный в коде
- Проект
- GNM-IX — лендинг, собранный в коде
- Тип проекта
- Разработка · Вёрстка
- Компания
- GNM
- Год
- 2026
- Моя роль
- Дизайн, структура и вёрстка
Обычно сайт проходит путь «макет в Figma → передача подрядчику → долгая вёрстка и правки». Для GNM-IX я хотел сократить этот путь: спроектировать и сразу собрать страницу самому, чтобы обсуждать уже работающий результат.
- Структура и тексты страницы: преимущества, география, сегмент в Сингапуре, услуги, отзывы
- Вёрстка адаптивной страницы с анимациями появления и интерактивными элементами
- Постановка задач Claude Code, проверка и доводка деталей до уровня макета
- Страница должна открываться одним файлом — без сборки и сервера
- Фирменный стиль GNM: шрифт, цвета, графика
Собрал страницу как самодостаточный HTML-файл со встроенными шрифтами и графикой: его можно отправить кому угодно и открыть двойным кликом — обсуждать живую страницу, а не картинку.
1 адаптивная страница, 10 смысловых блоков, версии для desktop и мобильных.
Рабочий прототип сайта, который можно показывать руководству и подрядчикам как живую страницу вместо статичных макетов.
- 1
- HTML-файл без зависимостей
- 10
- смысловых блоков
- 2
- адаптива: desktop и mobile
