Tenuta Pescarina — сайт итальянской винодельни

Cайт создан для итальянского винодела Франческо Черулли Ирелли. В каталоге представлены вина, создающиеся им по семейным рецептам и доступные для онлайн-продажи гражданам ЕС.

Покупка производится путем онлайн-оплаты заказа прямо на сайте при помощи технологии Stripe. Варианты получения заказа — доставка или самовывоз. Службы и тарифы доставки предоставляются пользователю автоматически в зависимости от точно введенного адреса. После оплаты и регистрации заказа пользователь может увидеть в своем личном кабинете статус заказа и его отслеживание выбранной службой доставки. На сайте также можно почитать новости, историю и другую познавательную информацию о винодельне Tenuta Pescarina.

UI/UX-дизайн — Надежда Киреева, фронтенд и бекенд-разработка — Web Creator.

Смотреть сайт

Цели проекта

  • Создать многоязычную версию сайта для заказчика: ресурс должен быть доступен на итальянском, английском, французском, русском, немецком и китайском языках.
  • Реализовать возможность заказа вина из разных стран.
  • Реализовать автоматическое применение тарифов доставки в зависимости от точно введенного адреса.
  • Создать личный кабинет, в котором будет находиться полная информация о заказах пользователя.

Инструменты

Язык разметки HTML
CSS — каскадные таблицы стилей
Язык программирования Ruby
Фреймворк Ruby on Rails
Библиотека React
PostgreSQL — объектно-реляционная СУБД
Система сборки WebPack
Библиотека MobX
СУБД Redis
Stripe
Sketch
Zeplin
Adobe Photoshop
Язык программирования JavaScript
Библиотека MobX State Tree
Веб-сервер NGINX

Главная страница

Главная страница содержит обложку с большим заголовком, блок с историей производства вина, видео и описание каждого вида вина с возможностью перехода на детальную страницу.

Детальные страницы вин

На детальных страницах вин меняется цвет ползунка (с помощью него пользователь может выбрать год производства напитка) в зависимости от цвета упаковки вина.

Контентная страница

На простых текстовых страницах нет ничего лишнего: в конце каждой из них можно увидеть яркое контрастное изображение, которое особенно удачно выделяется на фоне строгого дизайна сайта.

Корзина и оформление заказа

Количество добавленных бутылок вина отображаются иконками, которые различаются по цвету в зависимости от вида вина.

История заказов в личном кабинете

Каждый заказ можно отслеживать. Кроме того, пользователь может скачать счет-фактуру прямо из личного кабинета.

Отслеживание заказа