Наши работы

Сайты и лендинги, которые мы спроектировали и собрали. У каждой работы показан состав: структура, подбор материалов, оформление и готовые экраны.

Узнать стоимость
Лендинг строительной компании WARD group: дом в вечерней подсветке
Лендинг

WARD group, дома под ключ

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

  • Структура страницы
  • Подбор фотографий
  • Расчет стоимости
  • Форма заявки
Лендинг грузоперевозок: фура на трассе вдоль побережья
Многостраничный сайт

Транспортные перевозки

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

  • Структура страницы
  • Счетчики и карта
  • Тарифы
  • Форма расчета
Лендинг озеленения офисов GreenSpace: папоротник и растение в кашпо
Интернет-магазин

GreenSpace, озеленение офисов

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

  • Структура страницы
  • Подбор фотографий
  • Счетчики
  • Форма заявки
Лендинг смузи-боулов: темный первый экран с чашей смузи и фруктами
Лендинг

Смузи-боулы Oh my smoothie

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

  • Структура страницы
  • Подбор фотографий
  • Меню с составом и ценой
  • Форма заказа
Лендинг кофе в зернах: сердце из кофейных зерен на темном фоне
Интернет-магазин

Кофе в зернах

Страница магазина кофе: разбор, чем зерно лучше молотого, каталог с переключением по маркам - Blasercafe, Boasi, Lavazza, Garibaldi, Vergnano - и карточки упаковок с ценой.

  • Структура страницы
  • Каталог по маркам
  • Карточки упаковок
  • Форма заказа
Лендинг HealthBowl: фиолетовый экран с чашей смузи
Лендинг

Смузи-боулы HealthBowl

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

  • Структура страницы
  • Выбор боула
  • Подсчет заказа
  • Палитра и шрифты
Лендинг кондитерской StudioCake: вафли с клубникой в теплой палитре
Лендинг

Кондитерская StudioCake

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

  • Структура страницы
  • Подбор фотографий
  • Каталог с весом и ценой
  • Форма заказа
Лендинг магазина стейков: мясо на доске в темной бордовой палитре
Интернет-магазин

Магазин стейков

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

  • Структура страницы
  • Карточки отрубов
  • Схема разделки
  • Форма заказа
Лендинг пекарни: хлеб на доске на темном фоне
Лендинг

Пекарня

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

  • Структура страницы
  • Подбор фотографий
  • Карточки выпечки
  • Форма заказа
Лендинг доставки японской кухни FOODY: блюда на темном фоне
Интернет-магазин

Доставка японской кухни FOODY

Страница доставки: блок о кухне заведения, карточки сетов и супов с объемом порции, обещание привезти заказ за 30 минут и форма с контактами.

  • Структура страницы
  • Карточки сетов
  • Условия доставки
  • Форма заказа
Лендинг обжарщика кофе: темный экран с салатовыми акцентами
Лендинг

Обжарщик кофе

Страница обжарщика: выбор смеси, обжарки и сорта, каталог с описанием вкуса - Марокко Можиана, Новый Орлеан Каталина, Колумбия Эль-Пуэнте - и заказ с выбором сорта.

  • Структура страницы
  • Каталог сортов
  • Описание вкуса
  • Форма заказа
Лендинг доставки суши SUSHIBU: роллы и палочки на темном фоне
Лендинг

Доставка суши SUSHIBU

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

  • Структура страницы
  • Подбор фотографий
  • Меню роллов
  • Форма заказа
Лендинг кондитерской: пирожные на светлой тарелке
Лендинг

Витрина пирожных

Страница кондитерской: рассказ о работе кондитера, популярные наборы с количеством штук и ценой - ассорти, эклеры, пирожные - и заказ набора.

  • Структура страницы
  • Подбор фотографий
  • Наборы с ценой
  • Форма заказа
Лендинг кондитерской Cake o'clock: печенье на шоколадном фоне
Лендинг

Кондитерская Cake o'clock

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

  • Структура страницы
  • Карусель десертов
  • Счетчик количества
  • Палитра и шрифты

Как мы ведем проект

Работа идет этапами: задача и ассоциации, подбор референсов и фотографий, палитра, шрифты, затем варианты первого экрана и сборка готовой страницы. Каждый этап показываем до того, как переходить к следующему.

Путь лендинга смузи-боулов: от задачи и ассоциаций до готовой страницы

  1. 01

    Задача

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

    Лист задачи: назначение страницы и три опорных слова
  2. 02

    Ассоциации с темой

    К каждому опорному слову набираем ассоциации и оставляем те, что подходят теме. Отобранные слова становятся списком для поиска материала.

    Три колонки ассоциаций и отобранные из них слова
  3. 03

    Референсы

    По отобранным словам собираем чужие работы и снимки: как тему подают другие и что из этого читается.

    Сетка референсов по теме: продукты, фрукты, готовые блюда
  4. 04

    Изображения для работы

    Из референсов отбираем снимки для самой страницы и проверяем, держатся ли они рядом одной серией.

    Отобранные снимки смузи-боулов
  5. 05

    Цветовая палитра

    Цвета берем из отобранных снимков: фон, акцент и цвет текста. Палитра выводится из фотографий, а не подбирается отдельно.

    Четыре цвета палитры: красный, темно-серый, салатовый и светлый фон
  6. 06

    Шрифты

    Гарнитуры сравниваем на одной и той же фразе. Так видно, какая подходит теме, а какая теряет читаемость на прописных.

    Одна фраза, набранная разными гарнитурами
  7. 07

    Варианты первого экрана

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

    Шесть вариантов первого экрана с разными шрифтами и фоном
  8. 08

    Готовая страница

    Выбранный вариант разворачиваем в страницу: первый экран, блок преимуществ, меню с ценами и форма заказа.

    Готовый лендинг смузи-боулов целиком