Портфолио · сайты

Сайты, с которых записываются и пишут

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

saharmiami.com
Сайт saharmiami.com, вид на компьютере
Сайт saharmiami.com, вид на телефоне

Пролистайте страницу в рамке

Редизайн сайта арендыWordPressАнглийский

Sahar Miami, апартаменты в аренду в Майами-Бич

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

  • Океан с первого экрана. Вверху сменяются кадры Fontainebleau, пляжа и вида с балкона, а рядом две кнопки: к квартирам и к форме бронирования.
  • Шесть квартир рядом. На каждой карточке фото, этаж и вид из окон: бассейн, океан, залив или город. Сравнить можно, не открывая ни одной страницы.
  • Настоящие виды с балконов. Отдельный блок с фото, снятыми с балконов самих квартир, и подписью, с какого именно.
  • Заявка с датами. В форме календарь заезда и выезда с кнопками «выходные», «неделя», «месяц» и выбор квартиры. Каждая заявка сохраняется в админке сайта, даже если письмо потеряется.
  • Коротко или надолго. Отдельные блоки для отдыха и для долгой аренды, каждый со своей кнопкой.
Открыть вживую: saharmiami.com ↗
sewgrace.com
Сайт sewgrace.com, вид на компьютере
Сайт sewgrace.com, вид на телефоне

Пролистайте страницу в рамке

Редизайн магазинаWooCommerceАнглийский

Sew Grace, подарки ручной работы

Этель сама шьёт кухонные полотенца, прихватки, чехлы для вина и сумки, и каждый принт у неё в одном экземпляре. Мы переделали её магазин на WooCommerce: теперь это лавка подарков, где весь товар видно с первой страницы.

  • Цвета из логотипа. Бирюза из слова Grace, оливковая ветвь и розовые кнопки, а шрифты с засечками и рукописная подпись подходят вещам, сшитым вручную.
  • Всё на одной странице. 123 подарка в наличии прямо на главной, по группам и с фильтром, так что ничего не нужно искать.
  • Её собственные слова. Вверху тексты самой Этель и скидка 20% по коду GRACE, которую видно на каждой странице.
  • История мастерицы. Блок об Этель с её подписью и о том, что половина каждой продажи идёт на миссионерскую работу.
Открыть вживую: sewgrace.com ↗
spartajobs.pl
Сайт spartajobs.pl, вид на компьютере
Сайт spartajobs.pl, вид на телефоне

Пролистайте страницу в рамке

Сайт агентства трудоустройстваWordPress4 языка

Sparta Jobs, агентство трудоустройства в Кракове

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

  • Два сайта в одном. По-украински и по-русски говорит сайт для кандидатов, по-польски и по-английски для компаний: своё меню, свои формы и свой телефон. Человек сразу попадает на версию на своём языке.
  • Вакансии с фильтрами. Одним касанием видно работу для мужчин, для женщин, для пар, для студентов или с жильём. На карточке ставка netto, график и город.
  • Живые люди вместо анонимной формы. Три координатора с фото, телефоном и WhatsApp, и заголовок «Ваш координатор говорит по-украински».
  • Звонок с любого экрана. На телефоне внизу всегда панель «Позвонить», «Вакансии» и WhatsApp, а вне часов работы офиса вместо звонка предлагается заявка.
  • Доверие фактами. Номер в государственном реестре агентств KRAZ с подсказкой, где его проверить, подбор за 0 zł и зарплата 10-15 числа на счёт.
Открыть вживую: spartajobs.pl ↗
hairallure.pl
Сайт hairallure.pl, вид на компьютере
Сайт hairallure.pl, вид на телефоне

Пролистайте страницу в рамке

Сайт салонаWordPressПольский

Hair Allure, салон красоты в Кракове

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

  • Видео на первом экране. Волосы крупным планом в движении, заголовок с городом и услугой, а под ним кнопка записи. Человек за секунду понимает, куда попал.
  • Запись в шапке. Кнопка «Umów wizytę» ведёт прямо в Booksy и видна на каждом экране, рядом телефон салона.
  • Настоящие работы вместо стока. Галерея собрана из фото клиенток салона: длина, цвет, капсулы крупным планом, процесс и команда.
  • Ответы до записи. Сравнение методов, шаги визита и вопросы перед первой записью. На консультацию приходят уже подготовленными.
