Please enable JavaScript.

Coggle requires JavaScript to display documents.

WEB DESIGN - Coggle Diagram

- - - - Layout: mobile first con colonne verticali.
      - Colore: blu brand + giallo CTA.
      - Font: sans-serif leggibile per il testo.
      - CTA: “Iscriviti ora” in colore acceso.
      - Portfolio: case study con immagini e spiegazioni.
- - - - Prima impressione: se un sito sembra vecchio, l’utente lo chiude subito.
      - SEO: sito veloce e ben strutturato → Google lo posiziona meglio.
      - Conversioni: pulsante “Compra ora” chiaro → più vendite.
- - - - Semplice: sito vetrina di un bar.
      - Complesso: e-commerce con account utenti e pagamenti.
- - - - Pulsanti grandi e riconoscibili.
      - Testi brevi con elenchi.
      - Menu sempre nello stesso posto.
- - - - Architettura: menu semplice con poche voci.
      - Comunicazione: sito Apple → messaggio chiaro e coerente.
      - Funzionalità: form che invia davvero i dati.
      - Contenuto: guide aggiornate e comprensibili.
      - Gestione: sito aggiornato regolarmente.
      - Accessibilità: immagini con testo alternativo.
      - Usabilità: comprare un prodotto in pochi click.
- - - - Home: spiega subito cosa fa il sito.
      - Contatti: form + mappa Google.
      - About: storia e valori dell’azienda.
- - - - Sitemap / Wireframe / Layout – esempi
        
        Sitemap: Home → Servizi → Contatti.
        
        Wireframe: blocchi grigi per titolo, testo e pulsanti.
        
        Layout: versione finale con colori e immagini.
- - - - One-page: portfolio di un designer.
      - Multi-page: Amazon, siti aziendali, blog.
- - - - Chiedere a un utente di comprare un prodotto e osservare.
      - Vedere dove si blocca o sbaglia.
- - - - Recensioni vere → fiducia aumenta.
      - Errori e link rotti → fiducia crolla.
- - - - Immagini con descrizione testuale.
      - Sito navigabile solo con tastiera.
      - Contrasto alto testo/sfondo.
- - - - Header – esempi
        
        Logo cliccabile che riporta alla home.
        
        Menu con sottomenù “Prodotti”.
        
        CTA: “Prova gratis”.
      - Body – esempi
        
        Hero section: titolo grande + “Scopri di più”.
        
        Pagina: “Chi siamo”.
        
        Articolo: post del blog con commenti.
      - Sidebar – esempi
        
        Link agli articoli più letti.
        
        Iscrizione newsletter.
      - Footer – esempi
        
        Email, telefono, social.
        
        Link privacy e cookie.