Перенос дизайна Figma на Shopify

via Freelancer ·

Budget / Salary$10–30
TypeFreelance project
LocationRemote
Posted10 hours ago
перенос дизайна из Figma на Shopify и настройка функционала (анкеты, чат, календарь записи) под ключ.Описание проекта:Бренд мистической тематики, таро и магии "VERETARO". Весь визуальный концепт, логика переходов, тексты и цены полностью отрисованы в Figma. Нам нужно перенести этот уникальный дизайн на платформу Shopify, сохранив атмосферу старинных пергаментов и рукописей, а также настроить систему приема заказов и онлайн-чат. Ссылка на Figma предоставляется кандидатам в личные сообщения.Что необходимо реализовать под ключ:Верстка всех страниц по макету (Всего 11 страниц):В Figma готовы 11 длинных макетов страниц (Главная со свитками, разделы Гадания, Озрение, Чары, Советник, Покров, а также подробные внутренние подразделы услуг с карточками тарифов и ценами).Нужно загрузить графические макеты на сайт через EComposer или чистым кодом Liquid/CSS.Наложить поверх нарисованных пергаментных свитков и плашек живой текст (названия разделов, описания тарифов, цены в UAH/PLN) и сделать эти зоны кликабельными кнопками. Текст и цены должны быть скопированы из Figma и реализованы через код, а не быть просто частью картинки.Подключение шрифта:Интегрировать на сайт кастомный винтажный шрифт Monomakh (старославянский стиль). Применить его для всех заголовков, меню, кнопок и цен на всех 11 создаваемых страницах, как в макете.СТОПРОЦЕНТНАЯ АДАПТИВНОСТЬ (Ноутбук + Мобильные):Жесткое требование: прописать адаптивные стили (CSS Media Queries), чтобы на экранах любых мобильных телефонов и на ноутбуках дизайн смотрелся одинаково идеально.Все наложенные поверх свитков тексты, цены и кликабельные зоны кнопок должны стоять строго на своих местах поверх пергаментных свитков и не должны съезжать или деформироваться при изменении разрешения экрана.Оформление заказа и Анкета Клиента:При клике на тариф покупателя должно вести на оформление заказа.Перед оплатой клиент обязан заполнить форму (анкету): ввести своё Имя, Возраст и Подробно описать свою ситуацию.Настроить систему так, чтобы после оплаты эти данные клиента прилетали в админку Shopify. У владельца должна быть техническая возможность принять заказ в работу либо отклонить его с авто-возвратом средств на карту покупателю.Интеграция Онлайн-Чата с поддержкой фото и голосовых:Установить и настроить приложение для чата (Tidio, Shopify Inbox или аналогичный плагин), работающий прямо на сайте.Внутри чата должна быть техническая возможность для клиента и для меня прикреплять фотографии и отправлять голосовые сообщения.Настройка Календаря Записи под услуги:Установить и настроить приложение для записи на сеансы по времени (Sesami, Appointo или аналог). Стиль календаря должен вписываться в общую мистическую тему.Рабочий график: Понедельник – Суббота (Воскресенье выходной).Интервалы времени для записи: С 10:00 до 17:00 (с окнами между 11:00 и 12:00) и ночные сессии с 23:00 до 01:00.Настроить календарь так, чтобы владелец сайта мог вручную в один клик закрывать любые временные окна, брать выходные в будни или делать рабочими воскресенья.Мультиязычность:Вывести стандартный переключатель языков (RU, UA, PL) в виде значков/флажков на экран.Сами переводы текста я сделаю позже сама через встроенный Shopify Translate, от вас нужна только техническая привязка кнопок на три языка, сохраняя шрифт Monomakh для всех версий.Материалы для работы: Ссылка на Figma, чистые исходники картинок без текста и файл шрифта будут предоставлены исполнителю. Перед сдачей проекта будет проведено полное тестирование кликабельности и отображения всех 11 страниц с мобильного телефона.
css shopify web development figma web design web testing
Apply on Freelancer →

Project sourced from Freelancer.com. Applications happen directly on the original platform — we never collect your data.