Share
The Secret Handshake is een online hulpmiddel voor studentenontwerpers en jonge creatievelingen die op zoek zijn naar eerlijke antwoorden. Ik maak deel uit van het team dat het heeft samengevoegd - zo hebben we het gedaan.
Ik ben persoonlijk afgestudeerd in 2000/2001. Gebaseerd op wat er in de wereld gebeurde, was het een extreem brutale arbeidsmarkt. Ik ging het personeelsbestand binnen op een moment dat het bijna onmogelijk was om een baan te krijgen. Ik nam het hele jaar door alles uit wat ik maar kon bedenken, waarbij ik de responsfactor van mijn cv en portfolio verhoogde van 1/20 respons tot ongeveer 1/3 antwoorden. Ik heb in die periode zoveel geleerd dat ik me gedwongen voelde om die ervaring met jongere studenten te delen, zodat ze de overstap van school naar de ontwerpgemeenschap konden maken.
De geheime handdruk begon in 2007, strikt als een lezingenreeks die door het land reisde zoals gevraagd. Elke lezing was een op maat geschreven educatief stuk op basis van feedback van studenten en het onderwerp van het evenement. Na een paar gebeurtenissen merkte ik dat er problemen waren voor mensen om aan evenementen deel te nemen. Bijvoorbeeld, als een evenement plaatsvond aan een universiteit, werd het incidenteel alleen gehouden voor studenten van die universiteit, studenten van nabijgelegen universiteiten of organisaties buitenspel zetten..
Begin 2012 wist ik dat ik een webgebaseerde tool wilde maken met advies van de beste creatievelingen over de hele wereld naar de site. Ik wilde dat het vrij beschikbaar was voor elke student die toegang wilde. Ik wist dat het verbazingwekkend zou zijn om niet alleen advies te geven, maar ook verschillende meningen en meningen naar de site te brengen, zodat elke kijker zich in wezen een mening kon vormen over de filosofie die ze het dichtst benaderen.
Het belangrijkste doel was om verbazingwekkende adviezen te krijgen van de mensen naar wie we keken. We wisten dat de lat hoog zou zijn. We wilden iedereen ook een bijdrage leveren, zodat we edelstenen konden ophalen van mensen die geweldige dingen deden, maar niet op onze radar waren.
Toen de site werd gemaakt, behandelden twee mensen aan de zijde van BBG de populatie van de site. De technologie is volledig benut in WordPress, door een bijdrager, het kostte alleen tijd om de eerste 100-150 stukjes advies in te vullen. Momenteel leid ik de bijeenkomst van nieuwe prominente medewerkers en de sociale media, terwijl een van onze art directors Jen Hansen de populatie en databanken behandelt.
Vanaf de eerste pixel in 2007 was The Secret Handshake altijd voorbestemd om geel, zwart en wit te zijn met Helvetica. Hoewel ik persoonlijk het gevoel heb dat Helvetica typisch een grote smeris is, tenzij het als body-kopie op het web werd gebruikt, werkte de eenvoudige (maar schone) persoonlijkheid perfect voor dit merk..
Op onze site praten we veel over hoe een portfolio moet worden ontworpen, maar mag niet afbreuk doen aan de inhoud erin. Hetzelfde gaat hier; we wilden dat mensen zich concentreerden op goed advies, niet dat we een leuk gezin van Typekit gebruikten dat veel persoonlijkheid toevoegt. Helvetica en een eenvoudig responsief netwerk werkten hiervoor prima.
In termen van beperkingen was het budget het grootste. Als klein creatief bureau hebben we niet veel budget om aan interne projecten te werken, dus we moeten ze zo gefocust mogelijk houden. Eigenlijk hebben we geen budget voor persoonlijke dingen; we vullen meestal de gaten tussen grotere projecten met persoonlijke projecten zoals deze.
De andere grote beperking (bij het begin van het project, niet zozeer meer) was dat we een paar grote namen op de site moesten tonen om andere grote namen bij te dragen.
Onze eerste groep bijdragers was strikt in Chicago gevestigd, waardoor het woord niet echt naar New York en San Fran werd verspreid zoals het bedoeld was. We moesten mensen uit de staat strategisch benaderen die we wisten, van te voren, om hun inhoud op de site te krijgen en het hoge niveau van bijdragers aan te tonen waarvoor we opnamen.
Bij het begin, voordat er colleges plaatsvonden, bestond het oorspronkelijke Secret Handshake-team uit drie merkleiders in de stad Chicago, van wie er twee vertrokken voordat de eerste lezing plaatsvond. Ik heb ervoor gekozen om het merk vooruit te helpen en persoonlijk de geheime handdruk van 2007-2012 te behandelen. Ik heb alle educatieve materialen en lezingen gemaakt omdat het merk zelf met de mond werd behandeld, de meeste evenementen werden op de BBG-website geplaatst en tweetten via de sociale media van ons bureau..
In 2012 nam Bright Bright Great het merk volledig over en hield ik de verantwoordelijkheid voor de Art Direction bij met een andere van BBG's Art Director's @theonlygoodalex. Toen het ontwerp eenmaal was vergrendeld, gingen we naar code die ongeveer drie weken duurde.
Eenmaal gepost zijn de enige dagelijkse en actieve verantwoordelijkheden gerelateerd aan de databasepopulatie en het verzamelen van nieuw advies.
We hebben een brainstorm uitgevoerd tijdens de prototypingfase. Natuurlijk hebben we geschetst, maar de meerderheid van de creatie van wat je live ziet gebeurde in high-res prototypen en de Art Direction.
Hier, zo lineair mogelijk, is ons creatief proces:
Niet alles maakt tijdens het ontwerpproces de laatste fase. Oorspronkelijk was de nieuwe versie van de website slechts een informatieve site die uitleg gaf over het boeken van geheime handshake-lezingen.
Die werd begin 2012 gesloopt toen we een adviesinstrument wilden maken. We hebben een aantal versies gedaan waarbij de schakelaars en alle navigatie-items links waren gerepareerd met een schaalbaar recht raster met inhoud.
We hebben ook geëxperimenteerd met Art Direction, waar het geel werd geruild voor blauw, dat dezelfde dag werd ontworpen en gescrapt.
Dit was een vrij eenvoudig project voor ons. Retina is echter nog steeds 'nieuw' in de wereld van design en ontwikkelaars, dus we moesten uitzoeken hoe we een flexibel raster met netvliesafbeeldingen konden toestaan op basis van het aantal items per rij. We concludeerden dat we op Retina MacBook Pro / Airs konden ontsnappen met ongeveer 650 px-afbeeldingen.
We gebruiken een WordPress-plug-in (WP Retina 2x) die afbeeldingen voor retina uitschakelt wanneer dat nodig is. Niet-retina-apparaten trekken alleen een 325 px beeld in plaats van de 650 px. Niet alle mobiele apparaten zijn netvlies, en niet alle desktopapparaten zijn niet-retina, dus het was belangrijk om bij alle resoluties rekening te houden met beide. Alle afbeeldingen (die ik in ieder geval heb geüpload) zijn geoptimaliseerd door jpegs via jpegmini.com en pngs via tinypng.org uit te voeren.
De grijsschaal was een esthetische beslissing, maar een slimme omdat minder kleuren in een afbeelding een kleinere bestandsgrootte bieden. Het andere geweldige aan de site, wat betreft de prestaties, is dat aangezien elke persoon meerdere bijdragen heeft, 30 berichten niet gelijk zijn aan 30 verschillende afbeeldingen. Dit helpt de laadtijd aanzienlijk te beperken.
Dit is de mediaquery die we gebruiken voor @ 2x:
@media (-webkit-min-apparaat-pixel-ratio: 1.5), (min-moz-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (-o -min-apparaat-pixel-ratio: 1,5 / 1), (min-apparaat-pixel-ratio: 1,5), (min-resolutie: 144dpi), (min-resolutie: 1,5dppx)
Het richt zich op een pixelverhouding van 1,5 en resoluties van meer dan 1,5 dppx (dots per pixel) of 144 dpi (1,5 * 96 dpi, wat een normaal scherm is), zodat semi-retina-apparaten zoals Android-apparaten ook de 2x afbeeldingen krijgen. Verschillende apparaten en browsers geven ons verschillende informatie over hun resolutie / pixelverhouding, dus gebruiken we al deze vragen samen om alle basissen te dekken.
De geheime handshake wordt volledig gebruikt in Wordpress, met behulp van een database van medewerkers die is ingebouwd in onze backend. De enige "speciale" plug-ins die niet volledig uit de doos zouden zijn, zijn de mogelijkheid om opnieuw te ordenen en controle te hebben over berichten. Het individuele advies van elke bijdrager (sommige hebben meerdere) wordt afgehandeld als een uniek gegeven.
Google Drive wordt samen gebruikt om ingediende inhoud te verwerken. We hebben ongeveer 500 inzendingen van de site ingezonden, dus het is belangrijk om intern alles aan BBG's kant bij te houden. We willen geen goed advies van geweldige mensen om begraven te worden.
Wat staat ons te wachten voor The Secret Handshake? In de komende maand zullen we waarschijnlijk een nieuw advies toevoegen, dus onlangs gepost advies is losgebroken van eerdere adviezen. We kunnen de site ook per jaar uitrollen, maar op dit moment weet ik het nog niet zeker. Sinds kort zijn we begonnen met het plaatsen van aanvullend advies op onze Facebook-pagina, wat een gratis stuk is voor de live-site.
Ik hoorde ook gegrom van een TEDx-evenement. Duimen.
De werkelijke toekomst van deze site wordt elk jaar vernieuwd met nieuwe studenten en jonge creatievelingen die advies nodig hebben. De beste manier om de toekomst van deze site te verzekeren, is om het nieuws te verspreiden. Als je een student bent en collega's in design hebt, deel de Facebook-pagina met je vrienden. Tweet erover. Laat het weten!
Accentsconagua