Создание сайта на Tilda — удалённая работа в Москве

Корпоративный сайт (сайт компании). Функционал сайта: Приведение сайта к современному лендингу с функционалом интернет-магазина. Контент есть. Техническое задание для дизайнера на доработку сайта solidep.ru (платформа Tilda) с реализацией функционала интернет-магазина и интеграции с сервисом Yclients Цель: Приведение сайта к современному лендингу с функционалом интернет-магазина, повышающему доверие к продукту и компании, улучшение конверсии через улучшение визуальной и контентной части, а также добавление активных CTA, персонализации через введение команды и возможность бронирования услуг и покупки товаров прямо на сайте. Основные задачи: Функциональные изменения: а) Реализация интернет-магазина: Каталог товаров: Создать раздел для продуктов компании. В каждом карточке товара должны быть: фото товара, краткое описание и ключевые преимущества, цена, кнопка “Добавить в корзину“. Функционал корзины: Возможность добавлять товары в корзину, просмотр корзины с возможностью удаления или изменения количества товаров, интеграция системы оплаты (Яндекс.Pay, СБП и другие доступные методы оплаты), возможность оплаты на сайте. Форма заказа: При оформлении заказа пользователь должен вводить контактные данные (ФИО, телефон, адрес для доставки). Интеграция с платёжными системами и отправка уведомления на почту о подтверждении заказа. Уведомление о статусе заказа на почту клиента (при изменении статуса заказа). Выбор удобного времени для приезда мастера б) Интеграция с Yclients: Внедрить виджет Yclients на сайт для возможности выбора удобного времени для выезда мастера. Этот функционал должен быть доступен на этапе оформления заказа либо в разделе “Услуги“. Полная интеграция с системой Yclients: Пользователь может выбрать свободное время для бронирования услуг (например, выезд мастера по настройке или установке товара). Система должна автоматически синхронизироваться с Yclients для показа доступного расписания. в) Интеграция данных с обновленных форм и Yclients с Битрикс: Реализовать базовую интеграцию с Битрикс для автоматической обработки заявок и ведения клиентов. Визуальные и графические изменения: - Изменение цветовой гаммы: Использовать активные, но “здоровые“ цвета (светло-зеленый, голубой, оттенки белого и серого), чтобы ассоциироваться со спортом, здоровьем и медицинскими темами. - Добавить живые фотографии и видео: Реальные фото и видео продуктов, команды, клиентов. Видеообзоры, интервью с командой и экспертами. - Фото и видео с участием команды: Фото и видео с Аланом (эксперт) и Александром (основатель), где они объясняют продукт и его уникальность. - Отзывы и кейсы: Реальные кейсы клиентов и отзывы, желательно в формате до/после или с участием клиентов. - Анимации и интерактив: Лёгкие анимации и интерактивные элементы для вовлечения пользователя (плавные переходы между секциями, всплывающие CTA-кнопки). Контентные изменения: а) Полные карточки товаров с подробными описаниями, фото, ценами и рекомендациями по использованию. б) Описание продукта и компании: Расширить разделы с описанием истории компании и продукта, сделать их более персонализированными. Упомянуть миссию компании и уникальные аспекты продукции. в) Команда: Создать раздел с подробным описанием членов команды, их профессионального опыта и достижений, включая фото и видеоинтервью. г) Экспертное мнение: Углубить раздел с мнением эксперта — биография Алана, его достижения, вклад в продукт. д) Отзывы и кейсы: Включить реальные кейсы с подробными результатами и отзывами клиентов, подкрепленными фото и видео. е) Активно подсветить боли клиента, добавить графику как стелька влияет на здоровье остального тела. ж) Расширить ЦА от спортсменов до всех людей с активным образом жизни. UX/UI и структура сайта: Краткая общая структура должна выглядеть след.образом: 1. Главная: Яркий блок с УТП и видеообзором продукта. Призыв к действию — “Получить консультацию“ или “Купить сейчас“. 2. Каталог товаров: Страница с продуктами, подробным описанием и возможностью добавления в корзину. 3. О компании: История компании, личные истории основателя и команды. 4. Отзывы и кейсы: Блоки с кейсами и отзывами, подкрепленные фото и видео. 5. Интеграция с Yclients: Виджет для записи на услугу с выбором времени. Мобильная оптимизация: Все функции интернет-магазина (корзина, оформление заказа, оплата) и Yclients должны быть корректно адаптированы для мобильных устройств. Навигация, кнопки и интерактивные элементы должны быть удобно доступны на сенсорных экранах. SEO и техническая оптимизация: SEO-оптимизация для интернет-магазина: прописать ключевые слова для карточек товаров (например, «реабилитационные средства», «ортопедические товары»). Скорость загрузки: оптимизировать изображения, видео и другие элементы для быстрого времени загрузки. Безопасность оплаты: настроить защиту данных для обеспечения безопасности при онлайн-платежах. Ориентировочная структура лендинга: Структура лендинга SOLIDEP В соответствии с SWOT-анализ сайта Solidep 0. Header Логотип SOLIDEP Описание: Индивидуальные стельки для активного образа жизни Часы работы: Пн-Вс: 9:00 - 21:00 Номер телефона: [Телефон скрыт] Кнопка заказать звонок: «Заказать звонок» – форма с полями для имени и телефона. 1. Главное меню (якорные ссылки на блоки) Каталог Отзывы Кому подойдет Контакты Офис Выезд мастера на дом О компании 2. Меню по целевым продуктам Для спорта: «Стельки, которые помогут вам достичь новых высот в спорте, обеспечивая поддержку и амортизацию». Для активной ходьбы: «Комфортные и легкие стельки для тех, кто много передвигается пешком, чтобы избежать усталости и дискомфорта». Для профилактики: «Индивидуальные стельки для предотвращения заболеваний стоп и поддержания здоровья». Для детей: «Стельки, созданные с учетом особенностей детской стопы для обеспечения правильного роста и развития». 3. Оффер Основной оффер: «Бесплатный выезд мастера на дом и изготовление стелек под вашу стопу за 20 минут!» Подоффер: Кнопка: «Заказать стельки» – переход на форму заказа. Бонус: «Бесплатная консультация травматолога-ортопеда при первом обращении!» Картинка с описанием: Изображение процесса 3D-сканирования с подписями о преимуществах технологии. 4. Буллиты Быстрый выезд мастера: «Наша команда приедет к вам в удобное время и место». Индивидуальный подход: «Каждая пара стелек изготавливается под уникальные параметры вашей стопы». Высококачественные материалы: «Мы используем только проверенные и безопасные материалы для вашего здоровья». Технология 3D-сканирования: «Современная технология, обеспечивающая максимальную точность и комфорт». Доступные цены: «Качество, доступное каждому: наши стельки – это инвестиция в ваше здоровье». 5. Партнеры С кем мы сотрудничаем: с известными спортзалами, фитнес-центрами и мероприятиями. 6. Технические характеристики Материалы: Супинатор - полимерный формирующий материал, который обеспечивает динамическую поддержку стопы. Амортизирующий материал - относительно твердый, способен поглощать более 97% удара, что важно для защиты стопы при движении. Гофрированная ткань - обладает воздухопроницаемостью и способностью впитывать влагу, что улучшает комфорт использования. Антибактериальный материал - помогает поддерживать гигиену, впитывает влагу и устойчив к плесени. Нескользящее полиэфирное волокно - повышает комфорт при использовании и устойчиво к износу. Дополнительный амортизирующий слой из искусственного хряща ACF, который поглощает более 90% энергии удара. - Долговечность: «Срок службы стелек – до 2 лет при регулярном использовании». - Поддержка: «Обеспечивают поддержку свода стопы, уменьшая нагрузку на суставы и позвоночник». - Удобство: «Легкие и дышащие, предотвращают потливость и неприятный запах». 7. Лид-магниты Боли в спине: «Страдаете от болей в спине? Индивидуальные стельки помогут решить эту проблему!» Плоскостопие: «Если у вас плоскостопие, мы поможем подобрать правильные стельки для поддержки стопы». Усталость ног: «Избавьтесь от усталости и дискомфорта после долгого дня на ногах с нашими стельками». Проблемы с суставами: «Стельки, которые уменьшают нагрузку на суставы и обеспечивают комфорт при ходьбе». Отечность: «Испытываете отечность ног? Индивидуальные стельки помогут уменьшить нагрузку и предотвратить отеки». Дискомфорт во время занятий спортом: «Если вы сталкиваетесь с дискомфортом при тренировках, наши стельки обеспечат необходимую поддержку и амортизацию». 8. Каталог Кнопки: «Стельки для спорта», «Стельки для активной ходьбы», «Стельки для профилактики», «Стельки для детей» – каждая кнопка ведет к соответствующей странице с описанием и ценами. 9. Кейсы Примеры до/после из разных категорий: «Посмотрите, как наши стельки помогли людям избавиться от болей и улучшить качество жизни». Кнопка: «Хочу так же» – переход к галерее с фотографиями и отзывами клиентов. 10. CTA Вопрос: «Не знаете, какие стельки подойдут именно вам? Пройдите наш тест и получите рекомендации!» «Пройти тест». 11. Преимущества работы с SOLIDEP «Профессиональная команда с многолетним опытом» «Доступные цены без скрытых платежей» «Гарантии» «Комплексный подход» + возможно оплата частями Кнопка “Начать сотрудничество” 12. Видео о компании: желательно весь процесс от А до Я, либо Александр, либо Алан 13. Отзывы Виджет с отзывами Яндекс: «Посмотрите, что говорят о нас клиенты!» – с возможностью оставлять свои отзывы. Видеоотзывы, скриншоты: «Смотрите видеоотзывы наших клиентов, которые испытали на себе наши стельки». 14. Акции Специальные предложения«При покупке комплекта из 2 пар стелек – скидка такая-то» 15. Информация о здоровье Узнайте, как проблемы с ногами могут влиять на ваше самочувствие». Кнопка. Предотвратить изменения. 16. CTA Вопрос: «Не знаете, какие стельки под вашу проблему? Мы поможем вам выбрать идеальные стельки!» Кнопка: «Заполните анкету». 17. Обучающие и экспертные статьи Блок: «Читать наши статьи о здоровье стоп, уходе за ними и последних исследованиях в области биомеханики». 18. Процесс сделки Шаги сделки: 1. Заявка: «Оставьте заявку на сайте или позвоните нам». 2. Выезд : «Наш мастер приедет в удобное для вас время». 3. Сканирование и изготовление : «Мы проведем 3D-сканирование вашей стопы и изготовим стельки на месте». 4. Испытание наших стелек в деле (2-3 месяца) 5. Повторный прием: «Возможность записи на повторный прием для корректировки стелек». 19. Команда Представление команды: «В нашей команде – опытные специалисты в области биомеханики и ортопедии, готовые помочь вам с любыми вопросами». Фотографии и краткие биографии: «Познакомьтесь с нашими мастерами: имя, опыт, достижения». 20. Гарантии Блок с гарантией : «Мы уверены в качестве нашей работы. Если стельки не подошли вам, мы предложим бесплатную корректировку или замену».! 21. Приглашение в офис «Приглашаем вас посетить наш офис для бесплатной консультации и изготовления стелек!» Контактная информация : «Запись по телефону или через форму на сайте». 22. Часто задаваемые вопросы «Как проходит процесс замера?» «Как долго служат стельки?» «Могу ли я вернуть стельки, если они не подошли?» «Как ухаживать за стельками?» 23. Квиз Ответьте на несколько вопросов, чтобы узнать, какие стельки подойдут именно вам!» 24. Футер Социальные сети : «Присоединяйтесь к нашему сообществу в социальных сетях! Акцент на “собираем единомышленников в Telegram” и плюшки. Контактная информация. Обязательно каждая форма заканчивается на странице “Спасибо” с предложением перейти на наш ТГ-канал. Оплата частями. Реализовать корзину и время. Yclient. Каждый блок лендинга должен быть оформлен привлекательно, с четким призывом к действию и понятной навигацией, чтобы пользователи могли легко находить необходимую информацию и делать заказы.