<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Once.agency on Medium]]></title>
        <description><![CDATA[Stories by Once.agency on Medium]]></description>
        <link>https://medium.com/@onceagency?source=rss-cfb9215a2c50------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*U5a29O69Wq5fC3KoNaaPpQ.png</url>
            <title>Stories by Once.agency on Medium</title>
            <link>https://medium.com/@onceagency?source=rss-cfb9215a2c50------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Sun, 15 Nov 2026 03:45:08 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@onceagency/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com/" rel="hub"/>
        <item>
            <title><![CDATA[Чи має дизайн виконувати задачі бізнесу? (та як цього досягти)]]></title>
            <link>https://onceagency.medium.com/%D1%87%D0%B8-%D0%BC%D0%B0%D1%94-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD-%D0%B2%D0%B8%D0%BA%D0%BE%D0%BD%D1%83%D0%B2%D0%B0%D1%82%D0%B8-%D0%B7%D0%B0%D0%B4%D0%B0%D1%87%D1%96-%D0%B1%D1%96%D0%B7%D0%BD%D0%B5%D1%81%D1%83-%D1%82%D0%B0-%D1%8F%D0%BA-%D1%86%D1%8C%D0%BE%D0%B3%D0%BE-%D0%B4%D0%BE%D1%81%D1%8F%D0%B3%D1%82%D0%B8-4d9df856d34b?source=rss-cfb9215a2c50------2</link>
            <guid isPermaLink="false">https://medium.com/p/4d9df856d34b</guid>
            <dc:creator><![CDATA[Once.agency]]></dc:creator>
            <pubDate>Thu, 30 Mar 2023 08:57:58 GMT</pubDate>
            <atom:updated>2023-04-14T12:39:38.360Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*cRx9tKVlkfwfu0UMZK8Ytw.png" /></figure><p><em>Чому це виглядає так просто й навіть поверхнево або, навпаки, складно та незрозуміло? <br>Чому цей дизайн перегукується з іншими кейсами або ж взагалі не викликає чітких асоціацій? <br>Чому саме ці кольори й текстури?</em></p><p>Коли ми дивимося дизайн-кейси, часто незрозуміло, чому вибрали те чи інше рішення. Воно може подобатися, може не подобатися, та це неважливо.</p><p><strong>Важливо, що якщо ми хочемо зробити дизайн ефективним інструментом для комунікації, кожне рішення має бути обґрунтованим, мати свою причину.</strong></p><h3><strong>Саме для цього й існує дизайн-стратегія.</strong></h3><p>Коли головним критерієм вибору агенції є бюджет, будьте готові отримати результат, який швидше буде мистецьким твором або копією найкращих рішень на ринку, ніж рішенням задачі.</p><p>Дизайн-стратегія ускладнює процес для команди і здорожчує брендинг для замовника.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*qyKVy0vRFWOGRkok1jIOXg.png" /></figure><h3><strong>Перше, що варто зрозуміти — бізнес-задачі й навіть комунікаційні задачі не є задачами дизайну.</strong></h3><p>Коли до нас приходить клієнт, природно, що він озвучує конкретні цілі та не переймається термінологією. Завданнями бізнесу та маркетингу є продажі, залучення нових клієнтів, збільшення дохідності, <strong>сам собою</strong> <strong>дизайн не може їх виконати.</strong></p><p>Дизайн може викликати певні асоціації чи емоції, а вони вже допоможуть виконати задачі бізнесу чи маркетингу. Які це мають бути асоціації чи емоції — головне питання в дизайн-стратегії.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*s5vIeYccksD1DiNt0mxxmA.png" /></figure><h4><strong>Розберімо це питання на конкретних формулюваннях.</strong></h4><p><strong>Що може бути дизайн-задачею, а що потребує інтерпретації:</strong></p><p><strong>▪ Підвищити продажі </strong>— це не задача для дизайну, це задача для маркетингу/комунікації, адже сам собою дизайн не може продавати.</p><p><strong>▪ Подобатися замовнику </strong>— теж не дизайн-задача, адже замовник далеко не завжди є цільовою аудиторією. Навіть концепт, який суб’єктивно не подобається, можна обґрунтувати, переконавши вибрати саме його.</p><p><strong>▪ Бути зрозумілим</strong> — вважаємо, що ні: для різних людей зрозумілим буде різне. Один і той самий дизайн може бути зрозумілим для хіпстерів, а от для моєї мами — не дуже. Тому зрозумілість — це скоріше про звичність, і нам потрібно дослідити, що є звичним для вибраної аудиторії.</p><p><strong>▪ Викликати певні асоціації </strong>у конкретної групи людей, створювати потрібне враження — може. Позиціонування бренду й маркетинг-стратегія задає потрібні ввідні: яке ж враження ми хочемо створити, із чим нам варто асоціюватися.</p><h3><strong>Наприклад:</strong></h3><blockquote><strong>Для фінансової установи: </strong>виглядати, як фінтех, асоціюватися з легкістю та відкритістю. Або ж, навпаки, виглядати, як столітній непорушний бренд: трішки олдскульний, закритий, зате точно надійний.</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*2lyEsxmKVl7qm241LptvGQ.png" /><figcaption>брендинг сервісу для спільного придбання нерухомості Inzhur</figcaption></figure><blockquote><strong>Для рітейлу косметики: </strong>асоціюватися з преміальними брендами та суттєво відрізнятися від українського рітейлу.</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ElFR0KQgftrHJEpVkdX7HQ.png" /><figcaption>брендинг для рітейлу преміум догляду Fabo.ua</figcaption></figure><h3><strong>Що ми вкладаємо в дизайн-стратегію?</strong></h3><ul><li><strong>Суттєва відмінність. </strong>У кожного бренду є форма логотипа, шрифти, кольори, патерни, стилістика ілюстрацій. Зібравши ці атрибути брендів у ніші, ми отримуємо чітку ввідну — як НЕ робити. На презентації клієнту ми завжди збираємо слайд з прикладами брендингу в середовищі конкурентів. Це допомагає помітити їхні схожості та зрозуміти відмінність нашої пропозиції.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*oJ1X3n4RT1WOiLJDsNJcSA.png" /><figcaption>ілюстрація і брендинг для ресторану Fat Dragon у Львові</figcaption></figure><ul><li><strong>Естетика.</strong> А точніше, поняття естетики для кожного конкретного клієнта, адже сприйняття красивого — теж справа надивленості, контексту та звички людини. Зазвичай, на дизайн-сесії ми показуємо різні варіанти та збираємо думки клієнта, намагаємося зрозуміти його бачення естетики.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*1fpG63v-XiGRO_H7DjO4HQ.png" /><figcaption>брендинг для німецької компанії Kolo GmbH</figcaption></figure><ul><li><strong>Сутності.</strong> Тут можемо дослідити, що вважається атрибутом люкс-бренду в ніші, а що — умовно народним дизайном, збираємо інформацію про візуальні асоціації, пов’язані з цими поняттями. Часто це можна зрозуміти навіть без живого спілкування з людьми.</li><li><strong>Доступність. </strong>Коли ми створюємо дизайн, то завжди зважуємо простоту та бюджет виготовлення дизайн-матеріалів відповідно до можливостей клієнта. Наша пропозиція має бути зручною та доступною для реалізації: у когось є штатний дизайнер, хтось планує працювати з нашою агенцією і надалі, а комусь потрібно постійно генерувати багато рекламних кампаній за єдиним простим шаблоном.</li><li><strong>Асоціації та емоційні патерни в категорії.</strong> Важливо зрозуміти, що в людей асоціюється з вашою категорією чи продуктом, щоби зберегти важливі атрибути та орієнтири.</li></ul><p><strong>Щоб отримати відповіді на ці запитання, можна скористатися різними підходами до дизайн-дослідження.</strong></p><blockquote><strong>Задача дизайн-дослідження — інтерпретувати задачу бізнесу, перетворити її на дизайн-задачу, і лише тоді починати роботу над дизайном. Оцінювати дизайн варто з перспективи асоціацій, які він викликає, і контексту ринку.</strong></blockquote><h3><strong>У нас в агенції дизайн-дослідження проходить усі кола раю:</strong></h3><ul><li><strong>Кейси схожих проєктів. </strong>Вивчаємо вже готові рішення та їхню логіку, щоби не робити повторно тої ж роботи та врахувати помилки.</li><li><strong>Кулхантінг.</strong> Оглядаємо видатні чи дуже незвичні роботи вкатегорії. Оцінюємо, що саме закладають автори. Задача — знайти те, що перехоплює подих.</li><li><strong>Трендспоттінг. </strong>Шукаємо трендові роботи зі всього світу та досліджуємо атрибути брендів майбутнього в категорії. Оглядаємо, куди рухається естетика, стиль у категорії, як технології можуть вплинути на цей дизайн, як допомогти.</li><li><strong>Історія дизайну в категорії. </strong>Дивимося, як раніше виглядали бренди, шукаємо закономірності.</li><li><strong>Дизайн-патерни. </strong>Шукаємо закономірності в брендах, які мають потрібні нам характеристики.</li><li><strong>Атрибути категорії. </strong>Знаходимо обов’язкові атрибути категорії в дизайні — саме вони стануть для людей візуальним орієнтиром того, що за продукт чи послугу ми пропонуємо.</li><li><strong>Контекст. </strong>Заглядаємо, з ким ми будемо знаходитися поряд на полиці чи в інфосередовищі, якого масштабу бренди присутні, наскільки масштабно порівняно з ними маємо виглядати ми.</li><li><strong>Оцінка семіотики.</strong> Досліджуємо, іконічні зображення, символи, індекси <em>(знак, який набуває сенсу тільки в контексті)</em>, конвенції (нові символи, що набувають певного значення за спільної домовленості), конотації в нашій темі.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6sZJkxVny7ezbKaiMxyVkA.jpeg" /></figure><ul><li><strong>Матеріали та формати.</strong> Якщо ми працюємо над брендом, що має фізичні продукти чи атрибути (наприклад, паковання, POSM), варто дослідити процес виготовлення та матеріали, можливості створення нових форматів, щоби виділитися та розкрити бренд у найменших деталях.</li></ul><p><strong>Тепер вже підготовлені ми збираємо ідеї, що виникли в процесі, оцінюємо можливості й загрози та пропонуємо свою стратегію.</strong></p><p>Вуаля, беремося до роботи над дизайном із чітким баченням результату, який хочемо отримати. Такий підхід допомагає команді впевненіше працювати над концепціями, а клієнту — розуміти критерії та контекст для оцінки ідей, щоби врешті-решт впевнено зробити рішення.</p><p><strong>Віримо, що крутий дизайн поєднує суб’єктивну творчість і осмислену роботу з дуже конкретними цілями та рамками. Тільки такий дизайн може чітко відповісти на запитання: чому саме так, а не інакше.</strong></p><p>P.S. Якщо вам цікаво дізнатися більше про дизайн-дослідження, рекомендуємо книгу <a href="https://www.arthuss.com.ua/shop/gdb02">«Дизайнерське дослідження»</a> видавництва <a href="https://www.arthuss.com.ua/">ArtHuss</a>. Розкладені на полички думки допомогли нам зібрати власний підхід до дизайн-процесу в <a href="https://once.agency/">агенції Once</a>.</p><p><a href="http://once.agency/">Once.agency </a>— творча агенція, що мріє зростити #100НовихВеликих на українському ринку.</p><p>Більше про нас тут: <a href="https://once.agency/">https://once.agency</a> або в <a href="https://www.instagram.com/once.agency/">Instagram</a></p><p>Якщо ви хочете долучитися до команди або стати НовимВеликим брендом, пишіть сюди: cucumber@once.agency</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=4d9df856d34b" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Як ми підходимо до створення корпоративних сайтів?]]></title>
            <link>https://onceagency.medium.com/%D1%8F%D0%BA-%D0%BC%D0%B8-%D0%BF%D1%96%D0%B4%D1%85%D0%BE%D0%B4%D0%B8%D0%BC%D0%BE-%D0%B4%D0%BE-%D1%81%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F-%D0%BA%D0%BE%D1%80%D0%BF%D0%BE%D1%80%D0%B0%D1%82%D0%B8%D0%B2%D0%BD%D0%B8%D1%85-%D1%81%D0%B0%D0%B9%D1%82%D1%96%D0%B2-f3c8fd85c242?source=rss-cfb9215a2c50------2</link>
            <guid isPermaLink="false">https://medium.com/p/f3c8fd85c242</guid>
            <dc:creator><![CDATA[Once.agency]]></dc:creator>
            <pubDate>Tue, 13 Dec 2022 12:19:07 GMT</pubDate>
            <atom:updated>2022-12-29T10:32:38.753Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*ZBeyyOxJma652qEK" /></figure><p>У <a href="https://once-agency.medium.com/%D1%89%D0%BE-%D0%B2%D0%B0%D0%B6%D0%BB%D0%B8%D0%B2%D0%BE-%D0%B7%D0%BD%D0%B0%D1%82%D0%B8-%D0%BA%D0%BE%D0%BB%D0%B8-%D0%BF%D0%BE%D1%82%D1%80%D1%96%D0%B1%D0%B5%D0%BD-%D0%BA%D0%BE%D1%80%D0%BF%D0%BE%D1%80%D0%B0%D1%82%D0%B8%D0%B2%D0%BD%D0%B8%D0%B9-%D1%81%D0%B0%D0%B9%D1%82-f56767a1c664"><strong>минулій статті</strong></a><strong> </strong>ми вже розповіли про проблеми корпоративних сайтів і варіанти найефективніших платформ для їхнього створення. Зараз хочемо сфокусуватися на самому процесі ухвалення дизайн-рішень, який ми практикуємо в <a href="https://www.once.agency/">Once Agency</a>. Він дозволяє отримувати завжди унікальний і цікавий, водночас ретельно продуманий і спланований результат.</p><h3>Почнемо з головного: то Webflow чи Strapi?</h3><p>Яку систему вибрати ми розуміємо ще до самої розробки та дизайну сайту. Якщо у перспективі сайт видається нам багатосторінковим, але нескладним, чи взагалі односторінковим, — ми обираємо <a href="https://medium.com/@once-agency/webflow-%D0%BF%D0%BE%D0%BA%D0%BB%D0%B0%D0%B2-%D0%BD%D0%B0-%D0%BB%D0%BE%D0%BF%D0%B0%D1%82%D0%BA%D0%B8-%D0%BA%D0%BE%D0%BD%D0%BA%D1%83%D1%80%D0%B5%D0%BD%D1%82%D1%96%D0%B2-%D0%B0-%D0%BC%D0%B8-%D0%B2-%D0%BD%D1%8C%D0%BE%D0%B3%D0%BE-%D0%B7%D0%B0%D0%BA%D0%BE%D1%85%D0%B0%D0%BB%D0%B8%D1%81%D1%8F-2e8a7bb0b3d5">Webflow</a>. Якщо ж на нас чекає потужний і складний сайт, система сайтів чи сайт, підв’язаний до застосунку, — оберемо Strapi.</p><h4>Ми напрацювали власний процес</h4><p>Він допоміг значно підвищити якість роботи, рівень продуманості та контенту. Не будемо описувати весь процес, але виокремимо важливі фішки нашого підходу:</p><p><strong>Глибокий аналіз конкурентів бізнесу</strong>. Щоби спроєктувати майбутні акценти в дизайні, ми починаємо з дослідження теми та ринку в цілому. Робимо аналіз прямих і непрямих конкурентів, вивчаємо аналоги сервісу чи продукту, з яким працюємо.</p><p><strong>Аналіз користувачів. </strong>Досліджуємо юзкейси, болі та потреби користувачів. Вивчаємо поведінку користувачів, щоби потім вгамувати їхні потреби в дизайні. У деяких випадках розв’язуємо задачі через JTBD методологію.</p><p><strong>Розробка Hi-Fi прототипів. </strong>Неможливо намалювати найкращий у світі сайт без розуміння психології поведінки користувачів і продуманого до деталей інтерфейсу. Тому ще до дизайн-концепції ми створюємо дуже деталізовані Hi-Fi прототипи проєкту, спираючись на дані попередніх досліджень. Прототипи максимально наближені до фінального дизайну та містять усі тексти, але створені в чорно-білих кольорах.</p><h4>Вже на цьому етапі можна зрозуміти, як буде виглядати майбутній сайт: і за структурою, і за необхідним контентом.</h4><p>Такий підхід дозволяє упіймати чи взагалі уникнути ряду помилок, які не підуть далі в дизайн. У клієнта є можливість ще до дизайну побачити все смислове наповнення та внести корективи в прототип, тому в дизайні в нас практично немає правок.</p><p><strong>Акцент на візуальному контенті.</strong> Після розробки прототипів ми вже точно розуміємо, який контент нам потрібен у дизайні, як його краще створити чи звідки взяти. Ми робимо тендер і вибираємо та брифуємо підрядника, або створюємо контент самостійно.</p><p><strong>Живий дизайн. </strong>Під час створення дизайн-концепції сайту ми продумуємо взаємодії та створюємо сучасні складні анімації. Чому це так важливо? Анімація — одна з найважливіших складових дизайну сайту, адже вона будує емоційну взаємодію користувача з сайтом. З допомогою анімованих об’єктів можна керувати поведінкою користувачів, спрямовувати їх у ухваленні рішень.</p><p><strong>Ефективна реалізація бюджету.</strong> Формуємо бюджет ефективно й тільки після того, як заплануємо всі заходи проєкту, а не навпаки. Так бюджет виходить чесним і реалістичним. Як ми забезпечуємо цю ефективність? Спочатку визначаємо пріоритети, спираючись на ефективність і доцільність кожного мікроетапу для системи загалом.</p><p><strong>360 експертиза. </strong>У нашій команді ми зібрали спеціалістів, що допоможуть вирішити задачі на будь-якому рівні: від консультування бізнесу та маркетинг-відділу, до створення креативу та просування. Важливо, що в нас немає спеціалістів джуніор-рівня — кожна людина в команді має в портфоліо з десятків проєктів у різних сферах і 5–10 років досвіду.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*Fp_IGf8dOBriK1cm" /></figure><p><strong>Content is King і якого результату очікувати</strong></p><p>Ми хочемо донести, що способи створення корпоративного сайту на Webflow чи Strapi дуже економлять час і ресурси. Тримати цілу команду розробників у XXI столітті або приклеюватися до неї на аутсорсі вже немає жодного сенсу — це дорого, довго й неефективно. До того ж не факт, що навіть велика крута команда розробників зможе виправдати ваші бізнес-очікування, там не все залежить від експертизи.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*UTLisFKWmpl5D3fl" /></figure><h3><strong>Куди витратити зекономлені гроші?</strong></h3><p>Наша рекомендація — вкладати не в команду програмістів, а в крутий контент. Зараз це головний інструмент для просування продукту чи компанії.</p><p>Створення контенту займає багато часу та ресурсів, але дозволяє виразити характер і унікальність бренду<strong>. </strong>Краще витратити гроші на круті фото, тексти, відеоматеріали чи моделювання 3D-об’єктів. Ви зможете використовувати його для Google-пошуку, Youtube, TikTok, Instagram чи Facebook — усе залежить від того, як і де ваша аудиторія проводить свій час.</p><p>Контент починають сприймати серйозно лише тоді, коли він приносить перші суттєві прибутки. А щоби це трапилося, потрібно таки спробувати! І ми в <a href="http://once.agency/"><strong>Once.agency</strong></a> з усім допоможемо.</p><p>Всім миру, та Слава Україні!</p><p><strong>Стаття by </strong><a href="https://www.facebook.com/evgen.madenov"><strong>Женя Маденов</strong></a><strong>,</strong></p><p><strong>UX Lead </strong><a href="https://www.once.agency/"><strong>Once Agency</strong></a><strong>, магістр Webflow, людина-система. Женя дуже любить говорити про сайти, тож пишіть, організуємо консультацію.</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*8tdPCRg0nNL7wg88" /></figure><p><a href="http://once.agency/"><strong>Once.agency </strong></a><strong>— маркетингова агенція, що мріє зростити #100НовихВеликих на українському ринку.</strong></p><p>Більше про нас тут: <a href="https://once.agency/">https://once.agency</a></p><p>Якщо ви хочете долучитися до команди або стати НовимВеликим брендом, пишіть сюди: cucumber@once.agency</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=f3c8fd85c242" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Що важливо знати, коли потрібен корпоративний сайт?]]></title>
            <link>https://onceagency.medium.com/%D1%89%D0%BE-%D0%B2%D0%B0%D0%B6%D0%BB%D0%B8%D0%B2%D0%BE-%D0%B7%D0%BD%D0%B0%D1%82%D0%B8-%D0%BA%D0%BE%D0%BB%D0%B8-%D0%BF%D0%BE%D1%82%D1%80%D1%96%D0%B1%D0%B5%D0%BD-%D0%BA%D0%BE%D1%80%D0%BF%D0%BE%D1%80%D0%B0%D1%82%D0%B8%D0%B2%D0%BD%D0%B8%D0%B9-%D1%81%D0%B0%D0%B9%D1%82-f56767a1c664?source=rss-cfb9215a2c50------2</link>
            <guid isPermaLink="false">https://medium.com/p/f56767a1c664</guid>
            <dc:creator><![CDATA[Once.agency]]></dc:creator>
            <pubDate>Tue, 13 Dec 2022 12:18:58 GMT</pubDate>
            <atom:updated>2022-12-29T10:44:07.331Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*guAF_gcrPZEEy6gdMYLe0w.png" /></figure><p>Корпоративний сайт презентує компанію всім своїм аудиторіям. Він може залучати нових клієнтів і партнерів, допомагати з пошуком команди, збирати зворотний зв’язок, відповідати на важливі запитання й навіть стати прямою платформою для електронної комерції</p><p><strong>Наприклад, щодня з’являються нові D2C (direct to consumer) бренди</strong>, які продають свою продукцію без жодних посередників-магазинів — напряму зі свого сайту, тож він має поєднувати в собі просто безліч функцій.</p><p><strong>Суперважливою є іміджева складова:</strong> чим краще продуманий користувацький досвід у інтерфейсі, чим естетичніше виглядає дизайн, тим більше довіри викликає бізнес.</p><p>Корпоративний сайт — один з найважливіших маркетингових інструментів для нас у <a href="https://www.once.agency/">Once Agency.</a> Це база, що допомагає захопливо розповідати про бренд, просувати його та рости.</p><h4><strong>Топ-3 проблеми компаній під час розробки корпоративного сайту</strong></h4><p><strong>Потрібна ціла команда спеціалістів. </strong>Зазвичай корпоративні сайти досить великі та складні: на їхнє створення йде багато часу й ресурсів.</p><p>За класичною схемою, щоби створити корпоративний сайт, потрібна ціла команда. Знаходиш маркетолога, який розробляє структуру, дизайнера, що створює прототипи та дизайн, вибираєш СMS-систему, наймаєш команду розробників, потім все це контролюєш і втілюєш у життя. Це складно та затратно.</p><p><strong>Муляють невиправдані очікування. </strong>Через особливості класичної розробки та верстки результат не завжди відповідає тому, що уявляли спочатку. Також рідко вдається дотриматися очікуваних термінів. На все це є дуже логічні пояснення, але все, про що в цю мить думає замовник — чому плачу так дорого, а отримую не так ідеально.</p><p><strong>Низька гнучкість і складне редагування. </strong>Окрім цього, проблемою більшості корпоративних сайтів є їхня низька гнучкість і адаптивність. Такі сайти можуть залишатися незмінними протягом місяців чи навіть років: навіть маленькі зміни вимагають знову залучати команду дизайнерів і розробників, тож часто від таких змін простіше відмовитися.</p><p>Так, існує багато готових рішень, але якщо бренд хоче створити з допомогою сайту додаткову вартість для свого сервісу чи продукту, сайт має вирізняти, бути сучасним, красивим і виразним.</p><p><strong>Просто і швидко обійтися якимось темплейтом чи ґвалтувати безкоштовні CMS не вийде: </strong>скоріш за все, результат буде шаблонним і бездушним. Для когось такий варіант теж може бути ок, але чи ок він для вас?</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*y363LxO-CB2zydPc" /></figure><h4><strong>Корпоративний сайт — не проблема, а можливість.</strong></h4><p><strong>Ваш сайт має бути прибутковим активом, а не постійною інженерною проблемою компанії, </strong>громіздким тягарем у всіх його проявах. Ми все частіше помічаємо чіткий запит бізнесів на «робити все швидше й простіше, отримати гнучкий інструмент, із яким ні тестування гіпотез, ні стратегічні зміни не стануть проблемою». І це реально.</p><p>За останні роки з’явилися нові інструменти для створення сайтів: уже немає сенсу тримати команду програмістів, дизайнерів і верстальників, витрачати час на зміни й затягувати процес.</p><p>Вони докорінно змінять ринок, ось побачите!</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*DNM23q6mhIzWo6DN" /></figure><h4><strong>Сучасні рішення: онлайн-платформи для створення сайтів.</strong></h4><p>Ми в Once Agency використовуємо розумні платформи для розробки сайтів, зокрема, корпоративних:</p><p><strong>Розробка на Webflow.</strong> Це спосіб проєктувати, створювати та запускати потужні вебсайти без програмування. На базі Webflow ми можемо порівняно швидко й передбачувано створювати красиві анімовані одно- чи кількасторінкові сайти для будь-якої мети: від простих лендингів до складних корпоративних сайтів чи навіть неважких інтернет-магазинів.</p><p><strong>Розробка на Strapi. </strong>Це хмарна платформа, що дозволяє створювати суперскладні сайти з високим рівнем кастомності без залучення backend-розробника. Strapi — це cloud-CMS нового покоління з відкритим вихідним кодом і підтримкою javascript, що дозволяє створювати, керувати та відкривати важкі сайти дуже швидко на будь-якому цифровому пристрої.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*oSc8ZuKt3A1PSKAE" /></figure><h4><strong>Переваги Webflow у розробці корпоративного сайту</strong></h4><p><strong>Контроль над дизайном. </strong>Розробка на Webflow дає повний контроль над дизайном та версткою корпоративного сайту, а простий та зрозумілий інтерфейс редактора робить оновлення чи додавання нового контенту дуже простим.</p><p><strong>Сайт, який буде виділятись.</strong> На Webflow можна з легкістю створити унікальний сайт за будь-яким задумом. Платформа дозволяє користуватися всією потужністю верстки на HTML, CSS і JavaScript, але в суто візуальному редакторі та без кодування.</p><p><strong>Чистий потужний код без написання коду. </strong>Завдяки візуальному редактору, Webflow надає можливість відмовитися від написання коду та реалізовувати все рівно так, як ми це бачимо на екрані. Платформа генерує чистий код без додаткових артефактів усередині, як це роблять інші сервіси такого рівня. Якщо ви подивитеся на цей код, навряд чи зрозумієте: його писала людина чи платформа.</p><p><strong>Швидший маркетинг.</strong> Швидкі зміни на сайті, тестування гіпотез та ідей — Webflow дає змогу робити це власноруч, без допомоги команди програмістів.</p><p><strong>Ефективніша робота маркетинг-команди.</strong> Відділ маркетингу та дизайну отримує повний контроль над сайтом і не витрачає час на постановку завдань інженерній команді чи контроль розробників. Із Webflow команда може самостійно експериментувати, швидко тестувати гіпотези, керувати пошуковою оптимізацією і, що важливо, відразу бачити результати своєї роботи.</p><p><strong>Свобода дизайнерів.</strong> Дизайн-команда може реалізовувати будь-які ідеї в піксель-перфект філософії. Завдяки візуальному редактору, дизайнер отримує результат у вигляді робочого сайту. Результат буде саме таким, як намальовано. Не потрібно контролювати розробників і «битися за пікселі».</p><p><strong>Безпека і масштабування. </strong>Оскільки Webflow — це хмарний сервіс, а його інфраструктура децентралізована, можна бути спокійними за безпеку та надійність сайту. Хостинг Webflow дає змогу обслуговувати сайти будь-якого змісту та ваги. Крім того, він захищений від DDOS атак і забезпечує безперебійну роботу сервісу. Якщо щось піде не так, у нашому розпорядженні завжди є бекапи, усі дані закидуються в архів по кілька разів на день. Також Webflow підтримує розширені функції безпеки, зокрема, сертифікацію SOC-2, має систему єдиного входу, сертифікати SSL і ще багато важливих фішок.</p><p><strong>Легке керування SEO.</strong> Webflow дає можливість повністю розкрити потенціал просування в пошуковиках, дає всі інструменти для цього. Від підтримки OpenGraph і мета-даних, до вбудовування кастомного коду чи скриптів. Від мовних приналежностей, до канонічних сторінок. Від мінімізування коду, до robots.txt і Sitemap. Є все, навіть більше.</p><p><strong>Google Page Speed і продуктивність. </strong>Webflow використовує особисту оптимізовану мережу Fastly CDN і сервери Amazon, що дозволяє сторінкам завантажуватися дуже швидко. У середньому, навіть складні сайти в десктопі та мобайлі можуть отримувати 80–99 балів у Google PageSpeed Insights без танців з бубнами.</p><p><strong>Інтеграція з різноманітними сервісами.</strong> Багато сервісів для автоматизації бізнесу та інструментів сторонніх розробників легко інтегруються з Webflow. Наприклад, Google Analytics, Zapier, Intercom, Mailchimp, Salesforce — це лише частина доступних варіантів.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*MNx5oMCmZlXbOXRE" /></figure><p>Якщо хочете дізнатися більше про Webflow, можете прочитати нашу статтю: «Webflow поклав на лопатки конкурентів, а ми в нього закохалися»<a href="https://telegraf.design/webflow-poklav-na-lopatky-konkurentiv-a-my-v-nogo-zakohalysya/"> https://telegraf.design/webflow-poklav-na-lopatky-konkurentiv-a-my-v-nogo-zakohalysya/</a></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*pcpssMnheeDbDDro" /></figure><h4><strong>Strapi — рішення для корпоративного сайту, коли треба щось складне, але легко.</strong></h4><p>Strapi — це headless CMS. Простими словами — система управління контентом, яка спочатку проєктується без фронтенду, а лише з API (програмними інтерфейсами для взаємодії із зовнішніми програмами та сервісами).</p><p>Такий підхід дозволяє підключати до ядра Strapi будь-який frontend, на якій би платформі він не працював, і якою б мовою не був написаний. До того ж така система може працювати одночасно з кількома каналами дистрибуції. Наприклад, до бекенду можна підставляти різні «голови» фронтенду, що дає змогу і сайту, і додатку, і будь-якому іншому діджитал-продукту однієї компанії бути підключеними до єдиної адмінки. Весь контент керується централізовано.</p><p>Strapi дозволяє зробити велику роботу з мінімальною витратою ресурсів і часу. Це дає змогу відмовитися від великої команди розробників, обмежившись буквально одним спеціалістом.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*UX4BBVY0pkYztV8e" /></figure><p><strong>Особливості та фішки Strapi</strong></p><p><strong>Варіативність використання та централізація. </strong>Strapi можна використовувати для створення веб-продуктів будь-якої складності, зокрема, статичних сайтів, мобільних додатків, корпоративних ресурсів та електронної комерції, при чому все це можна залучати одночасно у зв’язці між собою.</p><p><strong>Open Source проєкт і відкритий вихідний код. </strong>Система розроблена французькими програмістами та містить відкритий вихідний код, на сьогодні вона підтримується тисячами юзерів із GitHub. Ком’юніті слідкує за новими вимогами ринку та провідними технологіями, що дозволяє втілювати нові фішки в Strapi й розвивати систему без зупинки.</p><p><strong>Гнучкі налаштування та адаптивність.</strong> У Strapi передбачили безліч вбудованих можливостей. Зручна адміністративна панель, яка дуже швидко налаштовується; легке керування та самостійна генерація API; розширення та масштабування базової функціональності CMS шляхом системи плагінів; інструменти для роботи з контентом; керування автентифікацією та доступами.</p><p><strong>Контроль доступів і безпека. </strong>У цій CMS можна реалізувати контроль різних рівнів і ролей користувачів чи адміністраторів через налаштування доступів для кожного. Контент і всі технічні рішення приховані на боці сервера, тому система менш вразлива для атак. Розміщення Strapi на власному сервері гарантує конфіденційність і забезпечує підвищений рівень захисту даних відповідно до європейського стандарту GDPR.</p><p><strong>Єдина мова програмування. </strong>У фронтенді та бекенді система використовує лише одну мову — JavaScript.</p><p><strong>Підтримка кількох баз даних.</strong> Є можливість поєднувати безліч баз даних у проєкті, а також масштабувати чи керувати ними.</p><p><strong>Резервне копіювання</strong>. Всі дані зберігаються в хмарі, а бекапи генеруються автоматично. Можна не хвилюватися за збереження інформації.</p><p><strong>Глобальний і швидкий CDN</strong>. Сервіс працює дуже швидко та динамічно у всьому світі завдяки просунутій мережі доставлення контенту.</p><p><strong>Велика пропускна здатність</strong>. Запити в API проходять без обмеження за швидкістю, тому їхня кількість майже безмежна.</p><p><strong>RESTful або GraphQL. </strong>Strapi підтримує передачу даних у вигляді REST та GraphQL. Це розширює можливості взаємодії з різними клієнтами, мобільними програмами та, особливо, з інтернетом речей (IoT-пристроями).</p><p>Вітаємо, разом ми розібрали основні варіанти платформ та їхні переваги.<strong> У </strong><a href="https://once-agency.medium.com/%D1%8F%D0%BA-%D0%BC%D0%B8-%D0%BF%D1%96%D0%B4%D1%85%D0%BE%D0%B4%D0%B8%D0%BC%D0%BE-%D0%B4%D0%BE-%D1%81%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F-%D0%BA%D0%BE%D1%80%D0%BF%D0%BE%D1%80%D0%B0%D1%82%D0%B8%D0%B2%D0%BD%D0%B8%D1%85-%D1%81%D0%B0%D0%B9%D1%82%D1%96%D0%B2-f3c8fd85c242"><strong>наступній статті</strong></a><strong> розповімо про внутрішні процеси ухвалення дизайн-рішень</strong>, що дозволяють нам отримувати завжди цікавий та унікальний результат.</p><p><strong>Стаття by </strong><a href="https://www.facebook.com/evgen.madenov"><strong>Женя Маденов</strong></a><strong>,</strong></p><p><strong>UX Lead </strong><a href="https://www.once.agency/"><strong>Once Agency</strong></a><strong>, магістр Webflow, людина-система. Женя дуже любить говорити про сайти, тож пишіть, організуємо консультацію.</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*8tdPCRg0nNL7wg88" /></figure><p><a href="http://once.agency/"><strong>Once.agency </strong></a><strong>— маркетингова агенція, що мріє зростити #100НовихВеликих на українському ринку.</strong></p><p>Більше про нас тут: <a href="https://once.agency/">https://once.agency</a></p><p>Якщо ви хочете долучитися до команди або стати НовимВеликим брендом, пишіть сюди: cucumber@once.agency</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=f56767a1c664" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Віртуальна галерея війни: 40 знакових ілюстрацій у інтерактивній хроніці, створеній на Webflow]]></title>
            <link>https://onceagency.medium.com/%D0%B2%D1%96%D1%80%D1%82%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0-%D0%B3%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F-%D0%B2%D1%96%D0%B9%D0%BD%D0%B8-40-%D0%B7%D0%BD%D0%B0%D0%BA%D0%BE%D0%B2%D0%B8%D1%85-%D1%96%D0%BB%D1%8E%D1%81%D1%82%D1%80%D0%B0%D1%86%D1%96%D0%B9-%D1%83-%D1%96%D0%BD%D1%82%D0%B5%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%B2%D0%BD%D1%96%D0%B9-%D1%85%D1%80%D0%BE%D0%BD%D1%96%D1%86%D1%96-%D1%81%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D1%96%D0%B9-%D0%BD%D0%B0-webflow-9d09eaa0d680?source=rss-cfb9215a2c50------2</link>
            <guid isPermaLink="false">https://medium.com/p/9d09eaa0d680</guid>
            <category><![CDATA[gallery]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[webflow]]></category>
            <category><![CDATA[ukraine-war]]></category>
            <category><![CDATA[illustration]]></category>
            <dc:creator><![CDATA[Once.agency]]></dc:creator>
            <pubDate>Mon, 03 Oct 2022 12:29:01 GMT</pubDate>
            <atom:updated>2022-10-03T14:10:44.252Z</atom:updated>
            <content:encoded><![CDATA[<p><strong>Від початку березня наш арт-директор Вітя Грудаков створював ілюстрації, присвячені важливим подіям і людям.</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*GXFCYV13BTD_3P4b" /></figure><p><strong>Першою роботою став «Київський торт»</strong> — ілюстрація з начинкою із коктейлів молотова, які кияни готували для російської армії. Ілюстрація швидко розлетілася інтернетом і потрапила на багато футболок, записників і різного мерчу.</p><p><strong>Ще одна знакова робота — монограма ЗСУ,</strong> стилізована під Тризуб. Вона теж стала дуже популярною і тепер прикрашає станції метро, шеврони військових і навіть HIMARS!</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*yzgULEoi3MzAdUv7" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*FMtfmrc1El5GVM94" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*Q71OgSyHe6BSkylM" /></figure><h4>Коли назбиралася критична маса робіт, нам захотілося зібрати їх в одному місці</h4><p>Так прийшла ідея створити <a href="https://www.once.agency/ukraine">сайт-галерею</a> на платформі <a href="https://once-agency.medium.com/webflow-%D0%BF%D0%BE%D0%BA%D0%BB%D0%B0%D0%B2-%D0%BD%D0%B0-%D0%BB%D0%BE%D0%BF%D0%B0%D1%82%D0%BA%D0%B8-%D0%BA%D0%BE%D0%BD%D0%BA%D1%83%D1%80%D0%B5%D0%BD%D1%82%D1%96%D0%B2-%D0%B0-%D0%BC%D0%B8-%D0%B2-%D0%BD%D1%8C%D0%BE%D0%B3%D0%BE-%D0%B7%D0%B0%D0%BA%D0%BE%D1%85%D0%B0%D0%BB%D0%B8%D1%81%D1%8F-2e8a7bb0b3d5"><strong>Webflow</strong></a>, куди ми перейшли з руснявської Tilda. Детально про переваги платформи розповідаємо у <a href="https://once-agency.medium.com/webflow-%D0%BF%D0%BE%D0%BA%D0%BB%D0%B0%D0%B2-%D0%BD%D0%B0-%D0%BB%D0%BE%D0%BF%D0%B0%D1%82%D0%BA%D0%B8-%D0%BA%D0%BE%D0%BD%D0%BA%D1%83%D1%80%D0%B5%D0%BD%D1%82%D1%96%D0%B2-%D0%B0-%D0%BC%D0%B8-%D0%B2-%D0%BD%D1%8C%D0%BE%D0%B3%D0%BE-%D0%B7%D0%B0%D0%BA%D0%BE%D1%85%D0%B0%D0%BB%D0%B8%D1%81%D1%8F-2e8a7bb0b3d5">цій статті</a>.</p><p>Зараз у галереї більше 40-ка робіт, усі вони розміщені в хронологічній послідовності. Сайт отримав міжнародну нагороду <a href="https://www.awwwards.com/sites/the-fight-for-ukraine?fbclid=IwAR3I9zxLVD_VQ5amBGGmzWemetjdSzqBoXQTnpG3ZViZbvXW35Tk3j3EpC8">Awwwards </a>і високу оцінку світової дизайн-спільноти (8.52 з 10).</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*fLW8Gh0ivopZyY2Q" /></figure><p><em>Скріншот онлайн-галереї</em></p><p><strong>Роботу «Танки»</strong> наші військові (українська делегація ТрО ЗСУ) подарувала заступнику командувача ТрО Польщі генералу Кліщу та командиру 1-ої бригади полковнику Лінявському:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*OQwDL19CGTIBpHtSynTTug.png" /></figure><p><strong>Наш ілюстратор і арт-директор Віктор Грудаков прокоментував свої роботи:</strong></p><p><em>«Я рідко малював до війни, але весь той біль і відчай просто мав у щось вилитися. На третій день повномасштабного вторгнення я намалював ілюстрацію з Київським тортом — її швидко підхопили й розшерили в соцмережах, і я зрозумів, що людям зараз дуже потрібне таке мистецтво. Відтоді я замальовував свої рефлексії на те, що відбувалося. Надихався роботами інших українських митців, знаходив велетенське натхнення в маленьких історіях великих українців, які робили неможливе з першого дня. Ця добірка — моя особиста хроніка подій і пошуку власного стилю як ілюстратора»</em></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*iaIy-OiYgQr3_tKq" /></figure><p><em>Рекламний плакат від агенції у Київському метро</em></p><p>Серед ілюстрацій є серія діджитальних портретів військових, волонтерів, донатерів і просто близьких людей.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*aeU2WrVrsOTkuMOod-MT8Q.png" /></figure><blockquote>Проєкт продовжує розвиватися, більшість робіт використовуються для збору донатів в Україні та закордоном, плануємо додати в галерею нові ілюстрації, заколабитися з українськими виробниками мерчу, і, можливо, з вами!)</blockquote><p><a href="http://once.agency/">Once.agency </a>— маркетингова агенція, що мріє зростити #100НовихВеликих на українському ринку.</p><p>Більше про нас тут: <a href="https://once.agency/">https://once.agency</a></p><p>Якщо ви хочете долучитися до команди або стати НовимВеликим брендом, пишіть сюди: cucumber@once.agency</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=9d09eaa0d680" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Webflow поклав на лопатки конкурентів, а ми в нього закохалися]]></title>
            <link>https://onceagency.medium.com/webflow-%D0%BF%D0%BE%D0%BA%D0%BB%D0%B0%D0%B2-%D0%BD%D0%B0-%D0%BB%D0%BE%D0%BF%D0%B0%D1%82%D0%BA%D0%B8-%D0%BA%D0%BE%D0%BD%D0%BA%D1%83%D1%80%D0%B5%D0%BD%D1%82%D1%96%D0%B2-%D0%B0-%D0%BC%D0%B8-%D0%B2-%D0%BD%D1%8C%D0%BE%D0%B3%D0%BE-%D0%B7%D0%B0%D0%BA%D0%BE%D1%85%D0%B0%D0%BB%D0%B8%D1%81%D1%8F-2e8a7bb0b3d5?source=rss-cfb9215a2c50------2</link>
            <guid isPermaLink="false">https://medium.com/p/2e8a7bb0b3d5</guid>
            <category><![CDATA[web-design]]></category>
            <category><![CDATA[low-code]]></category>
            <category><![CDATA[webflow]]></category>
            <category><![CDATA[design-agency]]></category>
            <dc:creator><![CDATA[Once.agency]]></dc:creator>
            <pubDate>Wed, 14 Sep 2022 15:11:30 GMT</pubDate>
            <atom:updated>2023-11-19T14:31:23.036Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*xx1YfUW6uYq8CjM0WzC1fw.jpeg" /></figure><p>Як ми в Once Agency вбили Tilda та за місяць перейшли на швидшу, передбачуванішу й варіантивнішу платформу Webflow для створення сайтів і лендингів.</p><p><strong>Розповідає Женя Маденов (UI &amp; Tech директор Once).</strong></p><h3>Передісторія.</h3><p>Ми користуємось Webflow вже пів року, до цього працювали з іншими конструкторами сайтів типу Tilda чи Readymag.</p><p><strong>Чому ми відмовилися від них? </strong>По-перше, ці конструктори перестали відповідати нашим вимогам, по-друге (і головне), після 24 лютого вирішили перестати шукати «хорошіх руськіх» і «хорошіє рускіє продукти» та попрощатися з усіма сервісами, які хоч якось були помічені у зв’язках з окупантом.</p><p><strong>Так за російським кораблем із наших ноутів пішло ще декілька сервісів, зокрема, Miro.</strong></p><h3>Але ми про Webflow.</h3><p>То що ж таке Webflow — це nocode (у деяких випадках :)) чи lowcode професійна платформа, що дозволяє швидко створювати професійні адаптивні сайти, лендинги, блоги та інтернет-магазини з допомогою візуального редагування. Вишенька на тортику — оптимізований чистий код і анімації рівня топових інтернет-проєктів. З Webflow ти стаєш повноцінним front-end розробником.</p><p>Тут можна створювати як прості сайти без використання коду, так і складні з додаванням кастомного коду HTML чи стилів CSS або власних скриптів.</p><p>Платформа дозволяє додавати код і на весь сайт глобально, і на окремі сторінки, щоби код чи скрипт працював тільки на них.</p><h3>Процес створення сайтів.</h3><p>Після переходу на Webflow з’ясувалося, що<strong> сам процес створення сайту не настільки простий,</strong> як у тієї ж Tilda чи інших схожих сервісів, де ти просто перетягуєш елементи або робиш за шаблонами. Але в цьому є свої плюси: у Webflow можна зробити практично все. Тут ти не скований темплейтами й тунельними рішеннями, які часто бувають у таких редакторах.</p><p><strong>Так, у Webflow вищий поріг входу — вам потрібно хоча б базово вміти верстати,</strong> знати трохи принципів HTML і CSS і розуміти, чим відрізняються «position: relative;» від «position: absolute;» або «display: block;» від «display: flex;» :).</p><p><strong>Щоби повністю розібратися у Webflow, нам у Once Agency знадобився десь місяць</strong>, кілька відеоуроків і декілька зроблених на цій платформі проєктів, все — банальна практика. Але воно того варте!</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*94Zu6hvnviV59LsNXnTBKQ.png" /></figure><h3>Для чого воно нам як агенції?</h3><p><strong>Нам у Once Agency був потрібен інструмент, щоби збирати красиві лендинги та сайти: </strong>і прості, і складні, водночас закриваючи задачу всередині команди. Щоби це було швидше для нас і для клієнта.</p><p>Коли ми зверталися до спеціалістів, які пропонують класичний підхід до верстки, то не завжди вдавалося робити те, що задумали: і за таймінгом, і за результатами.<strong> До того ж, з класичним підходом не завжди вдавалося робити за схемою pixel perfect.</strong> <strong>Webflow дає такі можливості: </strong>ми завжди впевнені, що результат вийде точно таким, як ми запланували.</p><h3>Можливості для самореалізації дизайнерів і агенцій.</h3><p>Спільний із нашим арт-директором <a href="https://www.instagram.com/viktor.grudakov/">Вітьою Грудаковим</a> проєкт <a href="https://once.agency/ukraine">Fight for Ukraine in Illustrations</a> — живий приклад цьому. Це ілюстрована хроніка подій початку повномасштабного вторгнення росії в Україну.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*RiW3Fq-uYwUIV2OY80Zhmg.png" /></figure><p>Cайт арт-проєкту створений з нуля на Webflow у форматі онлайн-галереї, він доволі непростий і має кастомні анімації та нестандартну верстку. Ми подали його на Awwwards — платформу, що нагородами відзначає таланти й зусилля найкращих вебдизайнерів, розробників і агенцій у світі.</p><p><strong>За пару тижнів сайт </strong><a href="https://once.agency/ukraine"><strong>Fight for Ukraine in Illustrations</strong></a><strong> отримав високі бали (8.52 з 10.0) і нагороду «</strong><a href="https://www.awwwards.com/sites/the-fight-for-ukraine"><strong>Honorable Mention</strong></a><strong>».</strong> Такий бейджик дають, якщо твій проєкт отримав більше 6.5 балів на голосуванні, у якому брали участь керівники крутих студій, представники агенцій, офіційні журі та звичайні люди зі всього світу.</p><p>Зараз сайт очікує на нову нагороду «Site of the day», яку ми сподіваємося отримати в найближчі місяці.</p><h3>Чому Webflow — зручно для клієнта?</h3><ul><li><strong>Швидкість і простота.</strong> Клієнти можуть дуже швидко отримати готовий продукт і швидко керувати своїм контентом, оновлювати його в зручний час САМОСТІЙНО. Це не до порівняння з адмінками Wordpress (і керуванням бекендом та фронтендом у них). Навіть якщо клієнт залучає до редагування проєкту агенцію, це однаково буде в рази швидше й дешевше, ніж переробляти вже готовий сайт у класичних вебдевелоперів.</li><li><strong>Сервери Webflow.</strong> У серверів на Webflow Hosting дуже висока продуктивність. Якщо планується великий потік користувачів на сайт, платформа з легкістю це витримає — не треба купувати окремий сервер із потужними характеристиками, як у звичайних хостингів.</li><li><strong>Безпека та надійність.</strong> Сервіс Webflow є хмарним, тому більш безпечним і надійним. Клієнту не треба турбуватися щодо типових ситуацій, які стаються з класичним хостингом у зв’язці з класичною CMS. Наприклад, коли сайт виходить із ладу (під час автоматичного оновлення адмінки чи збою в базі даних), це стає особистою проблемою клієнта. Адже клієнт не знає, що робити, треба розібратися зі страшною cPanel чи знову кликати на допомогу розробника або службу підтримки хостингу. Таких проблем у Webflow просто немає.</li><li><strong>Backup.</strong> Ще один плюс до надійності Webflow — це бекапи. Якщо хтось ненароком видалить або відредагує class, який спричинить зміни на всьому сайті, то ми легко відкотимося на пів години чи кілька годин або днів назад.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*grB71wy1Zf6aruCBoYJiBg.png" /></figure><ul><li><strong>Перенесення сайтів між користувачами. </strong>Ви можете переносити проєкти між обліковими записами Webflow, зокрема між своїми особистими та груповими панелями керування обліковим записом. Коли переноситься проєкт, уся робота в конструкторі переноситься на нову панель інструментів, включно зі стилями, сторінками, контентом (і контент CMS) та кодом користувача.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*lLraqu5yPoKgaKDXR8j0jQ.png" /></figure><ul><li><strong>Простий білінг</strong>. Клієнт може прив’язати свою картку для оплати сервісу, а кошти будуть автоматично зніматися окремо за хостинг (<a href="https://webflow.com/pricing">Workspace Plan</a>) і кожен сайт (<a href="https://webflow.com/pricing">Site plan</a>) на цьому хостингу. Можна більше не ставити собі нагадування про оплату — ви не пропустите момент.</li><li><strong>Вивантаження коду готового сайту</strong>. Клієнт може експортувати HTML, CSS і JavaScript свого проєкту з Webflow: для резервної копії або щоби розміщувати сайти де завгодно за межами Webflow (але без адмінки).</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*5CFeercPXOqFp7O2USrQhw.png" /></figure><h3>SEO сайту.</h3><ul><li><strong>Google PageSpeed Insights.</strong> Внутрішньо Webflow дуже гарно оптимізований, тому сайти завантажуються швидко й стабільно працюють. Навіть такі досить складні можуть спокійно отримати 80–99 балів у Google PageSpeed Insights у мобайлі та десктопі.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6WwomabOhd6Yhyzw8h3uNw.png" /></figure><ul><li><strong>Чистий код.</strong> Webflow будує чистий код і гарну ієрархію — на відміну від тієї ж Tilda, де замість коду просто авгієві стайні. Крім того, код можна оптимізувати, мінімізувавши його одним кліком.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/680/1*PzYK0ahf9ohKdgBqJngpHw.png" /></figure><ul><li><strong>Теги.</strong> Ще Webflow підтримує всі вимоги пошукової оптимізації. Наприклад, ви можете додавати meta tag, title tag, meta description, великий плюс — одразу видно, як це буде виглядати в Google.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/670/1*AAcFIstCCW0Ovg3rFZ31JQ.png" /></figure><ul><li><strong>Open Graph.</strong> Є зручна підтримка Open Graph і окремо прев’ю картинок кожної сторінки на сайті.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*TYKGjloY6ojL60RDFPXgTw.png" /></figure><ul><li><strong>Вбудовування коду в head чи body.</strong> В head tag чи body tag можна вбудовувати будь-який код чи скрипт. Наприклад, якщо вам треба вказати канонічність сторінки чи мовну приналежність або взагалі будь-що. Усе це робиться як глобально для сайту, так і для окремої сторінки.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*lrKpq0SYgmAIOy6GDOyxYg.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6BcyRdOkX2G-0uP4DNHRKA.png" /></figure><ul><li><strong>Підтримка заголовків і параграф</strong>ів. Повністю підтримується ієрархія заголовків (H1, H2, H3 тощо), а також параграфів і звичайного тексту.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/480/1*vuyANs0CKVdH3pc4N_J6XQ.png" /></figure><ul><li><strong>Аудитор.</strong> Також у Webflow є вбудований аудитор. Якщо ви забули вказати alt text для посилань чи зображень, то Webflow нагадає вам про це, будьте впевнені.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/484/1*mfdZIhw5Be0mimxqpLFucw.png" /></figure><ul><li><strong>SSL.</strong> Сервіс безплатно надає свій офіційний SSL-сертифікат і хостинг сайту на своєму безкоштовному домені або на вашому кастомному.</li></ul><h3>Автоматична оптимізація сайту під екрани різних розмірів.</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/537/1*IZlt8ezrwMGs9u55BlPf7g.png" /><figcaption>Вважаємо це топ-кіллер-мега-фічою, якої немає в класичних редакторах типу Tilda чи Readymag.</figcaption></figure><p><strong>Чому? </strong>Бо Webflow використовує візуальний підхід, але з класичними елементами верстки на кшталт класів і позиціювання.</p><p><strong>Верстати адаптив тут одне задоволення: </strong>із правильним підходом до верстки (не будемо заглиблюватися в деталі) ми отримуємо адаптивний сайт, верстаючи його ще в десктопній версії. А вже потім, просто переходячи на брейкпойнт нижче, робимо незначні виправлення у верстці та економимо багато часу й нервів.</p><p><strong>У класичних редакторах таке неможливо: </strong>треба вручну тягати елементи туди-сюди в кожному брейкпойнті або ж за межі редактора, змінюючи їхній розмір.</p><p><strong>Крім цього в Webflow є всього 4 брейкпойнта для адаптації сайту</strong>, але вони покривають абсолютно всі розміри пристроїв. У Tilda їх 5, що знову збільшує час на розробку.</p><h3>Колекція вже готових шаблонів Webflow.</h3><p>У Webflow можна створювати все з нуля, верстати намальовані в Figma сайти або використовувати вже готові, що розміщені в ком’юніті «<a href="https://webflow.com/made-in-webflow">Made In Webflow</a>».</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*TpsGvVDjtAW-WnkbEZgy3g.png" /></figure><p>Окрім шаблонів із цього ком’юніті можна копіювати вже готові рішення. Наприклад, якщо тобі сподобався якийсь слайдер чи окремий блок або анімація, усе це можна скопіювати собі в проєкт. У 80 % випадків це безкоштовно, але є і платні варіанти.</p><h3>Додавання користувацького коду.</h3><p><strong>HMTL, CSS, JavaScript.</strong> Webflow дозволяє гнучко працювати з кастомним кодом і скриптами, навіть якщо ви не є розробником. Сервіс надає багато способів використання кастомного коду, тож ви можете створювати будь-які елементи на сторінці як окремо, так і на всьому сайті глобально. Кастомний код можна інтегрувати навіть у CMS.</p><p><strong>На відміну від Tilda чи Readymag, тут додавання коду не створює багато «поверхів» із блоків із цим кодом у самому дизайні макету, після чого важко побачити, що ти верстаєш.</strong></p><p>Тому, якщо ви вмієте верстати, то технічних обмежень у Webflow взагалі немає — можете зробити що завгодно. Якщо тільки навчаєтесь, можете робити лише те, що не виходить за основну функціональність Webflow.</p><p><strong>Embed code.</strong> Ще Webflow дозволяє використовувати Embed code з будь-яких ресурсів. Тут не стане проблемою вставити будь-яке відео просто чи на тло, як і карту з MapBox або Google Maps.</p><h3>Символи Webflow.</h3><p>На платформі є дуже зручна фіча — Symbols. Якщо ви працюєте з Figma, це можна порівняти з її Components.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/496/1*uztH0drN4RRLQ0Pk11Lz_Q.png" /></figure><p>Symbols дозволяє повторно використовувати елементи на сайті. Наприклад, зробити меню на головній сторінці, перетворити його на символ і скопіювати на інші сторінки. Де би ви це меню не оновлювали чи не редагували, зміни перенесуться на всі макети одночасно, де є це меню.</p><h3>Тонке налаштування форм.</h3><p>Як ми знаємо, форми дозволяють активно та ефективно збирати інформацію на сайтах. Webflow надає дуже легку та тонку настройку цих форм, форматів полів, дизайну та тексту відповідей success message під свої потреби.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/472/1*M3DWcV1pAUVHIiVbYhGovA.png" /></figure><p>Можна навіть налаштовувати, які дані з форми ви хочете отримувати на свій email як власник сайту. Також можна налаштувати дублювання відповідей із форми відразу на декілька електронних пошт.</p><h3>Інтегрована CMS.</h3><p>Користуватися CMS Webflow суттєво простіше, ніж іншими класичними CMS. До того ж, вона потужніша за ті, що є в Tilda чи Readymag.</p><p><strong>CMS Webflow — візуальна база даних, де ви можете швидко керувати вмістом і створювати записи в блозі, товарах, статтях, змінювати зображення — усе це пакетно.</strong></p><p>Описати цю CMS — завдання для окремої статті. Щоби зрозуміти це наочно, Webflow надає багато відеоуроків, які демонструють цю функціональність <a href="https://university.webflow.com/courses/cms-and-dynamic-content">детальніше</a>.</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FlnYZXAIWU8M%3Ffeature%3Doembed&amp;display_name=YouTube&amp;url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DlnYZXAIWU8M&amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FlnYZXAIWU8M%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0" scrolling="no"><a href="https://medium.com/media/836ee7d01547ad861d07f0d59c2afc9c/href">https://medium.com/media/836ee7d01547ad861d07f0d59c2afc9c/href</a></iframe><h3>Створення інтернет-магазину.</h3><p>Щоби створити інтернет-магазин, достатньо лише натиснути на кнопку Ecommerce зліва в сайдбарі, і Webflow запропонує апгрейднути ваш тариф до плану «інтернет-магазин». Ви одразу отримаєте кошик, колекції та інші корисні штуки.</p><p>Ще в пакеті eCommerce є можливість імпорту та експорту товарів з XML-файлу. Кількість товарів залежить від вашого тарифного плану.</p><p><strong>Так, великий інтернет-магазин типу Amazon чи Rozetka тут зробити не вдасться, але</strong> <a href="https://d3e54v103j8qbb.cloudfront.net/videos/section.81d342daa9.mp4"><strong>щось середнє — дуже просто</strong></a><strong>.</strong></p><p>Підтримуються всі стандартні властивості товарів і категорій: зображення, ціна, валюта, податки, артикули та ще багато іншого, плюс додаткові кастомні поля. Звичайно ж, є різноманітні фільтри та багато інтеграцій, наприклад, із Shopify.</p><h3>Анімації та інтеграція з Adobe After Effects.</h3><p>Просто зверстати сайт — це чудово, але взаємодії та анімації зроблять його суттєво інтерактивнішим, що приверне ще більше уваги та довіри користувача.</p><p>Webflow не був би собою, якби й тут не придумав круту фішку. Тут є підтримка lottie-анімацій — це полегшений формат, який можна експортувати з Adobe After Effects як файл JSON, а потім імпортувати у Webflow. Це дуже розв’язує руки та дає втілити навіть найскладніші анімації. Звісно, платформа підтримує і звичайні та класичні анімації.</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FKP-y2hHS9CE%3Ffeature%3Doembed&amp;display_name=YouTube&amp;url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DKP-y2hHS9CE&amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FKP-y2hHS9CE%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0" scrolling="no"><a href="https://medium.com/media/9fdae992551a64cb77177fe3409a7f86/href">https://medium.com/media/9fdae992551a64cb77177fe3409a7f86/href</a></iframe><p>Для lottie-анімацій знадобиться плагін <a href="https://aescripts.com/bodymovin/">Bodymovin — Lottie</a>. З ним дуже швидко та просто можна робити кастомні та складні анімації елементів буквально створивши їх у After Effects</p><h3>Webflow University.</h3><p>З Webflow ви не залишитеся віч-на-віч зі своїми проблемами. Навколо платформи побудоване ціле ком’юніті та <a href="https://university.webflow.com/">власний онлайн-університет.</a></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*eGtobae2EbEHyvZ980QK4w.png" /></figure><p><a href="https://university.webflow.com/">Webflow University</a> — це бібліотека відеоуроків і текстових мануалів з усіма можливими питаннями. Усе розділено зручно за категоріями.</p><p>Для початківців є пришвидшений користувацький курс із розробки на Webflow.</p><h3>Інтеграція з різними сервісами.</h3><p>У Webflow настільки багато інтеграцій із різноманітними сервісами, що простіше назвати, з чим він поки не інтегрується.</p><p><strong>На платформі можна підключити хмарні сервісами MailChimp чи Zapier, інтернет-магазинами типу Shopify. Тут є інтеграції від Hotjar до SoundCloud, від G Suite до Instagram.</strong></p><p>Усі приклади можна подивитися на <a href="https://university.webflow.com/integrations">цій сторінці</a>.</p><h3>Наші проєкти на Webflow</h3><p><strong>Сервіс для спільного придбання нерухомості</strong> — https<a href="https://www.inzhur.reit/">://www.inzhur.reit/</a></p><p><strong>Сайт Once Agency</strong> — <a href="https://once.agency/">https://once.agency/</a></p><p><strong>Чекап здоров’я ШКТ</strong> — <a href="https://checkup.olymed.ua/">https://checkup.olymed.ua/</a></p><p><strong>The Fight for Ukraine in illustrations</strong> — <a href="https://once.agency/ukraine">https://once.agency/ukraine</a></p><h3>Висновок</h3><p>Webflow — дуже потужний інструмент, що легко поклав на лопатки попередників: Кастомні сайти можна створювати набагато швидше, водночас отримувати передбачувано високий результат.</p><p>Більшість задач — питання кількох днів, а не тижнів чи місяців.</p><p>Практично немає обмежень — потрібні лише ідеї та уява.</p><p>Слава Україні! 🇺🇦</p><p><a href="http://once.agency/">Once.agency </a>— маркетингова агенція, що мріє зростити #100НовихВеликих на українському ринку.</p><p>Більше про нас тут: <a href="https://once.agency/">https://once.agency</a></p><p>Якщо ви хочете долучитися до команди або стати НовимВеликим брендом, пишіть сюди: cucumber@once.agency</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=2e8a7bb0b3d5" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[10 маст-хевів для mCommerce у 2022]]></title>
            <link>https://onceagency.medium.com/10-%D0%BC%D0%B0%D1%81%D1%82-%D1%85%D0%B5%D0%B2%D1%96%D0%B2-%D0%B4%D0%BB%D1%8F-mcommerce-%D1%83-2022-d022c90d4de2?source=rss-cfb9215a2c50------2</link>
            <guid isPermaLink="false">https://medium.com/p/d022c90d4de2</guid>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[e-commerce-website-design]]></category>
            <category><![CDATA[mcommerce]]></category>
            <dc:creator><![CDATA[Once.agency]]></dc:creator>
            <pubDate>Wed, 20 Oct 2021 06:59:36 GMT</pubDate>
            <atom:updated>2021-11-04T08:58:09.013Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*XZ276jy0RDXsUEvUk3sPgA.jpeg" /></figure><p>Якщо вчора всі обговорювали електронну комерцію (eCommerce), то сьогодні на слуху вже mCommerce — мобільна комерція. Купувати з телефону — нова звичка споживачів, із нього ми замовляємо їжу, викликаємо таксі, записуємося до лікаря чи перукаря.</p><p>За останні три роки ми задизайнили 6 повноцінних m-commerce платформ: і на базі мобільних додатків, і на базі сайтів, і навіть окремого b2b-софту. Наприклад, додаток <a href="https://great.once.agency/goodwine">goodwine</a> — наша робота. Тож готові ділитися інфою і досвідом, з вас — шери та запитання.</p><p>Почнемо зі статистики росту долі mCommerce в усьому eCommerce:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/758/0*4ZAjBRemPlC5kC3d" /><figcaption>Mobile retail commerce sales as percentage of retail e-commerce sales worldwide from 2016 to 2021</figcaption></figure><p>Більше <a href="https://medialandscapes.org/country/ukraine/telecommunications/mobile-ownership">66%</a> українців мають смартфони. Ми підібрали 10 фіч, які допоможуть вашим клієнтам швидше та простіше купувати з мобільного додатку чи сайту.</p><p><strong>№1. Швидке завантаження: кожна доля секунди коштує вам продажів</strong></p><p>Ніхто не любить чекати. Особливо якщо чекати потрібно завантаження сторінки. Покупці вибагливі, а пропозицій на ринку сотні, тож бренди борються за кожну секунду уваги.</p><p>До речі, ось дослідження про взаємозалежність конверсії та швидкості завантаження сторінок:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*fB6T_-fovA1aSYYG.jpg" /><figcaption><a href="https://www.thinkwithgoogle.com/marketing-strategies/app-and-mobile/mobile-site-speed-importance/">https://www.thinkwithgoogle.com/marketing-strategies/app-and-mobile/mobile-site-speed-importance/</a></figcaption></figure><p><strong>№2. Якісні фото товарів і відео</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*9kX1xIgRAMO1uWMx9FgOTA.jpeg" /></figure><p>У 2022 році це вже навіть не потрібно пояснювати. Якщо в будь-якого користувача в інстаграмі є фотки гарної якості, то і в бренду на сайті мають бути.</p><p>З фото на сайті покупець складе враження й про бренд, і про продукт. Як у житті — зовнішній вигляд формує перше враження. Тож ми рекомендуємо не здешевлювати ваш сайт низькоякісними віжуалами. Також радимо оптимізувати їхню вагу, щоби не знижувалася швидкість завантаження сторінок.</p><p><strong>№3. Короткі форми реєстрації та покупка з Apple/Google Pay</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*YCD5YU7Y8DnQgd-I8s6N0g.jpeg" /></figure><p>Зареєструватися чи купити в один клік — це важливий запит аудиторії. Нагадаємо, що ми боремося за кожну секунду уваги. І щоразу, коли треба щось вписати руками, людина оцінює, чи варте воно того. Щоби зменшити зусилля на покупку товарів, зменшіть кількість форм для заповнення. Ідеально — це купити in one click.</p><p><strong>№4.</strong> <strong>Єдиний спосіб авторизації</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*vS60spSA3aIn4FgQqhnfZw.jpeg" /></figure><p>Люди часто не пам’ятають, через який акаунт авторизувалися на сайті минулого разу. Багато способів авторизації тільки множать акаунти та спотворюють вам статистику. Ідеальний варіант — вхід у особистий кабінет за номером телефону та кодом із смс.</p><p><strong>№5. Корисний контент у правильних місцях</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*00CYq9HM-piv3cvPJ_K5AQ.jpeg" /></figure><p>Допомагайте покупцю з вибором там, де можуть виникнути питання. Наприклад, додайте відеоогляди товарів від ютуб-блогерів, лінки з інструкціями тощо. Ставте себе на місце аудиторії та будьте корисними.</p><p><strong>№6. Подарункове паковання</strong></p><p>Додайте вже нарешті цю фічу. Безкоштовно чи за гроші. Вона зменшує кількість рухів для аудиторії, яка купує щось на подарунок. Для вас це просто, а людина зможе відправити його одразу за адресою.</p><p><strong>№7.</strong> <strong>Головна сторінка — цікавий контент</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*y1JKFXtx6s778PT8iST88A.jpeg" /></figure><p>Круто, коли головна — це корисна та цікава інформація, а не каталог продуктів. Розкажіть людям, хто ви, що нового у вас є в асортименті, і чому ви почали це продавати. Або поділіться історією людей, які стоять за вашим брендом, і що їх надихає. Ми впевнені, кожному бренду є що розказати.</p><p><strong>№8. Експерт, який знає та рекомендує</strong></p><p>Зазвичай люди не хочуть витрачати час на власні дослідження. Аудиторії зручно, коли можна запитати експерта чи послухати інфлюенсера, який вже в усьому розібрався та підібрав під твої потреби топ-3–5–10 продуктів. Ще з середньовічних підручників ми пам’ятаємо, що люди купують у людей.</p><p><strong>№9. Додайте можливість обрати дату та час доставки</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*c9r57TZ3EzHKzNNecP5_Gg.jpeg" /></figure><p>Наразі майже ні в кого немає часу сидіти та чекати кур’єра протягом дня.</p><p><strong>№10. Ну все, бігом і собі робити крутий m-Commerce!</strong></p><p>Зараз його можна зробити просто та швидко. Наприклад, від ідеї до запуску першої версії нашого додатку для goodwine пройшло лише чотири місяці. А наступні три роки ми постійно додавали нові фічі та покращували досвід покупок.</p><h3><strong>Бонус трек — корисні поради</strong></h3><p>— Коли покупець переходить до оформлення, приберіть все, що допомагає йому повернутися назад: лінк з логотипу, шапку, футер тощо. Тобто повернутися можна лише свайпом назад. Це допоможе людині сконцентруватися та підвищить вірогідність покупки.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*fmIwvF8EPnLb5pliOkriYA.png" /></figure><p>— Зробіть помітним поле пошуку на головній сторінці, щоби покупець швидко та зручно знайшов потрібне.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*yp1lBVTMe9UrQQFb_621wQ.png" /></figure><p>— Додайте справжні відгуки. Клієнти в будь-якому випадку будуть їх шукати. Тож краще, щоби вони прочитали їх на вашому сайті. Якщо відгуків ще немає, просіть кожного нового покупця давати вам фідбек.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*BpxRSx0Ewk3uZtTWMbMEpw.png" /></figure><p>— Пропонуйте в картці товару супутні товари або комплекти за нижчою ціною. Показуйте клієнту вигоду.</p><p>— Додайте список бажаних товарів. Це зручно для аудиторії та формує звичку заходити на сайт саме до вас.</p><p>— Додайте фільтри з максимальною кількістю параметрів для специфічних товарів, щоби було просто знайти потрібний.</p><p>— Щоби кнопки «купити» чи «додати в кошик» були зручними, робіть їх за розміром пальця. За даними MIT Touch Lab, площа подушечки пальця середньостатистичної людини — 10–14 мм, а площа кінчика пальця — 8–10 мм. Тобто оптимальный розмір кнопки буде від 48 пкс заввишки.</p><p>Once.agency — маркетингова агенція, що мріє зростити #100НовихВеликих на українському ринку.</p><p>Більше про нас тут: <a href="https://once.agency/">https://once.agency</a></p><p>Якщо ви хочете долучитися до команди або стати НовимВеликим брендом, пишіть сюди: cucumber@once.agency</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=d022c90d4de2" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Розповідаємо, як побороли сором клієнтів,]]></title>
            <link>https://onceagency.medium.com/%D1%8F%D0%BA-%D0%BC%D0%B8-%D1%80%D0%B0%D0%B7%D0%BE%D0%BC-%D0%B7-olymed-%D0%B1%D0%BE%D1%80%D0%B5%D0%BC%D0%BE%D1%81%D1%8F-%D0%B7%D0%B0-%D0%BA%D0%BE%D0%BC%D1%84%D0%BE%D1%80%D1%82-%D0%B2-%D0%BC%D0%B5%D0%B4%D0%B8%D1%86%D0%B8%D0%BD%D1%96-114da6b3b9b4?source=rss-cfb9215a2c50------2</link>
            <guid isPermaLink="false">https://medium.com/p/114da6b3b9b4</guid>
            <category><![CDATA[брендинг]]></category>
            <category><![CDATA[once-agency]]></category>
            <category><![CDATA[клиника]]></category>
            <category><![CDATA[маркетинг]]></category>
            <dc:creator><![CDATA[Once.agency]]></dc:creator>
            <pubDate>Tue, 07 Sep 2021 14:03:51 GMT</pubDate>
            <atom:updated>2021-11-02T12:10:26.316Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*V4lh6c4ljzLEwQB4Mkuz8g.png" /></figure><p>Olymed — це гастроентерологічна клініка в Києві. Нас одразу захопила їхня амбіція рости в масштабах впливу на здоров’я українців, але не збільшувати кількість клінік.</p><p>На спільній стратегічній сесії ми визначили ціль:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*bPqz_trgGDbv2mLkCYu-tQ.png" /></figure><p>Таких гастроцентрів у Європі зараз три, вони збирають навколо себе найкваліфікованіших спеціалістів, найточніше обладнання та людей, які хочуть дбати про своє здоров’я. Усе для того, щоби разом боротися з колоректальним раком.</p><h3>Занадто скромні, як на свою крутість.</h3><p>На момент нашої зустрічі Olymed уже мали найсучасніше в Україні обладнання, з яким не можуть конкурувати навіть більшість європейських клінік (наприклад, тут є повний набір скопів різного калібру та єдина в Україні професійна мийна система, що вбиває навіть Хелікобактер).</p><p>Навчальний центр при клініці випускав майбутніх ендоскопістів і гастроентерологів, організовував галузеві івенти для лікарів з усієї країни.</p><p>Але бренд Olymed абсолютно не відповідав цьому образу експертності та технологічності.</p><p><strong>Так виглядав бренд:</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*NrNmvgxoCLkBwcccE1OT7g.png" /></figure><blockquote>Ми зрозуміли: головна проблема бізнесу — це скромність.</blockquote><h3>Навіщо найсучасніше обладнання, культура та найкращі лікарі?</h3><p>Спочатку з’явилося запитання: окей, у нас є суперобладнання та лікарі, але що це дасть майбутнім клієнтам? Чи розуміють вони їхню цінність, чи, можливо, мають зовсім інші запити та болі?</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*vfBVgGUtMcB-apbyrwGLWQ.png" /></figure><p>Найбільше здивували не самі відповіді, а їхня форма:<strong> </strong>це були одні з найкоротших інтерв’ю на нашому досвіді.<strong> </strong>Люди старалися якнайшвидше закінчити розмову, було відчутно, як вони ніяковіють від теми.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*4Pw1ElW0D9R1twrpxhmteQ.png" /></figure><p>Люди соромляться говорити про проблеми травлення, особливо, коли мова заходить про колоноскопію чи проктологічні дослідження.</p><p>Неможливо боротися з колоректальним раком, не поборовши сором перед обстеженнями. Навіть із топовими лікарями та обладнанням.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ODHrWTot2e8DEkKh_33V8w.png" /></figure><p>Ми зрозуміли, яким є Olymed, і в чому його сила:</p><ul><li>Обладнання, що дозволяє з найвищою у світі точністю перевірити органи ШКТ на одному дослідженні, та бути впевненим у діагнозі.</li><li>Повні 50-хвилинні консультації, де пацієнта обстежать і вислухають без жодного поспіху, доступно проговорять кожну рекомендацію.</li><li>Тактовна та розуміюча команда, що береже особистий простір і знайде підхід до будь-якого пацієнта.</li><li>Особисті палати та окремий VIP-вхід, щоби навіть найтривожнішим пацієнтам було спокійно.</li><li>Приємний інтер’єр бутік-готелю і навіть виставка картин із особистої колекції директора, щоби пацієнти почувалися комфортно.</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*tiA9qfe_HPZgepYn-MmJeQ.png" /></figure><p>У Olymed все про клієнтів і для клієнтів — це клініка з сервісом, що не має аналогів в Україні. Так ми прийшли до позиціонування: Комфортна гастроклініка.</p><p>Ми поставили за ціль зробити гастроентерологію та проктологію приємним досвідом для пацієнтів, позбутися асоціацій із болем та соромом. Разом із клієнтом ми пропрацювали комфорт на кожному етапі: від першого візиту на сайт до виписки із завершеним успішним лікуванням.</p><h3><strong>Дизайн, що передає комфорт</strong></h3><p>Першим викликом було розказати та показати речі, що вже звикло лякають людей, у новому комфортному образі. Ми знайшли спосіб говорити про гастроентерологію впевнено, естетично та спокійно.</p><p>Почали з ребрендингу:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*kYjWAZyNqiPiewluHht5pQ.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*dHbTCZHkmNix4qkr8oTeow.png" /></figure><h3>Простіший, але складніший сайт</h3><p><strong>Кейс про сайт: </strong><a href="https://great.once.agency/olymed"><strong>https://great.once.agency/olymed</strong></a></p><p>Ми хотіли, щоби новий сайт передавав досвід відвідин клініки й відповідав її рівню. Для цього ми:</p><ul><li>Прибрали зайве: виділили чотири основні послуги, які хочемо продавати. Додаткові послуги винесли в загальний прайс.</li></ul><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F415150803%3Fh%3Da6510743a9%26app_id%3D122963&amp;dntp=1&amp;display_name=Vimeo&amp;url=https%3A%2F%2Fvimeo.com%2F415150803&amp;image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F888517089-7da85225e70b1be994ef76be3ab327d6d60b8fdd39e0611be960955c3c615c90-d_1280&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=vimeo" width="1920" height="1201" frameborder="0" scrolling="no"><a href="https://medium.com/media/c57615b92745f2e1d308b32f3859aefa/href">https://medium.com/media/c57615b92745f2e1d308b32f3859aefa/href</a></iframe><ul><li>Змістили фокус із лікарів на бренд клініки. Стандарти роботи в Olymed однакові для всіх, у кого би ви не лікувалися.</li></ul><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F415123145%3Fh%3D531c79a753%26app_id%3D122963&amp;dntp=1&amp;display_name=Vimeo&amp;url=https%3A%2F%2Fvimeo.com%2F415123145&amp;image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F888488279-d8385ed9218d850f52776df3ac63da2e1aff840280eb4841eef135068b6f649b-d_1280&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=vimeo" width="1920" height="1153" frameborder="0" scrolling="no"><a href="https://medium.com/media/01ab9d8f122bc99cd7a5e10198666a33/href">https://medium.com/media/01ab9d8f122bc99cd7a5e10198666a33/href</a></iframe><ul><li>Створили комфортні візуальні образи: залишили багато чистого простору та додали естетичний контент.</li><li>Додали комфортних фішок: показали, де можна припаркуватися чи перекусити, розповіли про підготовку для досліджень, спростили форму заявки.</li></ul><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F414761789%3Fh%3D4472f0523b%26app_id%3D122963&amp;dntp=1&amp;display_name=Vimeo&amp;url=https%3A%2F%2Fvimeo.com%2F414761789&amp;image=http%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F887975717-a01c8f3f8c477a098bdc9dfa96d48186b14bb437bdc2a9a8dfa4b8b0abef458f-d_1280&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=vimeo" width="1920" height="1080" frameborder="0" scrolling="no"><a href="https://medium.com/media/d2879f2aaba7964ec0a6a0aa45f337ad/href">https://medium.com/media/d2879f2aaba7964ec0a6a0aa45f337ad/href</a></iframe><h3><strong>Постійна комунікація</strong></h3><p>Позиціонування плавно перейшло в комфортну й експертну комунікацію бренду в соціальних мережах. Ми запустили постійні акції з безкоштовними обстеженнями, створили роздаткові матеріали та щомісяця розповідаємо про важливість скринінгів.</p><p>Паралельно з основною сторінкою клініки Olymed веде профільні сторінки для гастроентерологів і проктологів, де ділиться найсучаснішими протоколами лікування, клінічними кейсами. Це дозволило нам повністю відмовитися від практики інформаційних візитів до лікарів у інших клініках.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*0XU0RDIYSEmc56ts2eeEBQ.png" /></figure><p>Once.agency — маркетингова агенція, що мріє зростити #100НовихВеликих на українському ринку.</p><p>Більше про нас тут: <a href="https://once.agency/">https://once.agency</a></p><p>Якщо ви хочете долучитися до команди або стати НовимВеликим брендом, пишіть сюди: cucumber@once.agency</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=114da6b3b9b4" width="1" height="1" alt="">]]></content:encoded>
        </item>
    </channel>
</rss>