Dops Digital – це глобальна дизайн-лабораторія у Львові, що створює преміальну упаковку для бізнесу і цифрових продуктів. За чотири роки серед замовників компанії були VISA, FIFA та BBDO, а за свої кейси вони отримували нагороди Site of the day на Awwwards та CSS Design awards і 15 відзнак на Behance. Telegraf.Design розповідає про історію компанії та показує п’ять кейсів їхніх розробок.

У 2016 році Андрій Допілко працював в софтовій компанії дизайнером інтерактивної гри. Її суть полягала не лише в зручному і очевидному інтерфейсі, а також в гейміфікації нудних процесів із продажу газу й електрики на ринку США, де можна вибирати провайдера на відміну від монополіїї цих ринків в Україні.

У Андрія завжди було прагнення розвиватися, і він пішов на курси дизайну, де познайомився з іще одним проактивним дизайнером – Данилом Кореновським, тепер партнером і креативним директором Dops Digital. Вони обговорювали тренди в дизайні, працювали над домашніми завданнями та зрозуміли, що їм комфортно працювати разом.

Після року на проєкті, вся робота над дизайном завершилася, і після трьох місяців на бенчі без проєктів, Андрій шукав наступні альтернативи росту. Тоді вони з Данилом вирішили синхронізуватися, зробити односторінковий сайт, на якому показували та рекламували своє спільне портфоліо.

Знайшовши на фрилансі з п’ятої спроби програміста, вони найняли його на розробку сайту, а згодом – майбутніх десяти своїх сайтів. Запустивши банерну рекламу в Google Adwords Dops Digital почали отримувати перших замовників. Маючи кілька додаткових мов в запасі – Андрій узяв на себе комунікацію з клієнтами, а Данило сконцентрувався винятково на дизайні.

Андрія далі шукали як дизайнера софтові компанії, тому компанія створювала партнерства з ними як окремий дизайн-відділ, регулярно маючи стабільні великі проєкти. Паралельно вони виставляли свої роботи на Behance i поширювали їх серед друзів, поступово назбируючи нагороди в різних напрямках дизайну.

Наприкінці 2017 Dops Digital почула про перспективу взяти участь у тендерах. Компанія не знала, що таке комерційна пропозиція, коли її просили. Але поступово вона готувалася до «тендерного марафону», де на презентацію кожного було від 24 до 48 годин. І згодом очікування виправдали себе.

Першим виграшним тендером був продуктовий сайт презентації засобів жіночої гігієни. Загалом команда працювала з тендерами недовго, проте вони дали три поштовхи для росту. Насамперед – підняти ціни до конкурентних, оскільки практика показала, що вони працювали за мізерну оплату. Також відрізнятися від конкурентів вже на початку, приділяючи велику увагу спілкуванню зі замовником. І наостанок – готувати належну документацію перед кожним проєктом.

Проте третій тендер був особливим. На нього подавалися всі зі звичайним кошторисом, а Dops Digital вирішила більше вивчити продукт і зробити відеопрезентацію вже живого сайту та його вигляду у взаємодії з юзером, діалогу з користувачем та спілкування до моменту, поки не приведе до виконаної дії – реєстрації. І перемогли.

Цим тендером був сайт для корпорації VISA на чемпіонат світу з футболу FIFA. У підключенні сайту до API замовника команда також звернулася за підтримкою до досвічених софтових бекенд партнерів. За два місяці VISA зібрала 2,4 мільйони сесій на сайті, які здійснило 1,3 мільйони унікальних користувачів, що були конвертовані в 140 тисяч реєстрацій на сайті.

У 2019 році Dops Digital перейшла до участі в рейтингах, серед яких найпопулярнішим був ще доволі новий тоді Clutch, після якого компанію регулярно знаходили замовники зі США, Великої Британії та Канади. Згодом компанія  почала займатися не лише дизайном сайтів і додатків, але й айдентикою та брендингом, створюючи і пропонуючи замовникам розробку упаковки для бізнесу.

У 2020 році Dops Digital вперше взяли участь в Awwwards зі сайтом для Beans Agency. З ним вони отримали відразу три нагороди: Honorable Mention, Site of the day і Mobile Excelence. Пізніше вони подалися на CSS Design Awards і там також перемогли на Site of the day, збільшивши свою присутність на нових дизайн-майданчиках.

На початку 2021 року Dops Digital отримала Graphic Design i Adobe Illustrator за свіжі кейси, опубліковані на Behance. Це дало їм поштовх до нових звершень у дорогій презентації замовників, створюючи їм вигляд головних гравців на ринку.

