Разработка сайтов и дизайн-систем

Сайт, который выглядит как ваш бренд, а не как шаблон

Беру задачу целиком: разбираюсь, чем вы отличаетесь от соседей по нише, собираю стиль по сайтам, которые вам нравятся, и делаю страницу. В конце сайт открывается по вашему собственному адресу и с замочком в браузере, как у больших компаний. Дальше отдаю фирменный стиль набором — цвета, шрифты, готовые блоки, — чтобы соцсети и презентации выглядели так же.

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

Что я делаю

Три формата работы

01

Сайт под ключ

Одна страница или небольшой сайт-визитка: тексты, картинки, кнопки для заявок и звонков.

  • порядок блоков под вашу задачу
  • тексты пишу сама, не «здесь будет описание»
  • фото и обложки в одном стиле
  • одинаково удобно с телефона и с компьютера
02

Фирменный стиль

Один наглядный файл, по которому всё дальше собирается одинаково — хоть вами, хоть другим исполнителем. У дизайнеров это называется дизайн-системой.

  • цвета с точными номерами
  • шрифты и размеры заголовков
  • кнопки, карточки, значки
  • правила: так делаем, так не делаем
03

Запуск целиком

Сайт плюс всё, без чего он не начнёт работать. Разбираться самому не придётся.

  • покупка адреса вроде ваше-название.ru
  • место, где сайт живёт круглосуточно
  • замочек в адресной строке
  • документы, без которых нельзя принимать оплату

Примеры работ

От брифа до живого сайта

Art Vintage

Бренд футболок · сайт + дизайн-система artvintage.store ↗
Футболка Art Vintage с принтом Rolls-Royce Футболка Art Vintage с принтом Monte Carlo

Задача. Футболки с винтажной графикой, лимит пять штук на принт. Нужно было продать не ткань, а историю принта, и увести покупателя с маркетплейсов на свой сайт.

Что сделала. Собрала ядро бренда и голос, сняла с лендинга дизайн-систему в токены, сверстала магазин с карточками, бейджем «1 из 5» и FAQ. Подключила приём оплаты и юридические страницы. Сначала подняла сайт на своём VPS под Caddy, потом перенесла на хостинг с доменом и бесплатным HTTPS — так дешевле для одностраничного магазина.

Палитра
Шрифты
Антиква Playfair / Didot в заголовках, гротеск в тексте, капслок с широким трекингом
Стек
HTML/CSSCSS-токеныVPS + CaddyПриём оплаты

Кофейня «БаристИванович»

Клиентский проект · сайт + стиль с нуля Смотреть сайт ↗
Фасад кофейни, чёрно-белый кадр Кофе и портафильтры на стойке кофейни

Задача. Семейная кофейня на два этажа: хозяин сам за стойкой, наверху детская комната, своя кондитерская. У места была живая история и ни одной страницы в интернете.

Что сделала. Разобрала референсы владельца — редакторские сайты с кремовым фоном и гигантской типографикой. Собрала на их основе стиль, отобрала 32 кадра из 95, часть перевела в чёрно-белое ради единого тона, сверстала страницу с меню, детской комнатой и телефонами заказа.

Палитра
Шрифты
Playfair Display в заголовках, Manrope в тексте
Стек
HTML/CSSРабота с фотоАдаптив

Tropical Bar · Coconut Club

Выездной кокос-бар · сайт-визитка + домен coconutclub.ru ↗
Барная стойка кокос-бара Мероприятие с кокос-баром на закате

Задача. Премиальная выездная подача кокосов на корпоративах, свадьбах и закрытых площадках. Продают впечатление и брендирование, поэтому сайт должен был выглядеть дороже, чем «кейтеринг с ценником».

Что сделала. Собрала бриф запуска: нишу, конкурентов, портреты заказчиков, форматы выезда. Сверстала визитку с витриной форматов и заявкой, купила домен, перевела DNS на хостинг и подняла сайт с бесплатным HTTPS.

Палитра
Шрифты
Playfair Display + Montserrat
Стек
HTML/CSSДомен и DNSХостингHTTPS

Блог про запуск бренда с ИИ

Личный проект · две дизайн-системы
Страница дизайн-системы блога Обложка материала блога

Задача. Личный блог про запуск бренда с нейросетями: нужен был сайт, страница бесплатного материала и стиль, который держит и сайт, и посты в соцсетях.

Что сделала. Собрала две версии дизайн-системы и сравнила их на живых макетах, прежде чем выбрать. Сверстала сайт и страницу лид-магнита, отдающую PDF, обложки и карусели собираются по тем же токенам.

Палитра
Шрифты
Системный гротеск, антиква в акцентах, моно в служебных подписях
Стек
HTML/CSSДизайн-токеныPDF-лид-магнит

Как идёт работа

Четыре шага, без сюрпризов в конце

01

Бриф

Разбираемся, кому продаём, чем вы отличаетесь и что человек должен сделать на странице. Здесь же смотрим сайты, которые вам нравятся.

02

Стиль

Подбираю цвета, шрифты и вид кнопок. Показываю сразу на настоящих блоках будущего сайта, а не на отвлечённой картинке, и правим до сборки.

03

Сборка

Собираю страницу и проверяю, как она выглядит на телефоне и на компьютере. Показываю ссылкой, вы смотрите и говорите правки, я вношу.

04

Запуск

Покупаем адрес, ставлю сайт на него, включаю замочек, проверяю заявки. Отдаю все файлы и фирменный стиль: дальше сайт можно дополнять, не ломая вид.

Связаться · Москва, работаю удалённо

Расскажите, что нужно собрать

Напишите пару строк: чем занимаетесь, для кого работаете, что должно быть на сайте. Отвечу, берусь ли за задачу, и скажу сроки и стоимость.

Если есть сайт-образец, который вам нравится, — присылайте сразу, по нему быстрее договориться о стиле.