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

Сайти, з яких записуються і пишуть

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

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 ↗
edrockets.com
Сайт edrockets.com, вигляд на комп'ютері
Сайт edrockets.com, вигляд на телефоні

Прогорніть сторінку в рамці

Лендинг особистого брендуУкраїнська

Сергій Родінов, стратегічний радник

Консультант для засновників і експертів з досвідом понад 20 років. Сторінка мала пояснити, чим він корисний, довести це цифрами і привести людину на платну діагностику.

  • Позиціонування з першого рядка. «Бачу те, чого не видно зсередини вашого бізнесу» і кнопка запису на діагностику за $50 одразу під ним.
  • Спершу про клієнта, потім про себе. Блок «Якщо це про вас» перелічує болі читача, і лише після нього йдуть зони допомоги, підхід і біографія.
  • Доказ цифрами. Кейси з контекстом і результатом кожного проєкту, а не список гучних назв.
  • Ціни відкрито. Карта співпраці показує всі формати від діагностики до супроводу, тож на дзвінок приходять ті, кому підходить і формат, і ціна.
  • Преміальний вигляд. Темний фон, золото і класичний шрифт із засічками пасують радникові, до якого приходять думати разом, а не за швидкою порадою.
Відкрити наживо: edrockets.com ↗
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. Запускаємо і передаємо.Домен, хостинг, форми заявок, пошта. Ви отримуєте готовий сайт і всі доступи до нього.

У роботі зараз

Над чим ми зараз працюємо

Сайт ще будується, а макет уже можна прогорнути. Ось проєкти, які зараз у нас на столі.

веб-студія, Фейетвілл
Сайт веб-студія, Фейетвілл, вигляд на комп'ютері
Сайт веб-студія, Фейетвілл, вигляд на телефоні

Прогорніть сторінку в рамці

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

Веб-студія з Північної Кароліни

З 2001 року студія у Фейетвіллі робить і обслуговує сайти для місцевого бізнесу, церков і міських служб, сьогодні їх понад 400. Власний сайт у неї ще 2015 року, тепер робимо новий, щоб він виглядав не гірше за сайти, які студія продає.

  • Колір дають роботи. Тепла біла і майже чорна гама, великий шрифт і майже без власного кольору: яскраві тут сайти клієнтів.
  • Свіжі запуски в рамці. П'ять нових сайтів самі прокручуються в рамці ноутбука, а поруч вигляд на телефоні.
  • 25 років по роках. Стрічка з 2001 до 2026 року з сайтами, що з'являлися в портфоліо кожного року, і стіна логотипів клієнтів.
  • Подзвонити просто. Телефон у шапці, на телефоні кнопка дзвінка їде за сторінкою, а шапка показує, чи відкритий офіс зараз.
Відкрити макет ↗
rosa.kharkov.ua
Сайт rosa.kharkov.ua, вигляд на комп'ютері
Сайт rosa.kharkov.ua, вигляд на телефоні

Прогорніть сторінку в рамці

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

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

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

  • Стиль з коробки. Жовтий фон і білі рисунки беремо прямо з їхньої упаковки, а коробка з печивом стоїть на першому екрані.
  • Два входи. Окремо для магазинів і мереж, окремо для покупців, а кнопка «Оптовим покупцям» є в шапці на кожній сторінці.
  • Каталог з фактами. 56 виробів з терміном зберігання, вагою ящика і складом, з пошуком і фільтром за категоріями.
  • Список для заявки. Вироби додаються в список прямо з каталогу і потрапляють у форму оптової заявки.
Відкрити макет ↗

Потрібен сайт або лендинг?

Напишіть, що Ви продаєте і кому. Запропонуємо структуру і скажемо, скільки це коштуватиме.