OYCHA

український імпорт високоякісного чаю з усього світу!

OYCHA project cover

Країна

Україна

Роки співпраці

2023 - по тепер

Індустрія

Food and Beverages

Тип проєкту

E-commerce

Послуги

Веб розробка, UI/UX Дизайн, IT-консалтинг

Технології

JavaScript

Переглянути проєкт

Цей кейс про довготривале партнерство, сміливі ідеї для зростання та постійну оптимізацію, автоматизацію й інновації.

Передісторія

Якщо чесно, коли ми прийшли до засновника OYCHA з ідеєю розробити нову платформу для них, ми очікували багато чого, але не того, що сталося насправді.
Знаєш це відчуття гострої тривоги, коли пропонуєш клієнту щось абсолютно нове для ринку?
Спітнілі долоні, впевнений голос і мішок віри у свою ідею завжди з тобою?

Саме такими ми були, пропонуючи OYCHA перейти з WordPress на Payload CMS.
І якщо ти зараз читаєш цей текст, то це означає, що засновник OYCHA прийняв нашу пропозицію!

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

OYCHA feedback screenshot 1OYCHA feedback screenshot 2


Прочитати повний відгук, який OYCHA залишили на Clutch, можна вже тут.

А зараз назад у майбутнє усього шлях від самого початку, адже, як бачиш, результати вражають!


До

Ми вирішили зіграти в гру "До-Після" в рамках цього кейсу, адже зміни та покращення були масштабними, і важливо все-все зачепити.

Отже, що ми мали до нашої розробки?
Сайт, створений на WordPress із десятками плагінів. Повільне завантаження, важкий, і абсолютно неможливий для локалізації на англійську чи інші мови.
Хочеш додати новий товар? – Проси розробника.
Хочеш змінити зображення? – Знову до розробника?
Хочеш покращити SEO? – Adios!

Спочатку ми працювали з OYCHA лише як команда технічної підтримки. Але після кількох місяців покращень та підтримки це дійшло до того, що ми вирішили порушити питання розробки абсолютно нової платформи на базі Payload CMS і Next.js.

Почнемо з технічного "після". Повір, тут є багато що розповісти.


Технології

Розробка e-commerce сайту на базі PayloadCMS і Next.js — це стратегічний вибір, особливо якщо ти шукаєш продуктивність, гнучкість і можливість масштабування.

PayloadCMS — це headless CMS із сучасною архітектурою, орієнтованою на розробників. Вона пропонує низку переваг для e-commerce:

  • Кастомізовані моделі контенту
    Можливість створювати гнучкі та повністю налаштовувані типи контенту для продуктів, категорій, акцій тощо.
    Це рішення адаптується під ваші потреби, без жорстких обмежень, характерних для традиційних CMS.
  • Розширені можливості налаштування полів
    PayloadCMS підтримує реляційні поля, повторювані компоненти та управління медіафайлами, що ідеально підходить для галерей товарів, їхніх варіацій та функціоналу крос-продажів.
  • Рольова модель доступу
    Ти можеш налаштувати детальні права користувачів, забезпечуючи безпечне управління конфіденційними даними, такими як інформація про клієнтів і деталі замовлень.

Чи не ідеальне рішення для e-commerce?
Очевидно, що так.

Синергія PayloadCMS і Next.js для e-commerce

  • Висока продуктивність
    PayloadCMS забезпечує бекенд через API, а Next.js оптимізує фронтенд для максимальної продуктивності та чудового користувацького досвіду.
  • Гнучкість
    Повний контроль над дизайном і функціоналом вашого інтернет-магазину.
    Легка інтеграція платіжних систем (Stripe, PayPal), рішень для доставки та маркетингових інструментів.
  • Омніканальні можливості
    Headless-архітектура дозволяє використовувати API PayloadCMS для створення різних платформ (вебсайтів, мобільних додатків, POS-систем).
  • Майбутнє-захищеність
    Обидві технології сучасні та активно підтримуються, що зменшує технічний борг і гарантує сумісність із новими веб-стандартами.
OYCHA tea
    OYCHA matcha photo

      Дизайн

      Ми не створювали повний UI/UX для OYCHA. Але під час роботи над новим сайтом ми виконали обсяг робіт, що включав покращення їхньої дизайн-системи та кілька удосконалень у UI/UX-і.
      Наш інсайт з цього процесу: завжди заохочувати компанії до підтримання впорядкованості у всіх аспектах.
      Це полегшує роботу не лише поточним співробітникам, але й новачкам та іншим партнерам, які працюють над вашим проєктом.

      Ми в Zapal завжди раді допомогти в цьому, звісно!
      Хіба ми не розробники, чи що?

      SEO

      Коли йдеться про створення сайту для вже існуючої компанії, ми, безперечно, враховуємо аспект SEO.
      Із Payload CMS і Next.js ми впевнені в їх SEO-дружній комбінації.

      Ось чому:

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

      Інтеграція системи обліку й управління

      Звісно, як онлайн e-commerce, OYCHA потребує чіткої системи управління товарами.
      Ця e-commerce платформа, яку ми створили, повністю адаптована до їхніх комунікаційних і операційних управлінських потреб.
      Ба більше, ми постійно співпрацюємо та працюємо над покращенням можливостей управління.

      У процесі змін

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

      VPS — це рішення, яке ми обрали.
      Краще ціноутворення, більше функцій, і VPS у 3 рази швидший за Vercel.

      Ось і все!

      Далі буде…

      Ми повернемося, щоб додати більше новин про нові функції та вдосконалення, як тільки вони будуть реалізовані!


      Пий листовий чай, пий матча — та відчувай щастя!

      OYCHA project clutch  feedback


      Прочитати повний відгук, який OYCHA залишили на Clutch, можна вже тут.

      До зустрічі у нових кейсах!
      (вже незабаром)

      Досягни успіху разом з Zapal

      Kristina Nadiryan

      Крістіна Надірян

      Керівниця з розвитку бізнесу

      Бачу, що тебе вразив кейс нашої команди. Ми готові робити перші кроки до твого блискавичного проєкту вже сьогодні. А ти?

      Заплануй зустріч Або Напиши нам