Share
The Secret Handshake è una risorsa online per designer di studenti e giovani creativi alla ricerca di risposte oneste. Faccio parte del team che lo ha messo insieme - ecco come l'abbiamo fatto.
Mi sono laureato personalmente nel 2000/2001. Basandosi su quello che stava succedendo nel mondo, era un mercato del lavoro estremamente brutale. Sono entrato nel mondo del lavoro in un momento in cui era quasi impossibile trovare un lavoro. Ho preso tutto l'anno provando tutto quello che potevo pensare, aumentando il fattore di risposta del mio curriculum e del mio portafoglio da 1/20 a circa 1/3 di risposta. Ho imparato tanto durante quel periodo che mi sono sentito obbligato a condividere quell'esperienza con gli studenti più giovani, aiutandoli a passare dalla scuola alla comunità del design.
The Secret Handshake è iniziato nel 2007, rigorosamente come una serie di conferenze che ha viaggiato in tutto il paese come richiesto. Ogni lezione era un pezzo educativo scritto personalizzato basato sul feedback degli studenti e sull'argomento dell'evento. Dopo alcuni eventi, stavo notando che c'erano problemi per le persone che entravano in eventi. Ad esempio, se un evento si è svolto in un'università, occasionalmente si è svolto esclusivamente per gli studenti di quell'università, escludendo gli studenti dalle università vicine o dalle organizzazioni.
All'inizio del 2012, sapevo di voler creare uno strumento basato sul web che portasse sul sito i consigli dei migliori creativi di tutto il mondo. Volevo che fosse disponibile gratuitamente per tutti gli studenti che volevano l'accesso. Sapevo che sarebbe stato sorprendente non solo portare dei consigli, ma portare visioni e opinioni diverse al sito, in modo che ogni spettatore potesse essenzialmente formarsi un'opinione sulla filosofia a cui si riferiscono più strettamente.
L'obiettivo principale era quello di raggiungere e raccogliere consigli straordinari dalle persone che abbiamo ammirato. Sapevamo che il bar sarebbe stato alto. Volevamo anche consentire a tutti di contribuire, in modo da poter raccogliere le gemme da persone che stavano facendo grandi cose là fuori, ma non erano nel nostro radar.
Mentre il sito veniva realizzato, due persone su BBG hanno gestito la popolazione del sito. La tecnologia è interamente sfruttata in Wordpress, da contributore, ci è voluto del tempo per popolare i primi 100-150 consigli. Attualmente conduco la raccolta di nuovi contributori e dei social media, mentre uno dei nostri Art Director Jen Hansen gestisce la popolazione e i database.
Dal primo pixel collocato nel 2007, The Secret Handshake era sempre destinato a essere giallo, bianco e nero con Helvetica. Anche se personalmente ritengo che Helvetica sia in genere un enorme poliziotto, a meno che non sia usato come copia del corpo sul web, la sua personalità semplice (ma pulita) ha funzionato perfettamente per questo marchio.
Sul nostro sito, parliamo molto di come un portfolio dovrebbe essere progettato, ma non dovrebbe sminuire il contenuto al suo interno. Lo stesso vale qui; volevamo che le persone si concentrassero su buoni consigli, non che stessimo usando una bella famiglia di Typekit che aggiungesse molta personalità. Helvetica e una semplice griglia reattiva hanno funzionato bene per questo.
In termini di vincoli, il budget era il più grande. Essendo una piccola agenzia creativa, non abbiamo molto budget per lavorare su progetti interni, quindi dobbiamo tenerli il più mirati possibile. In realtà, non abbiamo budget per cose personali; in genere riempiamo gli spazi tra i progetti più grandi con progetti personali come questo.
L'altro grande vincolo (all'inizio del progetto, non molto più) era che dovevamo mostrare alcuni grandi nomi sul sito per far sì che altri grandi nomi contribuissero.
Il nostro primo gruppo di contributori era strettamente basato a Chicago, il che non ha realmente diffuso la notizia a New York e a San Francisco come era previsto. Avevamo bisogno di avvicinare strategicamente le persone fuori dallo stato che sapevamo, prima del tempo, per ottenere i loro contenuti nel sito e dimostrare l'alto livello di contributori che stavamo girando per.
All'inizio, prima che si tenesse ogni lezione, l'originale team di Secret Handshake era composto da tre leader di marca nella città di Chicago, due dei quali lasciati prima della prima conferenza. Ho scelto di mantenere il marchio andando avanti e personalmente ho gestito personalmente The Secret Handshake dal 2007-2012. Ho creato tutti i materiali didattici e le conferenze in quanto il marchio stesso è stato gestito passaparola, la maggior parte degli eventi sono stati pubblicati sul sito web di BBG e trasmessi tramite tweet attraverso i social media della nostra agenzia.
Nel 2012, Bright Bright Great ha completamente rilevato il marchio e io ho mantenuto la responsabilità di Art Direction con un altro di @theonlygoodalex di BBG's Art Director. Una volta chiuso il progetto, ci siamo diretti al codice che ha richiesto circa tre settimane.
Una volta pubblicato, l'unico giorno per giorno e le responsabilità attive sono legate alla popolazione del database e alla raccolta di nuovi consigli.
Abbiamo effettuato un brainstorming durante la fase di prototipazione. Ovviamente abbiamo abbozzato, ma la maggior parte della creazione di ciò che vedete dal vivo è avvenuta in prototipi ad alta risoluzione e in Art Direction.
Qui, il più linearmente possibile, è il nostro processo creativo:
Non tutto durante il processo di progettazione arriva alle fasi finali. Originariamente, la nuova versione del sito web era solo un sito informativo che spiega come prenotare le conferenze Secret Handshake.
Ciò è stato cancellato all'inizio del 2012, quando volevamo creare uno strumento di consulenza. Abbiamo fatto un sacco di versioni in cui le levette e tutti gli elementi di navigazione sono stati fissati a sinistra con una griglia di contenuti scalabile.
Abbiamo anche sperimentato con Art Direction in cui il giallo è stato scambiato per il blu, che è stato progettato e demolito lo stesso giorno.
Questo è stato un progetto piuttosto semplice per noi. Tuttavia, retina è ancora "new-ish" nel mondo del design e degli sviluppatori, quindi abbiamo dovuto capire come consentire una griglia flessibile di immagini retina in base al numero di voci per riga. Abbiamo concluso che su Retina MacBook Pro / Air abbiamo potuto farcela con circa 650px di immagini.
Utilizziamo un plug-in di WordPress (WP Retina 2x) che interrompe le immagini per retina quando appropriato. I dispositivi senza retina tirano solo un'immagine da 325px invece del 650px. Non tutti i dispositivi mobili sono retina, e non tutti i dispositivi desktop sono senza retina, quindi era importante tenerli a mente a tutte le risoluzioni. Tutte le immagini (che ho caricato, almeno) sono state ottimizzate eseguendo jpegs attraverso jpegmini.com e pngs attraverso tinypng.org.
La scala di grigi era una decisione estetica, ma intelligente dato che un minor numero di colori in un'immagine offre file di dimensioni più ridotte. L'altra cosa grandiosa del sito, per quanto riguarda le prestazioni, è che poiché ogni persona ha più contributi, 30 post non equivalgono a 30 immagini diverse. Ciò aiuta a ridurre molto il tempo di caricamento.
Questa è la query multimediale che stiamo utilizzando per @ 2x:
@media (-webkit-min-device-pixel-ratio: 1.5), (min - moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o -min-device-pixel-ratio: 1.5 / 1), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx)
Mira a un rapporto pixel di 1,5 e risoluzioni superiori a 1,5 dppx (punti per pixel) oa 144 dpi (1,5 * 96 dpi, che è lo schermo normale) in modo che anche i dispositivi semi-retina come i dispositivi Android ottengano le immagini 2x. Diversi dispositivi e browser ci forniscono informazioni diverse sulla loro risoluzione / rapporto pixel, quindi stiamo usando tutte queste query insieme per coprire tutte le basi.
The Secret Handshake è interamente sfruttato in Wordpress, utilizzando un database di contributori integrato nel nostro back-end. Gli unici plug-in "speciali" utilizzati che non sarebbero del tutto privi della scatola sono la possibilità di riordinare e controllare i post. Il singolo consiglio di ciascun contributore (alcuni hanno più) viene gestito come un pezzo unico di dati.
Google Drive è utilizzato in modo collaborativo per gestire i contenuti inviati. Abbiamo ricevuto circa 500 contributori dal sito, quindi è importante tenere traccia di tutto internamente alla fine di BBG. Non vogliamo un grande consiglio da parte di persone straordinarie per essere seppelliti.
Cosa ci aspetta per The Secret Handshake? Molto probabilmente aggiungeremo la funzione "Nuovo consiglio" nel prossimo mese, quindi i consigli pubblicati di recente sono suddivisi in base ai consigli passati. Potremmo anche pubblicare il sito per anno, anche se non sono sicuro a questo punto. Di recente abbiamo iniziato a postare ulteriori consigli sulla nostra pagina Facebook, che è un pezzo omaggio al sito live.
Ho sentito anche brontolare di un evento TEDx. Dita incrociate.
L'attuale futuro di questo sito si rinnova ogni anno con nuovi studenti e giovani creativi che hanno bisogno di consigli. Il modo migliore per garantire il futuro di questo sito è quello di aiutare a diffondere la parola. Se sei uno studente e hai colleghi in design, condividi la Pagina Facebook con i tuoi amici. Tweet su di esso. Ottieni la parola!
Accentsconagua