Интернет-магазин косметики для лица Unidermix
сайт под ключ, интернет-магазин, веб дизайн, prestashop, косметика
Разработка под ключ онлайн магазина на движке PrestaShop (январь 2020 г.)
О проекте
Интернет-магазин натуральной косметики для лица unidermix.com (Москва). Бренд Unidermix – это линия косметики, разработанная ведущими специалистами в области космецевтики и пластической хирургии.
Задача проекта
- Разработать простой лаконичный дизайн с контрастными элементами.
- Сверстать Html страницы сайта.
- Интегрировать с cms PrestaShop.
- Реализовать 2 языка: RU и EN.
- Настроить магазин в админ-панели: главное меню, корзина, ЮKassa, Cdek, отзывы для товаров, отправка email писем и прочее.
Референсы для дизайна
Клипарт отпечатка пальца и логотип, который уже имелся у компании.
Что было сделано
- Разработаны макеты страниц (Photoshop).
- Отрисованы фоны, слайды для слайдшоу на главной странице, обложки категорий каталога и раздела новостей, gif-баннеры, favicon, титульные изображения для страниц новостей (Photoshop).
- Созданы svg-иконки (CoreDraw).
- Осуществлена адаптивная верстка страниц (Html, Css, jQuery).
- Реализованы: svg-анимация в футере при наведении курсора, анмация иконок, анимация при скролле.
- Произведены все необходимые настройки в админ-панели магазина на движке PrestaShop 1.7.6.0.
- Реализованы интеграции с платежной системой ЮKassa и службой доставки Cdek.
Разработаны несложные php модули для магазина на Престашоп:
- Список новостных категорий и постов (для включения в html карту сайта).
- Список соцсетей.
- Slider Owl carousel (слайдер на главной, представляющий бренд Unidermix).
- Дополнительное поле товара (для блока с ингредиентами на странице товара).
- Press block on the Home page (слайдер Пресса о нас на главной странице).
Обзор движка для интернет-магазинов PrestaShop Описание одной из лучших систем для электронной коммерции, обладающей всеми функциями, необходимыми для создания интернет-магазина и развития бизнеса.
На сайте реализованы:
- прелоадер, липкий хедер;
- заказ обратного звонка, поиск, сравнение товаров;
- на главной странице: Slick слайдер на первом экране, Slick карусель Пресса о нас;
- каталог товаров;
- модальные окна Bootstrap;
- панель сообщения cookies;
- страница товара: фото товара, описание, кнопки соцсетей, ингредиенты, вкладки, отзывы, рекомендуемые товары;
- корзина, окно с краткой корзиной;
- оформление заказа: Личные данные, Адрес доставки, Способ доставки, Оплата;
- контакты: форма обратной связи, Yandex карта с адресами партнеров;
- личный кабинет клиента;
- 2 языка;
- служебные страницы и попап-окна: Согласие на обработку данных, Политика конфиденциальности, Условия обслуживания;
- html карта сайта.
Сайт адаптирован для мобильных устройств и планшетов.
Страницы сайта
- Главная
- О бренде
- Каталог
- Доставка и оплата
- Новости
- Карточка товара
- Контакты
- Корзина
Как вам понравился сайт Unidermix? Хотели бы такой магазин для своего бизнеса? Просто сообщите о своем желании, я с радостью помогу осуществить это! Напишите мне на make.website.info@gmail.com:
Давайте общаться
Я хотел бы поговорить о вашем бизнесе, отправьте мне письмо на make.website.info@gmail.com.
Оставьте свой комментарий!
Комментарии (0)