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

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

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

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 виробів з терміном зберігання, вагою ящика і складом, з пошуком і фільтром за категоріями.
  • Список для заявки. Вироби додаються в список прямо з каталогу і потрапляють у форму оптової заявки.
Відкрити макет ↗

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

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