- Home
- Categorie
- Digital Marketing
- Grafica, Visual Design & UX
- [New Style] Landing Page - Tra monopagina e minisito...
-
E' normale che mi vada a scatti?
-
Ciao Stuart,
prima considerazione a caldo sul layout della pagina: ***it's just cool!
***Davvero, gran bello stile. La grafica *spacca.
*Provo a raccontarti un po' della mia esperienza di navigone, *k?
*Nonostante la mia connessione a 4 Mega la pagina ha impiegato un po' a caricarsi, ma pazienza.
Poi la vedo.. **cool! **(e due;)) e leggo:
***"Sick of being a good guy? We are."
****And I'm like **yeaaah!! ***>> **click **>> ah! è solo un'immagine..Vedo **X+ **
Articially Intelligent Automatic Page Generation**Natural language gateway / doorway pages search engines will simply... adore**
**yeaaah again!! **>> **click **>> ah! non è un link..
Scrollo in basso, non vedo testo, mah?!
Penso sbaglio io, Stu ha fatto una landing, voglio vederla.
Ok, ho capito. Devo cercarmi un link, li vedo! **click **(uff)Scelgo Features, io sò cos'è un doorway page generator, o no?!?
Scorro il testo, faccio un po' fatica a leggerlo, quindi cerco di capire al volo cosa mi offrite e, guarda un po', mi trovo a pensare:**cool !! **(adesso basta eh?!) **let me see how many bucks for it!
**Non trovo risposta.. provo a scrollare.. ecco!! (Poi ho capito che avrei potuto cliccare "Download").
Il prezzo è accessibilissimo, la compro.
(Chissà perchè penso LA compro, mah?!)Visto che la landing è tua adesso però la voglio leggere tutta, guardarmela bene. Trovo diverse informazioni, esaustive direi.
Magari mi sbaglio, ma vista la valuta che hai scelto per gli acquisti, direi che il target geografico è prevalentemente Nord Americano (come darti torto) e questo mi porta a pensare al linguaggio che utilizzi. Molto british, ad eccezzione di quel *"You ain't never gonna be alone". *Certo non è una gran cosa però..
Secondo me sarebbe una grande miglioria invece trasformare l'header in un link, magari ad una pagina dai contenuti più stringati, e con ben in mostra i pulsanti Buy Now.
Più in generale, inserirei un box con un bel **"Buy Now" **che segue la navigazione al margine sx o dx (che preferisco) della pagina.
Obeah Man
-
@Obeah Man said:
Più in generale, inserirei un box con un bel **"Buy Now" **che segue la navigazione al margine sx o dx (che preferisco) della pagina.
Obeah ManAl raduno abbiamo già parlato di qualcosa di molto simile (spero che Stuart se ne ricordi:))
Ps @stuart: got mail
-
Ciao **Obeah Man
**Interessante l'esperienza di navigazione (direi COOL! :D)
Al di là del "you ain't never..", ho scritto molto di getto i contenuti e rileggendola molto velocemente 2 minuti fa mi sono accorto di almeno 3 typos e 2 errori di ortografia gravi (write **AT **... orrendo!).
Ti confermo che lo script è in vendita all'estero, in italia è gratuito (linkware, aggiungerei). Diversamente non avrei mai osato postarla in web marketing (ho tanti difetti ma non sono uno spammer ;)).
Ripeto, è solo un esempio pratico a puro supporto delle classi javascript scaricabili da questo thread. Per fare vedere il lavoro finito, insomma.
Le possibilità di utilizzo dello scrolling interno, ai fini della creazione di landing monopagina con navigazione, sono infinite. Anche meglio dell'esempio che ho postato
Cordialmente,
Stuart
-
la vedrei ottima come soluzione anche per i forum (col menu di navigazione - sottilissimo - all'inizio di ogni post...sopratutto se sono di agoago )
-
Secondo me i siti monopagina, come questo, hanno un difetto.
Non si può più usare il tasto "indietro" del browser.
E credo che questo possa limitarne l'utilizzo ad un grossa fetta di utenti abituati, quasi come fosse una verità assoluta, usare solo e soltanto quel tasto per tornare indietro.
-
Ciao Stuart, la novità lascia stupiti.
Tanto stupiti però da creare un attimo di smarrimento nella navigabilità.Nel tuo caso la grafica è molto bella e accattivante, e ti voglio dire la mia prima impressione, sempre che ti faccia piacere il mio parere :).
1.Nella intro i link sono quasi fusi nel testo per cui non ci si rende subito conto di dove cliccare.
2.Nella seconda pagina i link non sono più nella posizione di prima, ma leggermente spostati ma si capisce meglio dove sono.
3.Con la mia risoluzione video (1280x1024) vedo già parte della pagina successiva, non so se sia voluto.
4.Altro problema da me riscontrato è dovuto al fatto che cliccando sulle varie sezioni non si capisce dove mi trovo, a mio avviso lascerei la barra dei link sempre con tutti i link indicando con un colore differente il menù selezionato.Per il resto mi piace, complimenti per l'idea.
p.s.: Sarei interessato al prodottino pubblicizzato
-
@Stuart said:
That's it.
Ho testato il funzionamento dello scrolling su IE 6, Firefox 1.5 e Mozilla 1.6
Mi manca Safari per Mac (sorry).L'ho testato con Safari 1.3.2 e la visualizzazione è uguale come su Firefox... tutto ok insomma
-
Bellissima Stu! Poi ci sono i gusti, so bene della tua predelizione per il nero e/o comunque i toni dark, ma magari, sarebbe bello vederla anche con colori più chiari. La butto: perchè non creare uno switcher (ben in evidenza) per cambiare al volo i colori della stessa?
Poi, lo so sono rompiscatole, mi pare che il bordo destro sia un px più esteso del sinistro e piazzerei un bordo bianco di un px su ciascuna immagine. Lo sfondo del body mi sembra un po' carico, brucia un po' quando viene eseguito lo scrolling, lo vedrei meglio con un'opacità più bassa. Pareri personali cmq!
Poi, a livello di accessibilità, mi permetto, direi che lo scrolling è un po' troppo veloce. Immagino che cmq disattivando il js corrispondente tutto funzioni come con ancore normali.
Ad ogni modo, come al solito, un esempio per tutti!
-
Stu, che dire... è semplicemente magnifico, complimenti davvero!!
Splendida l'idea delle fiamme prima dei contenuti, danno un qualcosa di moooolto proibito...
-
Vorrei dire anch'io la mia: non vedo nessuna miglioria rispetto alle àncore standard, anzi, non funziona il "back" del browser, che vi garantisco gli utenti usano tantissimo, e il passaggio all'informazione è più lento.
Boh, non so, io la penso così,
ciao
-
@Elena said:
Vorrei dire anch'io la mia: non vedo nessuna miglioria rispetto alle àncore standard, anzi, non funziona il "back" del browser, che vi garantisco gli utenti usano tantissimo, e il passaggio all'informazione è più lento.
Boh, non so, io la penso così,
ciaoOttima osservazione Elena. Il back è molto importante, ma credo sia sufficiente rivedere il js.
-
prototype e moofx li conoscevo già, anche se non ho mai scritto niente di mio usandoli... al massimo prendo script già fatti basati su questi framework...
...si, proprio come in questo caso
un buon lavoro, bravo!
-
Aspettiamo di vedere i risultati dei test.
Provo tuttavia a lanciare una previsione: sono orientato a pensare che converta di più la solita landing page di tipo sales letter lunga, senza interruzioni, senza link interni e senza suddivisioni in blocchi.
Ecco perchè:
quando scrivi una sales letter, studi l'intero testo per portare in modo fluido il cliente all'acquisto, senza interruzioni nel discorso, e incanalando il lettore in un crescendo che porta alla valorizzazione del prodotto e all'urgenza all'acquisto;
ad esempio, usando schemi come l'AIDA (Attenzione, Interesse, Desiderio, Acquisto) o il PAS (Problem, Agitation, Solution).Mettere interruzioni nella pagina potrebbe togliere fluidità al discorso e disorientare il lettore, e quindi potrebbe ridurre la conversion.
Mettere link interni che invitano a passare rapidamente da una sezione all'altra potrebbe svincolare il lettore dalla sequenza persuasiva studiata dal copywriter, e quindi potrebbe ridurre la conversion.
Questo mi orienta a pensare che se il copywriter ha svolto un buon lavoro, la solita paginetta normale dovrebbe far vendere di più.
-
@marco.manuzio said:
(cut)
quando scrivi una sales letter, studi l'intero testo per portare in modo fluido il cliente all'acquisto, senza interruzioni nel discorso, e incanalando il lettore in un crescendo che porta alla valorizzazione del prodotto e all'urgenza all'acquisto;
ad esempio, usando schemi come l'AIDA (Attenzione, Interesse, Desiderio, Acquisto) o il PAS (Problem, Agitation, Solution).Mettere interruzioni nella pagina potrebbe togliere fluidità al discorso e disorientare il lettore, e quindi potrebbe ridurre la conversion.
Premesso che io sono quello che ama scrivere le storielle nelle landing pages e mi diverto giocando a guidare l'attenzione dei lettori un pò dove mi pare...
...il concetto di non interrompere per non togliere fluidità al discorso è logico ma non necessariamente corretto.Una delle principali tecniche ipnotiche, infatti, è il frazionamento.
Cosa significa?
Che se ti inizio a parlare di qualcosa - ti distraggo - ricomincio a parlare.... beh.... la seconda volta mi seguirai di più della primaAttenzione! Questo non significa che da adesso vi mettete ad interrompere le sales pages ;). Sappiate solo che è possibile, se fatto con precisione e non a caso, utilizzare l'interruzione a fini persuasivi.
Nel caso specifico della landing (che io rifarei leggermente nei testi) le interruzioni (soprattutto quella tra la prima headline e la prima parte di testo) sono fantastiche.
La frase è moltissimo ad effetto, e lo spazio di tempo per cercare le prime righe non fa altro che mettere più in profondità l'emozione creata dalla headline.
Mettere link interni che invitano a passare rapidamente da una sezione all'altra potrebbe svincolare il lettore dalla sequenza persuasiva studiata dal copywriter, e quindi potrebbe ridurre la conversion.
Questo commento mi ha fatto pensare ad una sondaggio da fare.
Prossimo post.
Questo mi orienta a pensare che se il copywriter ha svolto un buon lavoro, la solita paginetta normale dovrebbe far vendere di più.
Ma se è davvero bravo bravo bravo vende anche con una pagina fatta con la "suite" finson
-
Bella lì Stuart mi piace molto..
Innovativa, diversa, dinamica...insomma non la solita landing..
Anch'io come Catone e Nelli ho qualche perplessità sulla velocità di scrolling, ma suppongo si possa abbassare..:?..più che altro credo possa "infastidire" un po' l'utente che si trova davanti a questa novità..
In effetti è un po' carica di colore e forse può appesantire un po' la navigazione..e il back deve funzionare...(anche se cliccando due volte funziona...:D)...Cmq secondo me è da testare...e vedere che succede...vero Catone?
Ciao..
-
Più tardi dò una più approfondita risposta (o semplice commento, visto che sono qui per imparare, come tutti ) a quanti sono intervenuti finora.
Intervengo rapidamente solo sulla questione "velocità" dello scrolling.
Per coloro che la preferirebbero più lenta e coloro che la preferirebbero più veloce, è sufficiente modificare il parametro "duration", che è settato a 800 di default.Per modificare questo parametro bisogna aprire il file m4m.set.js, incluso nella cartella classes, con un editor di testo.
Cercate questa riga di codice:
this.scroll = new fx.Scroll({duration: **800**, onComplete: function(){this.end();}.bind(this)});
e modificate il numero 800 in un numero più alto per avere uno scrolling più lento (se mettete 3000, ad esempio, mentre la pagina scorre avete tutto il tempo di farvi un caffè e prenotare un volo per Balhi), oppure più basso per avere uno scrolling più veloce (ho provato 200, ma l'effetto è invero pessimo)
Salvate il file e tornate alle Vs precedenti attività
A più tardi,
Stuart
-
Ciao Stuart,
premesso che la pagina (o minisito?) mi piace molto e premesso pure che non sono un grande esperto di landing (:) ) c'è una cosa del tuo ragionamento di base che vorrei approfondire e discutere... (e che mi sembra sia il senso di alcuni suggerimenti qui sopra)
Una landing monopagina "funziona" perchè è monopagina ?
Oppure le landing monopagina funzionano perchè hanno comunque tutte tipicamente determinate caratteristiche di comunicazione?
Cioè è il fatto in se di essere monopagina che le fa convertire bene oppure sono tutti quegli elementi tipici di quel tipo di comunicazione ("alla madri" per intendersi ) che funziona?
e mi riferisco ad esempio a :
-
Finestre pop-up intelligenti (a tempo, a condizione, etc.)
-
Pop-Under a condizione (se aprite il modulo d'ordine e uscite dalla pagina senza averlo copilato le vedete)
-
Incentivi per far compiere un'azione predefinita all'utente (non ha acquistato? gli propongo una cosa gratuita se mi dice il perchè...)
-
L'utilizzo di diversi autoresponder smart in funzione delle esigenze dell'utente
-
L'utilizzo di diverse tipologie di messaggio (testuale, video, acustico, etc..)
-
Testimonial e testimonianze verificabili (viene citato nome, cognome e azienda del testimonial... e per i più scettici anche in video)
-
Offerta promozionale a tempo o a esaurimento posti (mettere fretta di agire all'utente è cosa buona è giusto )
-
La certificazione, oltre ad essere un forte incentivo per partecipare al corso, si tramuta in un potente strumento di marketing nel momento in cui i partecipanti inseriscono il logo+link all'interno dei propri siti
-
quel "crescendo" di informazioni inframezzati dall'azione da compiere (il tuo acquista appare una volta sola...)
-
i messaggi e le frasi degli utenti che hanno provato il prodotto...
ecc ecc
(la lista non è tutta mia, io me l'ero messa nei miei preferiti... l'autore di gran parte dei suggerimenti è dechigno e viene da questa vecchia discussione)
Che ne pensi?
Tra le altre cose ti segnalo (scusa il post-crossing ma mi pare pertinente ) questo nuovo strumento offerto da Google per la valutazione delle landing (ammesso che farai campagne adwords)
Nicola
-
-
Lo so sono di parte, ma ho trovato la pagina favolosa fin dall'inizio.
Non sono markettaro come voi ma vi dico ugualmente cosa penso:
-
La velocità con cui si viene portati da una sezione ad un'altra è secondo me perfetta in questo caso, infatti il tipo di utente che ci interessa non va tranquillizato, ma esaltato e secondo me questo movimento porta una sensazione di "euforia"..non vorrei essere blasfemo..come sapete non capisco nulla di marketing, ma la mia idea è che questo movimento sia perfetto per la vendita di prodotti tecnologici.
-
la grafica con le fiamme è favolosa, adatta al tipo di prodotto promosso.
-
invece forse ha ragione obeah man per quanto riguarda i click alle immagini "sick" e "x+". Non è detto che qualcuno vada a cliccare lì, ma se lo fa si aspetta di essere trasportato verso qualcosa. E chi non clicca non subirà nessun danno dalla presenza di un link in quelle immagini
-
-
@marco.manuzio said:
ad esempio, usando schemi come l'AIDA (Attenzione, Interesse, Desiderio, Acquisto) o il PAS (Problem, Agitation, Solution).
In realtà non sempre vi è la classica sequenza dal livello cognitivo a quello conativo passando per l'affettivo
In questo vecchio post "Effetti di breve e lungo periodo" di un altro forum se ne parla più approfonditamente. Da notare che il concetto di landing page non esisteva(?) o comunque non era sicuramente conosciuto/diffuso in Italia, eppure ne era prevista l'esistenza teorica.In questo caso Stuart punta senza dubbio ad ottenere una determinata azione da parte del visitatore, ma lo fa dando anche una valenza, di secondo grado, non solo al contenuto ma, prima di esso, alle emozioni.
Qualche nota.
Lo sfondo mi sa da tema frontpage del '99! Perché non mettere qualcosa, anche molto leggero o appena percepito, che dirigga l'attenzione verso il centro?Mi piace molto l'impostazione, io sono un utente che vuole più info possibile e questa è la mia landing meno ideale.
Ma io non sono americano e sono molto esigente.Si può scommetere sul fatto che una landing senza i link interni convertirebbe di più, tuttavia bisognerebbe fare dei test con due pagine uguali all'interno e aventi pari opportunità di visibilità ed accesso esterno.
C'è da sottolineare una cosa molto importante.
Pur se in un esperimento del genere una pagina converte più di un'altra, non vuol assolutamente dire che sia in assoluto la migliore.
Più semplicemente le due pagine potrebbero funzionare per tipologie di utenti diversi.
Una landing si può definire migliore di un'altra nel momento in cui, mutatis mutandis, sottoposte a due gruppi di utenti (di cui uno di controllo) con le medesime caratteristiche significamente importanti per i nostri scopi, ed a parità di tutte le altre variabili possibili, una effettivamente riesce a convertire più di un'altra.
Ma anche in quel caso si potrebbero continuamente fare obiezioni, tra le altre cose, sugli studi preliminari, sulla scelta e sul controllo delle variabili.