«Насправді ми не бачимо нічого надзвичайно в нагородах, вони переважно приходять самі до нас, коли ми подаємося на них. Вся їхня суть полягає в любові до своєї роботи і проєкту замовника, а також бажанні зробити цінний продукт, який буде випереджати дизайн-тренди на кілька років вперед. Ми не дотримуємося шаблонів, інакше б виглядали, як усі. Натомість своїм накопиченим досвідом ми завжди прагнемо спрогнозувати дизайн-тендеції в майбутньому і випередити їх» – розповідає співзасновник Dops Digital Андрій Допілко.

5 кейсів дизайн-лабораторії Dops Digital

Rocket Wheel

Компанія відеопродакшену Rocket Wheel із США попросила створити їхній онлайн-вигляд «дорожчим». Серед їхніх клієнтів були Dell, Bloomberg і Amazon, але раніше ви б не могли здогадатися про це, дивлячися на їхній старий сайт.

Dops Digital прибрала усі зайві елементи, замінила банальні кольори і шрифти, прибрала неемоційний контент, вдихнувши нове життя у веб сторінку компанії, де майже усі елементи якої тепер взаємодіють з кожною цільовою дією користувача.

Редизайн перемістив увагу глядача на професійний підхід до проєктів компанії. Dops Digital анімувала кожен клікабельний елемент, вибудовуючи діалог між користувачем і компанією. Відвідувачам більше не потрібно читати текст. Вони мотивовані переглядати портфоліо Rocket Wheel, де кожен кейс розповідає свою окрему історію. Все це допомогло досягти головної мети: збільшити час перебування відвідувачів на сайті в кілька разів.

Heights

Провідна компанія івент-менеджменту в Саудівській Аравії Heights приваблювала мільйони відвідувачів онлайн, які залишали сторінку протягом декількох секунд перебування на сайті, тому що головна сторінка не виправдовувала їхніх очікувань. Dops Digital виправили це.

На прохання клієнта вони зберегли загальну колірну тематику і основну асоціацію з компанією в вигляді непорушного від течії айсбергу. Але повністю оновили їх зовнішній вигляд за допомогою 3D-анімації, перетворивши те, що здавалося незрілою компанією, у впізнаваного лідера ринку з 20-річним досвідом.

Petainer

Аналогічна проблема була у світового лідера з виробництва пластикових виробів Petainer. Вони мали хороший контент, але перенасичений загальний текст забирав увагу на себе. Великі текстові блоки і заплутане меню відволікали відвідувачів від найважливішої характеристики компанії – якості її продукту.

Меню старого сайту було нелогічним. Процес пошуку потрібної сторінки тривав вічність. Dops Digital ретельно проаналізували контент на сайті і переробила меню. Правильна структура навігаційного меню давала користувачам прямий доступ до найважливішої інформації. Кількість контенту презентувалась логічно і поступово, полегшуючи відвідувачеві взаємодію з вебсторінкою.

Elogic

Агенція, що допомагає компаніям електронної комерції створювати онлайн-ринки, мала вебсайт, наповнений неефективним контентом. На головній сторінці були шматки тексту, що не пояснювали їхню пропозицію.

Після кількох брейнсторм сесій з замовником, Dops Digital зрозуміли, що вебсайт Elogic має звертатися до клієнтів тією ж мовою і повідомленнями, які вони використовують у своїй справі. Вони мають говорити мовою електронної комерції.

Kontakt

Основним показником ефективності вебсторінки є коефіцієнт конверсії, тобто скільки відвідувачів насправді купили продукт. Це було головним поліпшенням, яке Dops Digital зробила і робить до теперішнього часу для Kontakt – одного з найбільших інтернет-магазинів в Азербайджані.

У них на сайті були нав’язливо яскраві кольори, незручні навігаційні панелі і відсутність фокусу. Після аналізу декількох місяців вебстатистики компанії запропонували змінити зовнішній вигляд майже кожного елементу на вебсторі.

Команда видалила шумні елементи, що відволікали від продукту, і зосередила увагу користувача на візуальній складовій. Оптимізована навігація з оформлення замовлення з інтуїтивно зрозумілими панелями допомогла отримати потрібний товар за мінімальну кількість кліків. Ці конструктивні рішення безпосередньо вплинули на кількість онлайн-покупок на сайті.

Telegraf.Design працює за підтримки спільноти. Підтримуйте Telegraf.Design на Patreon.