Secret Handshake este o resursă on-line pentru designeri și tineri creatori care caută răspunsuri oneste. Sunt parte din echipa care a pus-o împreună - iată cum am făcut-o.
Am absolvit personal în 2000/2001. Pe baza a ceea ce se întâmpla în lume, a fost o piață extrem de brutală a locurilor de muncă. Am intrat în forța de muncă într-un moment în care era aproape imposibil să-mi găsesc un loc de muncă. Am luat tot anul încercând tot ce am putut gândi, ridicând factorul de răspuns al CV-ului meu și portofoliu de la 1/20 răspunzând la aproximativ 1/3 din răspuns. Am învățat atât de mult în acea perioadă că m-am simțit obligat să împărtășesc acea experiență cu studenții mai tineri, ajutându-i să facă trecerea de la școală la comunitatea de proiectare.
Secretul Handshake a început în 2007, strict ca o serie de cursuri care au călătorit în toată țara, așa cum a fost cerut. Fiecare lecție a fost o piesă educațională scrisă personalizată, bazată pe feedbackul studenților și pe tema evenimentului. După câteva evenimente, am observat că au existat probleme pentru ca oamenii să intre în evenimente. De exemplu, dacă un eveniment a avut loc la o universitate, ocazional a fost organizat exclusiv pentru studenții acelei universități, prin închiderea studenților din universități sau organizații din apropiere.
La începutul anului 2012, știam că am vrut să creez un instrument web care să aducă sfaturi de la cei mai buni creatori din întreaga lume către site. Am vrut să fie disponibil în mod liber pentru fiecare student care dorea accesul. Știam că ar fi uimitor să nu aduc sfaturi, ci să aducă puncte de vedere și opinii diferite site-ului, astfel încât fiecare spectator să poată forma, în esență, o opinie cu privire la filozofia cu care se leagă cel mai mult.
Scopul principal a fost acela de a ajunge la și a aduna sfaturi uimitoare de la oamenii cu care am căutat. Știam că bara ar fi ridicată. De asemenea, am vrut să permitem tuturor să contribuie, astfel încât să putem atrage pietre de la oameni care făceau lucruri bune acolo, dar nu erau pe radarul nostru.
Deoarece site-ul a fost făcut, doi oameni de pe BBG-ul aveau parte din populația site-ului. Tehnologia este în întregime pârghie în Wordpress, de către contribuabil, tocmai a luat timp să populeze primele 100-150 de sfaturi. În prezent, conduc întâlnirea unor contribuabili noi și a rețelelor sociale, în timp ce unul dintre directorii noștri de artă Jen Hansen gestionează populația și bazele de date.
De la primul pixel plasat în 2007, The Handshake Secret a fost întotdeauna destinat să fie galben, alb-negru cu Helvetica. Chiar dacă eu personal simt că Helvetica este de obicei un copac enorm, cu excepția cazului în care este folosit ca o copie de pe web, personalitatea sa simplă (dar curată) a lucrat perfect pentru această marcă.
Pe site-ul nostru, vorbim despre modul în care ar trebui să fie proiectat un portofoliu, dar nu ar trebui să deturneze conținutul din interior. Același lucru se întâmplă aici; am vrut ca oamenii să se concentreze pe sfaturi bune, nu pe faptul că am folosit o familie frumoasă de la Typekit care a adăugat o mulțime de personalitate. Helvetica și o rețea simplă receptivă au lucrat frumos pentru acest lucru.
În ceea ce privește constrângerile, bugetul a fost cel mai mare. Fiind o mică agenție de creație, nu avem prea mulți bani pentru a lucra la proiecte interne, așa că trebuie să le ținem cât mai concentrate pe cât posibil. De fapt, nu avem niciun buget pentru lucruri personale; de obicei, acoperim golurile dintre proiectele mai mari cu proiecte personale, cum ar fi acesta.
Cealaltă constrângere mare (la începutul proiectului, nu mai mult) a fost că trebuie să prezentăm câteva nume mari pe site pentru a obține alte nume mari care să contribuie.
Primul nostru lot de contribuabili a fost strict bazat pe Chicago, care nu a răspândit cu adevărat cuvântul la NYC și San Fran, așa cum a fost intenționat. A trebuit să abordăm în mod strategic oamenii care nu aveau cunoștință de stat, pe care noi am știut-o înainte de a le lua conținutul în site și să demonstrăm nivelul ridicat de contribuitori pe care îl împușcam.
La început, înaintea oricărei conferințe, echipa originală Handshake a fost formată din trei lideri de marcă din orașul Chicago, dintre care doi au plecat înainte de prima lecție. Am optat pentru ca brandul să meargă înainte și să se ocupe personal de The Handshake Secret de mine în perioada 2007-2012. Am creat toate materialele educaționale și prelegerile, deoarece brand-ul însuși a fost manipulat cu cuvânt, cele mai multe evenimente fiind postate pe site-ul internet al BBG și pe tweeted prin intermediul rețelei sociale a agenției.
În 2012, Bright Bright Great a preluat pe deplin marca și am susținut responsabilitatea Direcției artistice cu un altul din @theonlygoodalex al directorului de artă al BBG. Odată ce proiectul a fost blocat, ne-am îndreptat spre cod, care a durat aproximativ trei săptămâni.
Odată postate, singura zi de zi și responsabilitățile active sunt legate de populația bazei de date și de colectarea de noi sfaturi.
Am efectuat un brainstorm în timpul fazei de prototip. Evident, am schițat, dar majoritatea creării a ceea ce vedeți în direct a avut loc în prototipuri de înaltă rezistență și în Direcția de Artă.
Aici, cât mai liniar posibil, este procesul nostru creativ:
Nu totul în timpul procesului de proiectare ajunge la etapele finale. Inițial, noua versiune a site-ului web a fost doar un site informativ care explică modul în care se pot citi conferințe Secret Handshake.
A fost eliminat la începutul anului 2012, când am vrut să oferim un instrument de consiliere. Am făcut o mulțime de versiuni în care comutatoarele și toate elementele de navigație au fost fixate la stânga cu o grilă de conținut scalabilă de conținut.
Am experimentat și direcția de artă în care galbenul a fost înlocuit cu albastru, care a fost proiectat și dezmembrat în aceeași zi.
Acesta a fost un proiect destul de simplu pentru noi. Cu toate acestea, retina este inca "new-ish" in lumea design-ului si dev, deci trebuie sa ne dam seama cum sa permita o grilla flexibila a imaginilor retinei pe baza numarului de intrari pe rand. Am concluzionat că pe Retina MacBook Pro / Airs am putea să scăpăm cu imagini de aproximativ 650 pixeli.
Folosim un plugin WordPress (WP Retina 2x) care oprește imaginile pentru retină atunci când este cazul. Dispozitivele non-retină trag doar o imagine de 325px în loc de 650px. Nu toate dispozitivele mobile sunt retina, și nu toate dispozitivele desktop sunt non-retină, așa că este important să țineți ambele în minte la toate rezoluțiile. Toate imaginile (pe care le-am încărcat, cel puțin) au fost optimizate prin rularea jpegs prin jpegmini.com și pngs prin tinypng.org.
Scara de gri a fost o decizie estetică, dar una inteligentă, deoarece mai puține culori dintr-o imagine oferă o dimensiune mai mică a fișierelor. Celălalt lucru grozav despre site, în ceea ce privește performanța, este acela că, deoarece fiecare persoană are contribuții multiple, 30 de posturi nu sunt egale cu 30 de imagini diferite. Acest lucru ajută la menținerea timpului de încărcare în jos.
Aceasta este interogarea media pe care o folosim pentru @ 2x:
(-moz-min-device-pixel-ratio: 1.5), (-o -moz-device-pixel-ratio: (min-dispozitiv-pixel-ratio: 1.5), (min-rezoluție: 144dpi), (min-rezoluție: 1.5dpx)
Acesta vizează un raport pixel de 1,5 și rezoluții mai mari de 1,5dpx (puncte pe pixel) sau 144dpi (1,5 * 96dpi, ceea ce este ceea ce este un ecran obișnuit), astfel încât dispozitivele semi-retină precum dispozitivele Android să obțină cele două imagini. Diferitele dispozitive și browsere ne oferă informații diferite despre raportul dintre rezoluție și pixeli, așa că folosim toate aceste interogări împreună pentru a acoperi toate bazele.
Handshake-ul Secret este folosit în întregime în Wordpress, folosind o bază de date a colaboratorilor încorporați în backend-ul nostru. Singurele plug-in-uri "speciale" folosite care nu ar fi în întregime în afara casetei sunt abilitatea de a reordona și de a avea control asupra posturilor. Fiecare bucată de consiliere a fiecărui contribuitor (unele au mai multe) este tratată ca o singură piesă de date.
Discul Google este utilizat în colaborare pentru a gestiona conținutul trimis. Am trimis aproximativ 500 de contribuabili de pe site, deci este important să urmăriți tot ceea ce se întâmplă intern pe poziția BBG. Nu vrem sfaturi utile de la oameni uimitori pentru a fi îngropați.
Ce se întâmplă înainte de The Handshake Secret? Vom adăuga cel mai probabil o caracteristică "Noi recomandări" în lunile următoare, astfel încât sfaturile recent publicate sunt dezvăluite din sfaturile anterioare. Putem, de asemenea, să derulam site-ul pe an, deși nu sunt sigur în acest moment. De curând am început să afișăm sfaturi suplimentare pe pagina noastră Facebook, care este o piesă completă la site-ul live.
Am auzit și zgomotele unui eveniment TEDx. Degete încrucișate.
Viitorul actual al acestui site se reface în fiecare an cu noi studenți și tineri creatori care au nevoie de sfaturi. Cea mai bună modalitate de a asigura viitorul acestui site este de a contribui la răspândirea cuvântului. Dacă sunteți student și aveți parteneri în design, împărtășiți pagina Facebook cu prietenii. Despre asta. Scoateți cuvântul!