Skip to content

filippoerbisti/Roccolo-s-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PROJECT ECOMMERCE WINE SHOP

PALETTE

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


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

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

Stripe

Receipt template 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: Template Email

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


GOOGLE ANALYTICS

Use of cookies

Check how many click and interaction the site had.


COOKIE / POLICY PRIVACY

Privacy/Policy for this project

Compliance test result for pr1-smoky.vercel.app

CookieBot

Report Cookie