FIG: Food is Good

Дизайн та розробка сайту

fig website laptop

FIG — американський стартап. Вони розробили додаток, який дозволяє людям зі особливими дієтами, або ж алергікам, легко знаходити їжу, яку вони можуть безпечно вживати. Вони починають активно рекламувати їх додаток, тому їм потрібні були дизайн та розробка сайту. Вони хотіли крутий, привабливий вебсайт, який би залучав і конвертував нових користувачів.

FIG прагне полегшити життя людям з особливими потребами в їжі. Тому їм потрібно було розробити простий сайт за вже створеним дизайном. Команда Etcetera допомогла їм досягти цієї мети і знайти прості рішення навіть для складних задач.

Дизайн та розробка сайту​

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

  • Євген, full-stack розробник, що працював над проєктом, реалізував ці дизайни. Вебсайт створено у WordPress, тому клієнту легко взаємодіяти з ним навіть без розробника. Щоб збільшити функціональність CMS, Євген використав custom fields плагін, а також PHP-темплейти та JS (jquery, GSAP) для слайдерів та анімації.

  • Євген розробив також плагін для сайту, який буде взаємодіяти з базою даних продуктів FIG через API. Крім того, він підключив API Twillio для надсилання SMS-повідомлень.

Якщо ви перейдете на сайт FIG, ви побачите багато відео, які роблять сторінку більш привабливою та інтерактивною для користувачів. Це було серйозним викликом для розробки, адже потрібно було змусити коректно працювати відео для різних девайсів/бразурів в зв’язку з тим що для різних браузерів та операційних систем різні політики відтворення відео. Крім цього відео має швидко завантажуватися для кращого UX. Після досліджень і випробувань ми знайшли найкраще рішення. Євген завантажив всі відео на сервер Vimeo, щоб пришвидшити час завантаження за допомогою стрімінгового відтворення HLS. Усі зображення було переміщено на сервер AWS з тієї ж причини, тому сторінки завантажуються блискавично швидко навіть із таким важким контентом.

Дизайн та розробка сайту​ FIG - висновки

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

Skills

fig website skills

Project Numbers

247

Годин розробки

28

Годин дизайну

4

Місяців роботи

Feedback

"Petro was communicative and did nice work"

Andrew Hollar, USA

More Cases

Дизайн та розробка на Shopify для VITAGUT

Розробили адаптивну лендінг-сторінку на Shopify для VITAGUT з унікальним дизайном і високими показниками конверсії

10 років успіху: наші досягнення

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

Покращення дизайну сайту і розробка Shopify для Halos

Покращення дизайну сайту та розробка Shopify для Halos: читайте про один із останніх успішних кейсів від Etcetera!

Редизайн та WordPress розробка для Next Level Communication

Історія співпраці з клієнтом, який повернувся до нас через 2 роки, щоб зробити редизайн і розробку сайту, що відповідав би цілям компанії

Ребрендинг для Andy Arts

Мета ребрендингу полягала в тому, щоб допомогти Andy Arts висловити такі цінності, як креативність та зв’язок з культурним корінням.

WordPress та WooCommerce розробка для Neon Glitch

А ви вірите, що ШВИДКО не може бути ЯКІСНО? Ця WordPress & WooCommerce розробка докаже вам, що швидко може бути якісно!

AskInvest: брендинг, дизайн сайту та презентації

Дивіться новий кейс - брендинг, дизайн сайту та презентації – все, що потрібно було клієнту для запуску стартапу.

RobotCritters: Брендінг, дизайн і WordPress розробка

RobotCritters — блог про футуристичні технології. Ось, Брендінг, дизайн і WordPress розробка, як ми його реалізували

Carbon Offset Company: Розробка Shopify Додатку

Нам приносить справжнє задоволення, коли наша робота має позитивний вплив на світ. Розробка Shopify Додатку - саме такий кейс

Gurusoft бренд дизайн

Gurusoft вже 20 років допомагає автоматизувати бізнес за допомогою цифрових рішень. Ecetera допомогла їм оновити бренд дизайну бренду.

Брендінг, презентація та лендінг дизайн для стартапу

В Etcetera ми прагнемо робити нашу роботу відмінно, а це означає - вирішувати справжню проблему клієнта. Ось приклад - дизайн для стартапу

Offix: Фулстек розробка для CRM

Сьогодні ми хотіли б розказати про те, як відбувається розробка для CRM, щоб показати, наскільки важливим може бути back-end.