Открыть вживую: hairallure.pl ↗
Ирен Отрашевская, коуч
Сайт Ирен Отрашевская, коуч, вид на компьютере
Сайт Ирен Отрашевская, коуч, вид на телефоне

Пролистайте страницу в рамке

ЛендингКоуч, бизнес-психологУкраинский

Ирен Отрашевская, бизнес-психолог и коуч

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

  • Чёрное с золотом. Тёмный фон, золотые акценты и немного белого, шрифт с засечками: сдержанный стиль, который клиентка выбрала сама.
  • Запросы словами клиентов. Шесть карточек с фразами, с которыми приходят руководители, чтобы человек узнал себя с первого экрана.
  • 8 недель по этапам. Четыре блока по две сессии: знакомство, доверие, внедрение и закрепление.
  • Запись на разговор. Короткая форма с выбором формата и языка и три шага, которые объясняют, что будет после заявки.
Открыть макет ↗
mere.black
Сайт mere.black, вид на компьютере
Сайт mere.black, вид на телефоне

Пролистайте страницу в рамке

Лендинг с магазиномWooCommerceПольский

Mere Black Coffee, кофе в зёрнах

Польская марка 100% арабики для ценителей и для офисов. Лендинг должен был передать вкус через экран и дать заказать пачку без поиска магазина.

  • Атмосфера с первого экрана. Кофейные зёрна на тёмном дереве, призыв «Podnieś jakość swojej kawy» и кнопка заказа сразу под ним.
  • Каждый сорт как паспорт. Страна, регион, ферма, высота, сорт, обработка, вкусовые ноты и степень обжарки. Для кофемана это аргументы, а не просто название на пачке.
  • Заказ в одно касание. Кнопка «Zamów» стоит у каждого сорта и ведёт в магазин на WooCommerce с онлайн-оплатой.
  • Отдельный путь для компаний. Блок о кофе для офиса и форма контакта: фирма может договориться о постоянных поставках, а не покупать по одной пачке.
Открыть вживую: mere.black ↗
ahg36.com
Сайт ahg36.com, вид на компьютере
Сайт ahg36.com, вид на телефоне

Пролистайте страницу в рамке

Сайт галереи с магазиномWooCommerceАнглийский и польский

Gallery 36, галерея живописи в Кракове

Галерея на Флорианской, 36 продаёт оригинальные картины более 200 художников и каждый вечер показывает Immersive Show. Сайт должен был стать витриной, где картину можно выбрать, примерить к своей стене и купить, не выходя из дома.

  • Первый экран как зал галереи. Картины из коллекции сменяют друг друга на фоне, а подпись показывает название, автора, размер и цену. Одна кнопка ведёт в каталог, другая на шоу.
  • Вход по бюджету и по сюжету. Плитки от «до 500 zł» до «более 2 000 zł» и разделы по темам: Краков, природа, животные, люди. Человек сразу идёт туда, где его картина.
  • Картина на Вашей стене. На странице картины три вкладки: сама картина, в раме и на стене в масштабе. Рядом конструктор рам, галерея в 3D и 3D-анимация.
  • Шоу, на которое покупают билет. Тёмный блок с фото Immersive Show: время, продолжительность, количество мест и кнопка покупки билета.
  • Магазин без лишних шагов. Корзина, оформление заказа, избранное и кабинет покупателя на WooCommerce, весь сайт на двух языках.
Открыть вживую: ahg36.com ↗
fiber.bet
Сайт fiber.bet, вид на компьютере
Сайт fiber.bet, вид на телефоне

Пролистайте страницу в рамке

Интернет-магазинWooCommerceПольский

S.E. TRADE, фибра для бетона

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

  • Длины волокон в масштабе. На первом экране линейка: каждое семейство фибры нарисовано в настоящую длину, от 2 до 54 мм. Клик по семейству ведёт прямо в его прайс.
  • Магазин как прайс. Вместо одинаковых карточек таблица по семействам: длина, упаковка, наличие, цена и кнопка в корзину в одной строке.
  • Калькулятор дозировки. Человек вводит площадь и толщину стяжки, а сайт считает килограммы фибры и количество упаковок.
  • Отдельный путь для опта. Паллеты без цены получили кнопку «Zapytaj o cenę» и форму запроса, где указывают количество, применение и место доставки.
Открыть вживую: fiber.bet ↗

