PROJECT ECOMMERCE WINE SHOP

PALETTE

Source: HD Rainbow

HEX	RGB	HSL	Example
#b9ac8e	r:185, g:172, b:142	h:41, s:23, l:64	$$\textcolor{#b9ac8e}{\text{Example}}$$
#901427	r:144, g:20, b:39	h:350, s:75, l:32	$$\textcolor{#901427}{\text{Example}}$$
#f5f4f1	r:245, g:244, b:241	h:45, s:16, l:95	$$\textcolor{#f5f4f1}{\text{Example}}$$
#1c1c1c	r:28, g:28, b:28	h:0, s:0, l:10	$$\textcolor{#1c1c1c}{\text{Example}}$$
#6bac40	r:107, g:172, b:64	h:96, s:45, l:46	$$\textcolor{#6bac40}{\text{Example}}$$
#97676b	r:151, g:103, b:107	h:355, s:18, l:49	$$\textcolor{#97676b}{\text{Example}}$$
#7ba05f	r:123, g:160, b:95	h:94, s:25, l:50	$$\textcolor{#7ba05f}{\text{Example}}$$
#d4e1bf	r:212, g:225, b:191	h:82, s:36, l:81	$$\textcolor{#d4e1bf}{\text{Example}}$$
#ac4c64	r:172, g:76, b:100	h:345, s:38, l:48	$$\textcolor{#ac4c64}{\text{Example}}$$

ATTENTION! Actually we only use white (#fff), black (#000) and red (#892331) + opacity

To do: choose between "my red", actually in use (#892331) or the other red (#901427)

MAIN STRUMENTS

Check:

TRELLO

GOOGLE ANALYTICS

CLAUDINARY

SANITY

STRIPE

PAYPAL

EMAILJS

DEMAND

Tenute Francesco Righetti

Azienda:
Tenute Francesco Righetti in collaborazione con Giuseppe Campagnola (due famiglie che collaborano insieme da generazioni), danno vita negli ultimi 10 anni all'Azienda Agricola Roccolo del Lago, tenuta locata sulle bellissime colline del Lago di Garda. L'azienda produce vini biologici tipici della zona: Chardonnay, Custoza, Bardolino, Corvina, Prosecco, Pinot Grigio, Valpolicella e Amarone. La vinificazione non è l'unico focus in quanto si propongono come location per eventi, matrimoni e degustazioni organizzate. Possiedono uno shop sia fisico in tenuta, che online dove è possibile ordinare sia i vini che l'olio di produzione della tenuta.

La sfida progettuale:
La sfida progettuale propone la creazione di tour vituale dei vigneti biologici e della cantina. L'obiettivo è quello di far conoscere e apprezzare al massimo tutti gli aspetti della produzione vinicola, andando ad esaltare le caratteristiche dei vigneti e la qualità del vino prodotto.

---

Guide

• License guidelines for this project

• Security guidelines for this project

• Contribution guidelines for this project

• Conduct guidelines for this project

• Privacy/Policy for this project

---

STRUCTURE

Projects:

Ecommerce
Virtual Tour

---

Ecommerce

Next.js project bootstrapped with create-next-app with Sanity.io and Vercel for Deploy

• Sanity Studio

Schemas

// Create schema for product (wines)

export default {
    name: 'product',
    title: 'Product',
    type: 'document',
    fields: [ 
        {
            name: 'image',
            title: 'Image',
            type: 'array',
            of: [{ type: 'image' }],
            options: {
                hotspot: true,
            },
        },
        {
            name: 'name',
            title: 'Name',
            type: 'string',
        },
        {
            name: 'slug',
            title: 'Slug',
            type: 'slug',
            options: {
                source: 'name',
                maxLength: 90,
            },
        },
        {
            name: 'price',
            title: 'Price',
            type: 'number',
        },
        {
            title: 'Rating',
            name: 'rating',
            // title: 'Rating (0 - 10)',
            type: 'number',
        },
        {
            title: 'Category',
            name: 'category',
            type: 'string',
        },
        {
            name: 'detailRegione',
            title: 'DetailRegione',
            type: 'string',
        },
        {
            name: 'detailVigneto',
            title: 'DetailVigneto',
            type: 'string',
        },
        {
            name: 'detailUve',
            title: 'DetailUve',
            type: 'string',
        },
        {
            name: 'detailFruttaio',
            title: 'DetailFruttaio',
            type: 'string',
        },
        {
            name: 'detailVinificazione',
            title: 'DetailVinificazione',
            type: 'string',
        },
        {
            name: 'detailAffinamento',
            title: 'DetailAffinamento',
            type: 'string',
        },
        {
            name: 'detailNoteGustative',
            title: 'DetailNoteGustative',
            type: 'string',
        },
        {
            name: 'detailAnalisi',
            title: 'DetailAnalisi',
            type: 'string',
        },
        {
            name: 'detailGastronomia',
            title: 'DetailGastronomia',
            type: 'string',
        },
        {
            name: 'detailBottiglia',
            title: 'DetailBottiglia',
            type: 'string',
        },
        {
            name: 'detailsBio',
            title: 'DetailBio',
            type: 'boolean',
        },
    ],
    orderings: [
        {
            name: 'priceDesc',
            title: 'Price, Desc',
            by: [
                {field: 'price', direction: 'desc'}
            ]
        },
        {
            name: 'priceAsc',
            title: 'Price, Asc',
            by: [
                {field: 'price', direction: 'asc'}
            ]
        },
        {
            title: 'Rating',
            name: 'rating',
            by: [
              {field: 'rating', direction: 'desc'}
            ]
        }
    ]
}

---

Virtual Tour

Next.js project bootstrapped with create-next-app with Sanity.io and Vercel for Deploy

Library used:

• three
• @react-three/fiber
• @react-three/drei

Support -> Momento360: more quality, fluid, efficient (no iteraction, allowFullScreen and only view)

---

PAYMENT METHODS

Types of Payment:

• Stripe
• PayPal

Stripe

Software, that allows individuals and companies to send and receive payments via internet

Stripe

Receipt template

PayPal In progress...

Classic, basic Payment with PayPal, one of the largest payment methods

PayPal Developer

---

CONTACT US SERVICE

EmailJs

Send email with EmailJS

When user contact us, we receive:

Then, automatically thank to auto-reply the client received:

---

GOOGLE ANALYTICS

Use of cookies

Check how many click and interaction the site had.

---

COOKIE / POLICY PRIVACY

Compliance test result for pr1-smoky.vercel.app

CookieBot