# InMaterassi — Una nuova idea di riposo Proposta preliminare di restyling e-commerce · 9 ottobre 2026 ## 1. La proposta in una frase Trasformare InMaterassi in un negozio online più chiaro, rassicurante e riconoscibile, che aiuti il visitatore a scegliere il materasso adatto alle proprie preferenze e a completare l'acquisto con meno incertezze. Il concept mantiene la convenienza e l'identità del marchio, con una presentazione più curata del prodotto. La promessa editoriale è: «Materassi italiani. Il comfort giusto per te.». Questa proposta comprende una homepage interattiva e una direzione per il sito completo, aggiornata con una testata più evidente e una pagina più ricca di informazioni. È una base di discussione, non un preventivo definitivo né un negozio pronto alla vendita. ## 2. Cosa emerge dal sito attuale La ricognizione riguarda la homepage e la pagina delle condizioni delle 120 notti, consultate il 9 ottobre 2026. Non comprende dati Analytics, accesso al gestionale, misurazioni di performance o una prova di acquisto. Punti da valorizzare: ampiezza del catalogo, prezzi accessibili, categorie per misura e tecnologia, comunicazione della produzione italiana, assistenza telefonica e WhatsApp, recensioni verificate e prova a casa sulla Linea Premium. Opportunità osservate: - La prima schermata è dominata dalla promozione; il nuovo sito può affiancare alla convenienza una spiegazione immediata di come scegliere. - La navigazione presenta molte categorie tecniche allo stesso livello. Una gerarchia più semplice aiuta chi non conosce le differenze tra materiali. - La homepage contiene numerose sezioni, messaggi ripetuti e testi estesi. La nuova versione conserva una homepage ricca di informazioni, organizzandola in blocchi distinti con titoli, approfondimenti e azioni riconoscibili. - Gli ingressi di diversi prodotti in homepage conducono a risultati di ricerca. Nel sito nuovo è preferibile collegare ogni scheda direttamente al prodotto e alla variante. - Condizioni, promesse e vantaggi vanno associati al singolo articolo: la prova di 120 notti con reso gratuito è riservata alla Linea Premium. Sono ipotesi di miglioramento dell'esperienza. L'effetto sulle vendite dovrà essere misurato dopo il lancio. ## 3. Direzione visiva ed editoriale Un'identità luminosa, italiana e accessibile: sfondi avorio, blu profondo coerente con il marchio e un accento rosa discreto. Fotografie di camere reali, dettagli dei tessuti e immagini della struttura interna alternano emozione e informazione. Il logo attuale viene mantenuto nella bozza. I titoli usano un carattere serif dal tono accogliente; testi, prezzi e comandi restano semplici e leggibili. Ogni sezione ha una funzione e un'azione principale. La revisione prevede una testata su due righe: logo, ricerca sempre visibile, account, assistenza e carrello; sotto, menu desktop su fascia blu con voci in evidenza. Le offerte restano presenti nel menu e nel catalogo, con prezzo della variante, misura, condizioni e durata della promozione. Il tono privilegia comfort, materiali, scelta e assistenza. Numeri di clienti, riconoscimenti e recensioni si mostrano solo con fonti aggiornate; eventuali benefici sanitari richiedono testi approvati e riferiti al modello corretto. Le fotografie della demo provengono dal sito esistente. Per il progetto definitivo si propone di selezionare o produrre un set coerente e di verificare i diritti degli asset. ## 4. Struttura del nuovo sito - Home: orientamento, categorie, selezione, fiducia e assistenza. - Materassi: catalogo con accessi per misura e tecnologia; filtri per prezzo, altezza, sostegno e caratteristiche disponibili. - Scheda prodotto: immagini, scelta della misura, prezzo aggiornato, disponibilità, consegna, materiali, garanzie e recensioni del modello. - Confronta: fino a tre modelli con le stesse caratteristiche affiancate. - Trova il tuo materasso: percorso guidato basato su preferenze, misura e budget; regole validate sul catalogo. - Reti e accessori: reti, letti, cuscini, topper e altre categorie, mantenendo poltrone e prodotti secondari in un livello dedicato. - Offerte: promozioni leggibili e prodotti effettivamente disponibili. - Il nostro mondo: azienda, produzione, materiali e certificazioni documentate. - Guide al riposo: contenuti utili per scegliere, misurare e mantenere il prodotto, recuperando gli articoli esistenti di valore. - Assistenza: contatti, domande frequenti, spedizioni, resi, condizioni di prova e garanzia. - Acquisto e account: carrello, checkout come ospite, pagamenti, ordini e documenti. Menu principale: Home · Materassi · Cuscini · Topper · Reti · Letti Sommier · Poltrone Relax · Accessori · Linea Premium · Dispositivo Medico, come sul sito ufficiale. Si mantiene inoltre il pulsante Offerte richiesto per la proposta. La ricerca resta a vista anche su mobile. Icona carrello con contatore, account e assistenza completano la testata. ## 5. La nuova homepage La revisione segue la richiesta di una homepage ricca di informazioni, con più blocchi recuperati dal sito originale e una navigazione commerciale più evidente. 1. Testata con ricerca sempre visibile, account, assistenza e carrello; menu desktop su fascia blu. 2. Apertura fotografica con promessa breve e due azioni: «Scopri i materassi» e «Aiutami a scegliere». 3. Fascia fiducia, scelta per misura e percorso guidato. 4. Sei categorie tecnologiche: memory, molle, ibridi, waterfoam, memory e lattice, topper. A seguire un confronto illustrato tra memory, molle e ibridi. 5. Selezione anticipata di sei modelli con schede tecniche sintetiche, ricerca, filtri, sostegno visivo e confronto; prezzo riferito alla misura selezionata. 6. Linea per il popolo: Basic Amazonia e Memo Amazonia, con prezzi iniziali e link al catalogo. 7. Vantaggi esclusivi: 120 notti sui Premium, garanzia a vita con condizioni, certificazioni e spedizione. 8. Racconto del marchio con dettagli dei prodotti reali del catalogo, valutazione complessiva, due recensioni con autore/data/fonte e prova a casa. 9. Pagamenti flessibili con spiegazioni e approfondimento. 10. Guida completa alla misura in tre passi e informazione sugli errori di misura. 11. Acquisto online e rapporto dal produttore al consumatore. 12. Rassegna stampa con le cinque testate presenti sul sito originale. 13. Reti, accessori e tre articoli del blog originale. 14. Assistenza, FAQ e footer arricchito con collegamenti e circuiti di pagamento. La densità di informazioni è sostenuta da griglie, alternanza degli sfondi e titoli chiari. Su mobile i blocchi si impilano, preservando testi e collegamenti. ## 6. Le funzioni che contano per l'acquisto Catalogo: filtri combinabili, conteggio dei risultati, ordinamento e possibilità di azzerare i filtri. La scheda di elenco deve mostrare quale misura corrisponde al prezzo «da». Scheda prodotto: selettore della misura vicino al prezzo, aggiornamento coerente di disponibilità e costo, stima di consegna, tabella tecnica e indicazione esplicita di prova e garanzia applicabili. Aggiunta al carrello solo dopo una variante valida; CTA persistente su mobile se non copre contenuti o controlli. Percorso guidato: domande semplici e risultato spiegato. Deve proporre due o tre alternative motivate, con possibilità di cambiare risposte; non deve simulare una consulenza medica. Se non esistono corrispondenze, offre assistenza e alternative trasparenti. Confronto: massimo tre modelli. Prezzi e disponibilità si riferiscono a una misura comune; differenze leggibili per tecnologia, altezza, sostegno, rivestimento, prova e garanzie. Checkout: acquisto come ospite, riepilogo stabile di misura e importo, metodi di pagamento realmente disponibili, errori vicini ai campi e recupero delle informazioni già inserite. Account, ordini e assistenza devono funzionare anche dopo il pagamento. ## 7. Realizzazione e migrazione La scelta iniziale è valutare un restyling sulla piattaforma esistente: può conservare catalogo, varianti e integrazioni se la base tecnica è adeguata. Eventuale migrazione o nuova architettura vanno decise dopo accesso tecnico, non per motivi puramente estetici. Il lavoro prevede inventario di prodotti, varianti, immagini, contenuti e moduli; backup; ambiente di prova separato; mapping degli URL; redirect per le pagine che cambiano; mantenimento dei contenuti SEO utili; verifica di ricerca, pagamenti, ordini, email e tracciamenti. Dati account e ordini richiedono una strategia di migrazione specifica se si cambia piattaforma. SEO: titoli e descrizioni unici, categorie navigabili, gestione di filtri e varianti, dati strutturati coerenti con il catalogo, sitemap e verifica delle pagine indicizzate. Il restyling deve preservare il valore delle pagine esistenti. Qualità: immagini ottimizzate, caricamento differito sotto la prima schermata, test su dispositivi reali, navigazione da tastiera, contrasto leggibile, etichette dei campi e verifica dei consensi e dei tracciamenti. Obiettivo di accessibilità progettuale: WCAG 2.2 AA; la conformità richiede una verifica finale dedicata. ## 8. Fasi, tempi e perimetro Stima preliminare: 6–10 settimane per un restyling sulla piattaforma esistente, da confermare dopo la ricognizione tecnica. Le fasi si possono sovrapporre. Catalogo esteso, nuove integrazioni, produzione fotografica o migrazione possono allungare il calendario. - Analisi e struttura, 1–2 settimane: obiettivi, dati di partenza, piattaforma, catalogo e mappa delle pagine. - Design, 2–3 settimane: homepage e template di categoria, prodotto, carrello e checkout; adattamenti mobile. - Sviluppo e contenuti, 3–5 settimane: componenti, integrazioni, catalogo, guide, redirect e configurazione. - Verifiche e lancio, 1–2 settimane: test di acquisto, responsive, SEO, accessibilità e formazione. Priorità di lancio: homepage, navigazione, catalogo e filtri, scheda prodotto, carrello e checkout, assistenza, migrazione SEO e misurazione. Confronto e percorso guidato possono entrare nella prima versione se dati e budget lo consentono; contenuti editoriali aggiuntivi e automazioni si pianificano dopo. Deliverable di progetto: design desktop/mobile dei template principali, libreria di componenti, testi approvati, implementazione sulla piattaforma concordata, migrazione definita, test, lancio e breve guida gestionale. Per un preventivo servono: piattaforma e versione, quantità di prodotti e varianti, integrazioni, lingue, materiali disponibili, budget indicativo, scadenza e soggetto responsabile dei contenuti. Costi di licenze, hosting, fotografie, traduzioni, assistenza continuativa e migrazioni speciali devono essere esplicitati nel preventivo. ## 9. Come valutare il risultato Prima del lavoro si registra una base di confronto. Dopo il lancio si osservano tasso di conversione per dispositivo, visite prodotto che diventano aggiunte al carrello, abbandono del checkout, ricerche senza risultati e contatti utili. Per la guida si misurano completamenti e passaggi ai prodotti. La lettura deve tenere conto di campagne, stagionalità, prezzi e mix di prodotti. Non si promette un aumento percentuale delle vendite senza dati iniziali. ## 10. Specifiche sintetiche per lo sviluppo Token visivi della demo: color-primary #292F68; color-ink #23283B; color-background-soft #F7F4EE; color-accent #B3316A; color-border #E3E2DC; radius-card 16 px; radius-control 6 px. Spaziatura su scala 8, 16, 24, 32, 48 e 80 px. Titoli Georgia con alternative serif; corpo Arial/Helvetica, base 16 px. Layout: contenitore massimo 1280 px con padding desktop 40 px, tablet 28 px e mobile 22 px. Sotto 768 px griglie principali a una colonna; fino a 1100 px menu laterale per evitare compressione delle voci; sopra 1100 px menu desktop completo e griglie a tre colonne. La testata resta visibile durante lo scorrimento. Nella revisione il menu desktop ha una fascia blu alta almeno 57 px e voci in maiuscolo; la ricerca occupa la parte centrale della prima riga. Su mobile la ricerca si dispone su una riga dedicata. Il menu entra dal lato sinistro in un pannello modale con sfondo oscurato, chiusura dedicata, Escape, focus contenuto nel pannello e blocco dello scorrimento della pagina; si chiude selezionando una voce o toccando lo sfondo. La transizione dura 240 ms e rispetta la preferenza di movimento ridotto. Il logo desktop viene ridotto a 185 px e il pulsante Offerte mantiene 19 px di padding su ciascun lato. Componenti: pulsante primario/secondario, filtro con stato selezionato, scheda prodotto, checkbox confronto, accordion FAQ, dialog per guida e dettaglio. Target interattivi principali almeno 44 px. Focus evidente, ordine di lettura lineare, dialog nativi con chiusura tramite Escape e restituzione del focus. Contenuti: titoli scheda fino a circa 50 caratteri, descrizioni brevi circa 90–120. Si va a capo senza troncare informazioni essenziali. Immagini mancanti: segnaposto con nome prodotto; recensioni mancanti: nessun punteggio inventato; nessun risultato: reset filtri e suggerimento di assistenza. Stati in produzione: skeleton di caricamento, errori recuperabili di ricerca/catalogo, variante non disponibile esplicitata, pulsante carrello disabilitato solo con motivo leggibile; durante l'aggiunta stato di attesa e conferma annunciata. Filtri e ricerca conservano la selezione se il servizio risponde con errore. Movimento: transizioni 180–400 ms; rispetto di prefers-reduced-motion. Niente avanzamento automatico del contenuto principale. ## 11. Cosa dimostra l'anteprima La homepage HTML funziona localmente con fotografie incluse. Sono attivi menu mobile, ricerca sempre visibile sui sei modelli, icona carrello con stato vuoto dimostrativo, filtri di tecnologia, confronto, dialog di dettaglio, FAQ e una guida basata sulle preferenze. Le nuove sezioni recuperano categorie, linea Amazonia, vantaggi, rate, misure, contenuti editoriali, stampa e blog del sito originale. I contatti e i link di approfondimento aprono le destinazioni del sito attuale. I prezzi iniziali e le specifiche dei primi tre modelli sono quelli mostrati nella homepage consultata: Superb Plus Bioceramica da € 274,90, 24 cm, sostegno medio; Topazio Air Fresh Cool da € 269,90, 24 cm, sostegno medio; Roma1600 da € 299,90, 28 cm, sostegno alto. Nella versione aggiornata le sei schede mostrano prezzi per una variante comune, verificati nel catalogo; non costituiscono un’offerta commerciale di questa proposta. Sono aggiunti Top30, Galaxy e Marilyn. La demo non collega pagamenti, stock, account, carrello o ordini. La scelta della misura aggiorna il prezzo del modello con i valori verificati per 80 × 190, 120 × 190 e 160 × 190 cm. Il confronto usa una misura comune e consente al massimo tre modelli; le altre misure e la disponibilità vanno verificate nelle schede ufficiali. Il percorso guidato dimostra l'interazione; le regole complete richiedono catalogo strutturato e approvazione del cliente. Fonti: [sito attuale](https://www.inmaterassi.it/it/), [condizioni delle 120 notti](https://www.inmaterassi.it/it/content/35-prova-120-notti-con-reso-gratuito), [recensioni verificate](https://www.recensioni-verificate.com/recensioni-clienti/inmaterassi.it). Il valore 4,6/5 e il conteggio 11.403 provengono dal widget visualizzato nella homepage alla data della ricognizione; non sono stati verificati con accesso al servizio del fornitore. ## Aggiornamento HTML Apertura più concreta e mobile più compatta; testata che si riduce durante lo scorrimento mantenendo ricerca e carrello; testi descrittivi mobile più leggibili. Catalogo a sei modelli anticipato, 18 prezzi verificati per tre misure, pulsanti prodotto più evidenti e supporto rappresentato visivamente. Le schede aprono direttamente il prodotto ufficiale. Fotografie di fabbrica o showroom richiedono materiale autentico del cliente; nel concept sono utilizzati dettagli dei prodotti del catalogo.