Как мы делаем сайт

  1. Разбираемся, кто Ваш клиент.Что его беспокоит, чего он боится и что должен увидеть, чтобы написать именно Вам. Из этого вырастает структура страницы.
  2. Пишем тексты.Каждый блок отвечает на один вопрос клиента и ведёт к следующему. Без воды и общих слов, которые есть на каждой второй странице в сети.
  3. Делаем дизайн под нишу.Салон красоты, консультант и кофейная марка выглядят по-разному, потому что их клиенты выбирают по-разному.
  4. Проверяем на телефоне.Большинство посетителей приходит со смартфона, поэтому каждый экран проверяем на узком экране, а не только на компьютере.
  5. Запускаем и передаём.Домен, хостинг, формы заявок, почта. Вы получаете готовый сайт и все доступы к нему.

Сейчас в работе

Над чем мы сейчас работаем

Сайт ещё строится, а макет уже можно пролистать. Вот проекты, которые сейчас у нас на столе.

Натали Велесевич, YouTube
Сайт Натали Велесевич, YouTube, вид на компьютере
Сайт Натали Велесевич, YouTube, вид на телефоне

Пролистайте страницу в рамке

МакетЛендингYouTube-продюсерУкраинский

Натали Велесевич, YouTube-продюсер из Кракова

Натали ведёт канал №1 об украинцах в эмиграции: 16,5 тыс. подписчиков и более 100 тыс. просмотров в месяц. Теперь она продюсирует YouTube-каналы для других, и мы делаем лендинг, который показывает её работу цифрами и ведёт к консультации.

  • Стиль по её примеру. Белый фон, градиент от синего к красному и точки-разделители, как на сайте агентства, который Натали прислала сама.
  • Живое видео на первом экране. Отрывки её интервью с Олегом Винником и Антоном Лирником, а на телефоне отдельное вертикальное видео.
  • Кейсы с просмотрами. Восемь роликов канала с реальными просмотрами, от 46 до 103 тысяч, и интервью с Винником на 248 тысяч.
  • Четыре языка. Переключатель украинского, польского, русского и английского, потому что её зрители живут по всей Европе.
Открыть макет ↗
веб-студия, Фейетвилл
Сайт веб-студия, Фейетвилл, вид на компьютере
Сайт веб-студия, Фейетвилл, вид на телефоне

Пролистайте страницу в рамке

МакетРедизайнСайт веб-студииАнглийский

Веб-студия из Северной Каролины

С 2001 года студия в Фейетвилле делает и обслуживает сайты для местного бизнеса, церквей и городских служб, сегодня их более 400. Собственный сайт у неё ещё 2015 года, теперь делаем новый, чтобы он выглядел не хуже сайтов, которые студия продаёт.

  • Цвет дают работы. Тёплая белая и почти чёрная гамма, крупный шрифт и почти никакого собственного цвета: яркие здесь сайты клиентов.
  • Свежие запуски в рамке. Пять новых сайтов сами прокручиваются в рамке ноутбука, а рядом вид на телефоне.
  • 25 лет по годам. Лента с 2001 по 2026 год с сайтами, которые появлялись в портфолио каждый год, и стена логотипов клиентов.
  • Позвонить просто. Телефон в шапке, на телефоне кнопка звонка едет за страницей, а шапка показывает, открыт ли офис сейчас.
Открыть макет ↗
rosa.kharkov.ua
Сайт rosa.kharkov.ua, вид на компьютере
Сайт rosa.kharkov.ua, вид на телефоне

Пролистайте страницу в рамке

МакетРедизайнКаталог для оптаУкраинский

«Роса», кондитерская фабрика из Харькова

С 2001 года «Роса» печёт печенье, пирожные, кексы и торты для магазинов и сетей: АТБ, КОЛО, SPAR. Старый сайт на Joomla 2017 года, теперь делаем новый, чтобы оптовик нашёл изделие и оставил заявку с телефона.

  • Стиль с коробки. Жёлтый фон и белые рисунки берём прямо с их упаковки, а коробка с печеньем стоит на первом экране.
  • Два входа. Отдельно для магазинов и сетей, отдельно для покупателей, а кнопка для оптовиков есть в шапке на каждой странице.
  • Каталог с фактами. 56 изделий со сроком хранения, весом ящика и составом, с поиском и фильтром по категориям.
  • Список для заявки. Изделия добавляются в список прямо из каталога и попадают в форму оптовой заявки.
Открыть макет ↗

Нужен сайт или лендинг?

Напишите, что Вы продаёте и кому. Предложим структуру и скажем, сколько это будет стоить.