https://joshoakleydesign.com Josh Oakley Wed, 02 Aug 2023 11:28:38 +0000 https://joshoakleydesign.com en http://joshoakleydesign.com/Newer-Home-Page Wed, 02 Aug 2023 11:28:38 +0000 Josh Oakley 446224 Josh Oakley is a graphic designer with a specialization in all things typographic. Over 18 years, he has art directed, designed, illustrated, and sometimes written copy for brands like Starbucks, TikTok, and K2 Sports, his work appearing in&nbsp; Josh Oakley is a graphic designer with a specialization in all things typographic. Over 18 years, he has art directed, designed, illustrated, and sometimes written... http://joshoakleydesign.com/Home-Page Fri, 22 Apr 2022 19:33:38 +0000 Josh Oakley 423258 Josh Oakley hello@joshoakleydesign.com +1 (315)-567-4976 Printed Materials Environmental Infographics &amp; Writing Interactive Identities Greeting Cards ApparelAbout Josh Oakley hello@joshoakleydesign.com +1 (315)-567-4976 Printed Materials Environmental Infographics &amp; Writing Interactive Identities Greeting Cards... http://joshoakleydesign.com/Snippets-of-old-info Fri, 18 Mar 2022 09:34:44 +0000 Josh Oakley 421373 &nbsp;his work has been featured in numerous publications. &nbsp;his work has been featured in numerous publications. http://joshoakleydesign.com/MD Thu, 10 Feb 2022 22:21:18 +0000 Josh Oakley 419438 Home&nbsp; &nbsp;Print&nbsp; &nbsp;Apparel&nbsp; &nbsp;Greeting Cards&nbsp; &nbsp;&nbsp;Interactive&nbsp; &nbsp;&nbsp;Infographics &nbsp;&nbsp; Dimensional &nbsp;&nbsp; I.D. &nbsp; &nbsp;About MD² Case Study MD2:&nbsp;Seven Years of Medicine in the Ideal From 2016–2023, Josh Oakley created every branded touchpoint for MD2 (pronounced M-D-Squared), the pioneer of concierge medicine since 1996.What is concierge medicine, you ask? They call it medicine in the ideal. MD2 is a network of offices across the U.S. in prestige locations like Beverly Hills and Madison Avenue. Each office is anchored by two doctors: there is a strict ratio of 50 patients to 1 physician. As a patient, you can call them day and night. Doctors can take the time to do in-depth research about patients’ issues. It’s highly exclusive and obviously not cheap — as a shorthand to explain what I was working on, I typically used the phrase “fancy doctor” (which they’d absolutely hate), probably as a way to diffuse what likely came across in a casual conversation of what I was working on as an absurdly pretentious thing. The longer I worked for MD2, however, the more it became clear that they were doing something important at the forefront of what medicine could be: the other end of the healthcare market focused on equity is inarguably important — many MD2 doctors spent years of their careers working in public hospitals — but the non-insurance-billing end pushes forward and normalizes the bleeding edge of what personalized care can look like in years to come. In the realm of healthcare branding dominated by soft blue and green swoops and ball-headed icons leaping for joy, MD2 is uniquely positioned at the etremely high-end of the market and their look and feel is more in line with a nice bottle of mine ©2022 Josh Oakley Design. All Rights Reserved. Home&nbsp; &nbsp;Print&nbsp; &nbsp;Apparel&nbsp; &nbsp;Greeting Cards&nbsp; &nbsp;&nbsp;Interactive&nbsp; &nbsp;&nbsp;Infographics &nbsp;&nbsp; Dimensional... http://joshoakleydesign.com/Interactive Wed, 18 Apr 2018 19:59:44 +0000 Josh Oakley 265519 Home&nbsp; &nbsp;Print&nbsp; &nbsp;Apparel&nbsp; &nbsp;Greeting Cards&nbsp; &nbsp;&nbsp;Interactive&nbsp; &nbsp;&nbsp;Infographics &nbsp;&nbsp; Environmental &nbsp;&nbsp; I.D. &nbsp; &nbsp;About Interactive <img width="1584" height="1224" width_o="1584" height_o="1224" src_o="https://cortex.persona.co/t/original/i/a8b06c626e9a19838c2b7438f641c5afea107643b8763ec638a9c4d66581afc5/Paper6_rev.jpg" data-mid="422704" border="0" /> <img width="1500" height="1021" width_o="1500" height_o="1021" src_o="https://cortex.persona.co/t/original/i/f90e1c9b52d3a8c4fb86f45865b30201a6b86b98450766d432d1eafa7ef6a019/soundsweeper.png" data-mid="422709" border="0" /> <img width="740" height="498" width_o="740" height_o="498" src_o="https://cortex.persona.co/t/original/i/8bb46483e167c7fbaef282e67fc4b42fc8572ed0229c2efb9c16cc5799f881ce/BoseBuild_phone.png" data-mid="422706" border="0" /> <img width="740" height="498" width_o="740" height_o="498" src_o="https://cortex.persona.co/t/original/i/f7289e6846343b21305f0ac71172a211796eadef6e35362525c4d7c88625c106/BoseBuild_phone2.png" data-mid="422707" border="0" /> <img width="3300" height="2550" width_o="3300" height_o="2550" src_o="https://cortex.persona.co/t/original/i/33e718975eb0a4759af91719a70a4e9509c890a21e5cce92298e5b91b5543e0f/Icons.gif" data-mid="422711" border="0" /> BoseBuild SoundBose Illustration, Iconography, UI/UX, and Visual Design An app integrated with a physical speaker or a speaker integrated with an app: the two are really part of the same product, Bose’s first foray into products that kids build themselves to varying degrees.The primary purpose here was educational, but educational in the way Legos are educational — rewarding rather than tedious. If the young user completes the project, they have a regular high-quality Bose speaker, complete with app-controlled light show built into the casing.A central imagined narrative was built around this: it could be the crucial memorable toy in a preteen sleepover. It could be a confidence-enhancing prop for inviting your first crush over.After an extensive dive into the UX — all of the potential hurdles for connecting Bluetooth were a map unto themselves — numerous vector illustrations (implemented purely in code so flipping the device would smoothly resize them!) were developed for the instruction-heavy bulk of this app, always coinciding with discussions with engineers about the product. All kinds of elements jump back and forth between the digital and physical realm to give the product one cohesive experience. <img width="1264" height="931" width_o="1264" height_o="931" src_o="https://cortex.persona.co/t/original/i/dd747dccdbbf90c203603287e324fcb6f6da0a9b562bc9da97976e50649b6b6d/BT-ER-p001-SST.png" data-mid="422775" border="0" /><img width="945" height="709" width_o="945" height_o="709" src_o="https://cortex.persona.co/t/original/i/9f4d6e8c9890412c448be0eba68e84ebf2a97a575e127348cd516bd40ffbaa9a/5098951.png" data-mid="422774" border="0" /> <img width="284" height="504" width_o="284" height_o="504" src_o="https://cortex.persona.co/t/original/i/a6137060f8a2a30b452fa5b3eca7c3447e078c4b1f71e4a9d6a17721f5dd0d46/4223919.png" data-mid="422776" border="0" /> <img width="285" height="507" width_o="285" height_o="507" src_o="https://cortex.persona.co/t/original/i/f4cb6c89d7e418af9a18e3e1afcd9d68520516076cbcdb030ab07a6552560d65/7838110.png" data-mid="422779" border="0" /> <img width="284" height="507" width_o="284" height_o="507" src_o="https://cortex.persona.co/t/original/i/32c99188ec891d00236292296d8a7f57732345aee9438e28eea09067fc113369/8768141.png" data-mid="422780" border="0" /> Sesame Street GoSesame Street UI/UX &amp; Visual Design You can see from the App Store screenshots that it was sort of successful for a time: that’s probably 99% Elmo et al and 1% this UI not getting in the way. The “science” of UX often means a bunch of cobbled-together spurious correlations from unrepeatable studies and pop-sci just-so stories — it feels like hard science because it exists in a sea of marketing where nobody is qualified to question it. Sesame Street has a whole library of research on early childhood development going back to the 60s so it’s unique to have data that’s survived so many fads and trendy ideas in early childhood development, something that possibly adds to its veracity. A core aspect of the research that informed the UX decisions of this app: their findings on the development of object permanence. This app needed to be used by kids as young as 2 and 3. In practical terms, that translated to everything in the hamburger menu being for the adults and everything on screen needed to make something fun happen when a pudgy finger poked at it. <img width="1230" height="800" width_o="1230" height_o="800" src_o="https://cortex.persona.co/t/original/i/00038efff06e1fb7833928adba91bd09a664d987e23e3a3e2ec85793b9d42fed/Sesame01.jpg" data-mid="422893" border="0" /><img width="1230" height="800" width_o="1230" height_o="800" src_o="https://cortex.persona.co/t/original/i/b9acf7681b909a4325ca9d2b89ed257e1619cbc2a403137b8456f64dabbee135/Sesame2.jpg" data-mid="422895" border="0" /> <img width="1230" height="800" width_o="1230" height_o="800" src_o="https://cortex.persona.co/t/original/i/828cfc05ff8af1dd9d897fe45f3062d7732ba8f6e970fd9fdbe85089454d2ea4/Sesame3.jpg" data-mid="422896" border="0" /> <img width="2874" height="1502" width_o="2874" height_o="1502" src_o="https://cortex.persona.co/t/original/i/bc791a2721ac926a5c0becd2d1ae6befa09b85885254a3ad11318940d0d9ca74/Screen-Shot-2018-04-18-at-3.37.05-PM.png" data-mid="422788" border="0" /> <img width="2872" height="1504" width_o="2872" height_o="1504" src_o="https://cortex.persona.co/t/original/i/31138186b46b9f49f9f6055208611adf0ae7aa38c874c1c8954b76e157862829/Screen-Shot-2018-04-18-at-3.37.16-PM.png" data-mid="422789" border="0" /> <img width="2876" height="1506" width_o="2876" height_o="1506" src_o="https://cortex.persona.co/t/original/i/cab49ce100b4384808640687914d32136e19b9444dab2f0ff8f87e84f10afe9d/Screen-Shot-2018-04-18-at-3.36.51-PM.png" data-mid="422787" border="0" /> Saving Soulmate MicrositeSimple.com Concept and UX Like healthcare, the banking industry is rarely at the forefront of technology and design — the user experience of interacting with your bank, or even interacting with the app they released last year, tends to feel pretty outdated. Simple seeks to change that. They are asking their customers to think of your bank as an app, one that helps you manage your whole financial life through their tools that combine banking and budgeting into one beautiful app. Continuing Simple’s tactic of always pushing the envelope of social media engagement, this microsite assigned a “spirit animal” to each type of individual who might use simple.com, through a series of questions determining what kind of animal best reflected their spending and savings patterns. The goal, beyond the Buzzfeed-style quiz, was to help people encapsulate their financial patterns in a quick shorthand so they could approach their banking as themselves, not who they thought they were supposed to be. <img width="2878" height="1476" width_o="2878" height_o="1476" src_o="https://cortex.persona.co/t/original/i/31e6fa60e33a0ccad37fdd3d48c1bef809f9dfddaf899e9cdb6449f74c59345b/Screen-Shot-2018-08-08-at-8.43.27-AM.png" data-mid="508990" border="0" /> <img width="2878" height="1478" width_o="2878" height_o="1478" src_o="https://cortex.persona.co/t/original/i/54f8a1714ff1f955d149f7bf442022457880a2b1e2b117d80b122f06dd80e401/Screen-Shot-2018-10-11-at-11.19.42-AM.png" data-mid="553128" border="0" /> <img width="2848" height="1478" width_o="2848" height_o="1478" src_o="https://cortex.persona.co/t/original/i/d282c46b7d3d27fc76d882d8bf122bc8412d18209dd3e2d7e41fdfea73b41626/Screen-Shot-2018-10-11-at-11.14.25-AM.png" data-mid="553126" border="0" /> <img width="2846" height="1480" width_o="2846" height_o="1480" src_o="https://cortex.persona.co/t/original/i/02de7c6a0eac41d5adff397e3b4894ceb038c87b2687f18a3bde0ba40f74dae9/Screen-Shot-2018-10-11-at-11.14.43-AM.png" data-mid="553127" border="0" /> nickjr.tv App &amp; Website Nick Junior Illustration &amp; Visual DesignThe biggest takeaway for Josh in this project: he learned how to talk with friends’ and relatives’ young children about their favorite characters since his knowledge of children’s TV ended at about 1994.The most important thing for you, maybe an HR person or a creative director: Josh Oakley has a lot of experience working on projects for very young users, and his skillset on projects like this Nick Jr. app range from illustrations of backgrounds to icon design, from UI &amp; visual design to interaction design. <img width="2100" height="278" width_o="2100" height_o="278" src_o="https://cortex.persona.co/t/original/i/74530543945145cab3f99ae8ba8d3747e89adabc208a7098fdcf0b0522f63633/WeatherControl_XboxEnvironment_Full.jpg" data-mid="691301" border="0" /> <img width="930" height="773" width_o="930" height_o="773" src_o="https://cortex.persona.co/t/original/i/150cdfc50cc1e5d262851e952f2ebada72a151de35c2990f93e51085c11512a3/WeatherControl_XboxEnvironment_Closeup2.jpg" data-mid="691299" border="0" /> <img width="930" height="779" width_o="930" height_o="779" src_o="https://cortex.persona.co/t/original/i/a963b57612399ef86bccef302ad65c04122e88af91e6abb0c6f56db4b39567a7/WeatherControl_XboxEnvironment_Closeup3.jpg" data-mid="691300" border="0" /> <img width="960" height="845" width_o="960" height_o="845" src_o="https://cortex.persona.co/t/original/i/4c6b883979cf23f5c727e486c839e1c3eeaa5728faf6c96898cc48c4be99189e/WeatherControl_XboxEnvironment_Closeup1.jpg" data-mid="691298" border="0" /> Xbox 360 Avatar Environment Microsoft Xbox Illustration“Interactive” tends to translate in people’s ear to “websites and apps.” This illustration for Xbox 360 was a different beast, though, an environment for avatars to hang out. It wrapped around the perimeter in 360°, so an Xbox avatar standing in the cylindrical “room” would see it as the walls. Split into 3 tiers, each one moved in parallax, the lowest level closest to the user, the upper/back level moving the slowest. ©2023 Josh Oakley Design. All Rights Reserved. Home&nbsp; &nbsp;Print&nbsp; &nbsp;Apparel&nbsp; &nbsp;Greeting Cards&nbsp; &nbsp;&nbsp;Interactive&nbsp; &nbsp;&nbsp;Infographics &nbsp;&nbsp; Environmental... http://joshoakleydesign.com/Dimensional-Objects Sun, 12 Feb 2017 07:13:59 +0000 Josh Oakley 145731 Home&nbsp; &nbsp;Print&nbsp; &nbsp;Apparel&nbsp; &nbsp;Greeting Cards&nbsp; &nbsp;&nbsp;Interactive&nbsp; &nbsp;&nbsp;Infographics &nbsp;&nbsp; Environmental&nbsp; &nbsp;&nbsp;I.D. &nbsp; &nbsp;About Environmental &amp;Product Graphics <img width="1600" height="667" width_o="1600" height_o="667" src_o="https://cortex.persona.co/t/original/i/9fbdd67489c0e4cc06ea72513f6113835fde08880ff351112021bd3e36492a29/Slurpee.png" data-mid="168236" border="0" /> <img width="1504" height="1000" width_o="1504" height_o="1000" src_o="https://cortex.persona.co/t/original/i/fa6d2af1fcc1579bd7a5ea185792b80df82fc0928cc59369177ff0a4bbca5642/F-59-Front.JPG" data-mid="168266" border="0" /> <img width="1504" height="1000" width_o="1504" height_o="1000" src_o="https://cortex.persona.co/t/original/i/6cbc708398262cb0b09e2462eb12512d63dfde4f6aee22899cfac1cd225d6224/F-59-Passenger-Side.2.JPG" data-mid="168267" border="0" /> <img width="1504" height="1000" width_o="1504" height_o="1000" src_o="https://cortex.persona.co/t/original/i/3372cd311bd6ceccecb9ef4744645edffa0cb20ad90fd429633846c57d605884/F-59-Driver-Side-Generator.JPG" data-mid="168268" border="0" /> <img width="1504" height="1000" width_o="1504" height_o="1000" src_o="https://cortex.persona.co/t/original/i/95166eadc394aeb31d4c25da7b4d13e56a1b4bd9cc674274b572063638eb1d7a/F-59-Passenger-Side.JPG" data-mid="168269" border="0" /> Slurpee Van7-11 RV Wrap Illustration Slurpees are an American institution, one built out of primary colors and high-fructose corn syrup. They represent youthful summertimes, an idyllic past of driver’s permits and perfect metabolisms.Spreading the gospel of more being more, this RV for the iconic 7-11 brand traveled to Warped Tours around the U.S. Every inch was crammed with blobs, squiggles, and pizza slices exploding from inside — you can practically hear the Epitaph bands floating across the parking lot in the background. <img width="1000" height="1504" width_o="1000" height_o="1504" src_o="https://cortex.persona.co/t/original/i/754dfda9a53b45f45ecea8b6124c155ecf59d9dc42c6e8cdc3ade122707b137a/F-59-Rear.JPG" data-mid="168270" border="0" /> <img width="942" height="530" width_o="942" height_o="530" src_o="https://cortex.persona.co/t/original/i/9fe1701be4af200db889e5ef204ddcd7c52676aa77ba34673dfa3322d5d37e3f/3_Target.jpg" data-mid="168241" border="0" /> <img width="942" height="530" width_o="942" height_o="530" src_o="https://cortex.persona.co/t/original/i/1678100aeecd8efaf393bf1b7a9bce5f7715c6ab42833418207cb46d8f42c334/6_Target.jpg" data-mid="168242" border="0" /> <img width="942" height="530" width_o="942" height_o="530" src_o="https://cortex.persona.co/t/original/i/ef0c88cc3e4f42006fe3b1baf36effd90aebd32c78ef4de96633f4578c12c425/12_Target.jpg" data-mid="168243" border="0" /> <img width="1500" height="750" width_o="1500" height_o="750" src_o="https://cortex.persona.co/t/original/i/9d265135b06b922d1dad37108b7615954e854ca872d919673c37e558e34d9a34/Target16-Image-750x1500_06.jpg" data-mid="611759" border="0" /> <img width="1500" height="750" width_o="1500" height_o="750" src_o="https://cortex.persona.co/t/original/i/2c81dc7e097f8e08e396b7c096e12fe219531dcb5e50c87b775d125dff32a7d6/Target16-Image-750x1500__08.jpg" data-mid="611756" border="0" /> <img width="1500" height="750" width_o="1500" height_o="750" src_o="https://cortex.persona.co/t/original/i/6e592129be1bc11bcf5fd5d285dc66eaca1f212480f18119cf367d66c393e7b4/Target16-Image-750x1500_02.jpg" data-mid="611755" border="0" /> <img width="1500" height="750" width_o="1500" height_o="750" src_o="https://cortex.persona.co/t/original/i/68a1ccdfab578be144a5c838208262feef876e42c87f21e9253c9a5eaf1e49a1/Target16-Image-750x1500_01.jpg" data-mid="611758" border="0" /> <img width="1500" height="750" width_o="1500" height_o="750" src_o="https://cortex.persona.co/t/original/i/ce5a981230df0657a62a55990d071e31b2fa4e3ed3700f65a03cf15dbce3caab/Target16-Image-750x1500_07.jpg" data-mid="611760" border="0" /> <img width="1500" height="750" width_o="1500" height_o="750" src_o="https://cortex.persona.co/t/original/i/e8b61944e0187f2b0b4cf1f9bda4ca3a1cf906f38cb7cc18fb66681ab3492a58/Target16-Image-750x1500_04.jpg" data-mid="611757" border="0" /> Fall National Meetings&nbsp;Target Environmental graphics Taking over Target Arena in downtown Minneapolis each year, Target invites managers from its stores across the country to come for a weekend of bonding and celebration. This is no small to-do — Target had a surprise performance from Gwen Stefani in 2016. While designing a book or an app are radically different in many ways, they’re quite similar when it comes to viewing distance: they’re objects held at a comfortable reading distance. With large environmental graphics, you’re presented with the challenge of thinking about what’s a comfortable distance for an average human standing in a room and how a busy venue with bodies passing around the viewer disrupts that process. You have to think about what gets their attention from 20 yards away and what makes them stand there and take it in when they’re 3 feet away, how the reader can actually manage to take in info with the dull roar of the background and a few bodies intermittently passing in front of them. <img width="1500" height="750" width_o="1500" height_o="750" src_o="https://cortex.persona.co/t/original/i/2598607d6091e6f3de5a1821cf985aa00f984901953d2ebd9dd24dba14a06b3d/starbucks.jpg" data-mid="883646" border="0" /> <img width="1024" height="1024" width_o="1024" height_o="1024" src_o="https://cortex.persona.co/t/original/i/715606e23eaf248841e1b2d0dd4ab36cf705ad33cbfbd302fa477e6e1eb7a7b5/20160414190615-97COJt1aW8AmFWVMQq_97COJt2ITUjwHipvXM-00000045.png" data-mid="1269038" border="0" /> Opportunity FairsStarbucks Environmental Graphics The graphic elements for this aren’t really anything to get excited over. While meticulously considered, they just quietly did their job. With the Slurpee RV at the top of this page, by contrast, it’s all about arresting your attention. Taking center stage for this event put on by Starbucks, setting out with the goal of hiring 100K young people, were the aspirations and future success of each and every young person in attendance. A key consideration here was thinking about what it’s like to be someone who has never attended an event like this and how it feels to walk into a large arena full of bewildering options. Where do you go first? You’re here to impress employers — how do you not look foolish? Making sense of the world, creating a systematic and plainspoken environment, was the pragmatic job the graphic elements at this job fair were tasked with. <img width="1600" height="884" width_o="1600" height_o="884" src_o="https://cortex.persona.co/t/original/i/5a15b5f90bd55a34e7d2ff889cf033c43dd308bebb97894aa002e12ab94a80ac/Tumblers.jpg" data-mid="168261" border="0" /> <img width="3072" height="1728" width_o="3072" height_o="1728" src_o="https://cortex.persona.co/t/original/i/c663c9d461250d98be84e17864cc6ca8eb3fb6cab8975a8fc1b959d0d7e2a818/tumbler-at-a-starbucks-in-manila-philippines_4580253120_o.jpg" data-mid="1308185" border="0" /> <img width="1200" height="1200" width_o="1200" height_o="1200" src_o="https://cortex.persona.co/t/original/i/9f0c0234dd9eaefddfa742d1cf4c2948c070e877ee36c32322c01e3c0800d362/T-MobileGear_Gemline_Corkcicle_3-9-21_jdo_v1-1.png" data-mid="1191038" border="0" />Coffee TumblersStarbucks, Stanley, SBC (Seattle’s Best Coffee), and T-Mobile Illustrations and Graphic Components A coffee tumbler is more than a smart way to keep your coffee warm or cool, it’s a little statue that you keep on your desk. As such, it’s as much a fashion accessory as it is drinkware. <img width="960" height="490" width_o="960" height_o="490" src_o="https://cortex.persona.co/t/original/i/37c59afb80dd3b4879508704bbb498f977d7f528875b31b839f645d4da397787/JonesSoda_LovepPack_SuperbigCreative.jpg" data-mid="886441" border="0" />“The Love Pack” Valentine’s Gift PackJones Soda Lettering, Illustration &amp; Packaging&nbsp; In the early to mid-2000s, Jones Soda made a name for themselves with novelty gift packs: their Thanksgiving flavors of sodas, turkey and gravy most notably, made international headlines. They extended these gift packs to other holidays, this “Love Pack” their offering for Valentine’s Day: boxers and a “Spin the Bottle” game on the back of the packaging perfectly complemented two bottles of their “Love Potion #6” soda flavor. <img width="2470" height="1211" width_o="2470" height_o="1211" src_o="https://cortex.persona.co/t/original/i/43b5a549df8c79b30faf16361a99aa21c390358ebb23be2d297316f7d3a64fd1/24c_JonesSoda.png" data-mid="1317038" border="0" />24C Drink PackagingJones Soda Brand &amp; Packaging Development Jones Soda developed 24C as a competitor to Coca-Cola’s Vitamin Water. Vitamin Water being the defining drink of its kind on the supermarket shelf, the product needed to look a bit like Vitamin Water — differentiate it too much and it’s too novel, the consumer would not instantly recognize it as the same sort of product. 24C actually has many more valuable nutrients in a variety of formulations, though, so a technical, engineered aesthetic helped set it apart as a step up from Vitamin Water. <img width="1330" height="2000" width_o="1330" height_o="2000" src_o="https://cortex.persona.co/t/original/i/258119dd00d6d3d6fc6f8e9c8ef686f06322cda1c0139a61dcdf55c2cc0e83fe/WeatherControl_EyeCanArt_Image2.png" data-mid="168265" border="0" /> <img width="1330" height="2000" width_o="1330" height_o="2000" src_o="https://cortex.persona.co/t/original/i/abcb6ddeb8a7db291807dcda6efb66d14fa9a879e01a8ded7e577a0b8a238584/WeatherControl_EyeCanArt_Image1.png" data-mid="168263" border="0" /> <img width="1521" height="2000" width_o="1521" height_o="2000" src_o="https://cortex.persona.co/t/original/i/9b69e6ff4e329965e3eac0d6c9f25141c2973c6b7917e1e0d07d2313a657ee1a/WeatherControl_EyeCanArt_Image3.png" data-mid="168264" border="0" /> Kids’ Art KitsEye Can Art Illustration &amp; Packaging&nbsp; A lot of art kits for kids are about producing formulaic outcomes: create this butterfly out of beads, make this house out of popsicle sticks. Eye Can Art was started by three childrens’ art educators with the mission of empowering true education, of opening up a world of possibility and imagination with art kits that invite experimentation and radical play. <img width="1600" height="663" width_o="1600" height_o="663" src_o="https://cortex.persona.co/t/original/i/17f1733cc9435a3dd02f7b9278500cd7a30ba5a8fe9c4d53f5a6428ee7035f91/2008_Z-20.jpg" data-mid="168259" border="0" /> <img width="1600" height="663" width_o="1600" height_o="663" src_o="https://cortex.persona.co/t/original/i/c27d6ebc242da8c0f14b0d1e64feac8bd570d53a804008ef42a15f5d836e0183/2008_Windy-20.jpg" data-mid="168260" border="0" /> <img width="1024" height="595" width_o="1024" height_o="595" src_o="https://cortex.persona.co/t/original/i/163cd0aad5bbe5c853d7f3c95ace6d81e0718d89c745f0a9c198a1f1fc7f2879/Windy12.jpg" data-mid="168251" border="0" /> <img width="1024" height="595" width_o="1024" height_o="595" src_o="https://cortex.persona.co/t/original/i/1e88a79084f4cf07f22ba1574ce543c792280f0eb814393e47edcb44e5be433c/Windy16.jpg" data-mid="168252" border="0" /> <img width="1024" height="595" width_o="1024" height_o="595" src_o="https://cortex.persona.co/t/original/i/ea9c5b3d5a378067b2ac2c612c8ec29e29fc8409e36ec21b62f3e3bae68003ae/Windy20.jpg" data-mid="168256" border="0" /> <img width="1024" height="595" width_o="1024" height_o="595" src_o="https://cortex.persona.co/t/original/i/d3deac5c8baa45dc38152fc81aad689f982b5765ff5e1303e9d29096269ef60d/Z12.jpg" data-mid="168255" border="0" /> <img width="1024" height="595" width_o="1024" height_o="595" src_o="https://cortex.persona.co/t/original/i/2530f6c70e3ffb0e8cc76af0e160fb4da048cea022e438668d59622d4d29c278/Z16.jpg" data-mid="168258" border="0" /> <img width="1024" height="595" width_o="1024" height_o="595" src_o="https://cortex.persona.co/t/original/i/5b9ef86f51bee25a3215e0e394e406d66552463cb953abdb95d7978d5a475ad8/Z20.jpg" data-mid="168257" border="0" /> <img width="1024" height="595" width_o="1024" height_o="595" src_o="https://cortex.persona.co/t/original/i/db24a8072f168dad211b850e0c3c7ea9ddfbe3a9c69f617b3cc5bac60130d7aa/Stormy20.jpg" data-mid="168254" border="0" /> <img width="1024" height="595" width_o="1024" height_o="595" src_o="https://cortex.persona.co/t/original/i/d3d56ae70c3915c4f1fbe6deff185cde5bbf51dba8213a33d7aa17bfd92834cf/Stormy24.jpg" data-mid="168250" border="0" /> <img width="1024" height="595" width_o="1024" height_o="595" src_o="https://cortex.persona.co/t/original/i/5f089513741ace5664dc4872ccfda4d8de2a4e22c94b87395519c3bf1fa65adf/Stormy26.jpg" data-mid="168253" border="0" /> Kids’ BikesK2 Sports Illustrations and Graphic Components Everybody remembers their first bike. A bike is likely to be a Christmas present, something special in a child’s memory. The graphics have to live up to that. This full line of kids’ bikes started with one simple question: “What’s an immersive world a child can get lost in?” That turned into different answers for each segment of the line: little girls’ bikes turned into a bubbly cloudscape while boys’ bikes featured robot-dinosaur hybrids. On the production end of things, a bike is an extremely unruly set of surfaces — a kids’ bike chain guard is probably the largest uninterrupted canvas you have to work with and that’s got a big hole in the middle. Considering how a series of oddly shaped stickers functions together to form one graphic impression on the sales floor is one part of the considerations in production, then there’s the thought of how you can set it up so it’s as easy as possible for Chinese factory workers to aplly the stickers. ©2023 Josh Oakley Design. All Rights Reserved. Home&nbsp; &nbsp;Print&nbsp; &nbsp;Apparel&nbsp; &nbsp;Greeting Cards&nbsp; &nbsp;&nbsp;Interactive&nbsp; &nbsp;&nbsp;Infographics &nbsp;&nbsp;... http://joshoakleydesign.com/Identities Sun, 12 Feb 2017 07:13:38 +0000 Josh Oakley 145730 Home&nbsp; &nbsp;Print&nbsp; &nbsp;Apparel&nbsp; &nbsp;Greeting Cards&nbsp; &nbsp;&nbsp;Interactive&nbsp; &nbsp;&nbsp;Infographics &nbsp;&nbsp; Environmental &nbsp;&nbsp; I.D. &nbsp; &nbsp;About Identities <img width="720" height="116" width_o="720" height_o="116" src_o="https://cortex.persona.co/t/original/i/1a8e0f62187b39a3c03ff7090722795dae239fb80e8e5b014a525be471bb7b10/barboakley.svg" data-mid="1354740" border="0" /> Barbara Oakley Personal Identity for a Flutist Vector Logo/Brand IdentityIs it too embarrassing to post a logo you did for your mom? Probably would have been when I was 22 and right out of college (I might be a bit older), probably if you haven’t done anything for big brands (if you scroll down you’ll see work for brands like Amazon), but I have to put this one first because I think it’s the best logo I’ve designed! My mom is a flutist. Her logo is a flute. Simple and literal, sure, but anyone with even minor knowledge of the flute will immediately get it. It ended up&nbsp; on her business card and other things but the impetus was a book my mom wrote about teaching the flute in elementary–secondary education: I designed the book, all of the diagrams of fingerings and everything else, back in 2016. <img width="3168" height="2448" width_o="3168" height_o="2448" src_o="https://cortex.persona.co/t/original/i/c92c07286d7c7507b69d7fb96ac9fb94648215942efefeabaf24633261d38832/Bridge2013_BrandElements_1.png" data-mid="168231" border="0" /> <img width="3168" height="2448" width_o="3168" height_o="2448" src_o="https://cortex.persona.co/t/original/i/998bacf5ad4dc03ed847fa43b11a1bfd61c880c6c04c2cfcd398c22843370e64/Bridge2013_BrandElements_2.png" data-mid="168233" border="0" /> <img width="3168" height="2448" width_o="3168" height_o="2448" src_o="https://cortex.persona.co/t/original/i/3a196b1e1bc45802582eff80821ba620eda3745bb819a334f5842351ee79243d/Bridge2013_BrandElements_3.png" data-mid="168232" border="0" /> <img width="792" height="954" width_o="792" height_o="954" src_o="https://cortex.persona.co/t/original/i/8e16a365529b4abcd439e9a9f8f41e72d1f2b77494e433aace1a8a2336e3b419/Hexe_Animation_Large.gif" data-mid="168234" border="0" /> Bridge 2013 BrandSchool’s Out Washington Animated Logo &amp; Typographic Branding&nbsp; Leading into the annual The Bridge From School to Afterschool and Back’s printed piece, the distinctive geometric identity and layered typography evolved from early discussions about how various spokes in a wheel all could function together as one whole. The brand, as it scaled down to smaller, more functional elements, became focused on readability and legibility, an issue for the wide diversity of age groups that attend the conference. <img width="1800" height="1800" width_o="1800" height_o="1800" src_o="https://cortex.persona.co/t/original/i/5780fb641a48fcff751eefa7eb01828c837591f9437a60a7f5907ada8f23c2ed/Bridge.png" data-mid="168221" border="0" /> Bridge Conference Icon Development School’s Out Washington Vector Logo &amp; Brand IdentityEvery client today, whether they genuinely care or not, wants to make sure diversity is reflected in their brand, the easiest route being stock photography — buy a few grinning images, make sure white males make up a small portion, then tick the diversity box, sit back, and relax.School’s Out Washington is a bit different in that diversity is always at the forefront, more than PR: their core mission and “The Bridge From School to Afterschool and Back” conference they put on annually holds as a primary concern the increased equality in services provided to the wide diversity of afterschool programs across Washington State, from Native reservations in the rural east to refugees in Seattle’s few remaining affordable apartments. The identity for this conference, in the 5 iterations presented (seen below), always kept at the forefront this meeting of diverse threads. SOWA ended up picking the third option, the simplest and boldest, showing the meeting of two abstract shapes — the arc of the bridge created in the negative space between them. <img width="1391" height="1800" width_o="1391" height_o="1800" src_o="https://cortex.persona.co/t/original/i/827d1edf553bbed76fd7e705a03ddf2ced757f1198d84e0adce03c9bb27020e0/Bridge_1.png" data-mid="168220" border="0" /> <img width="1391" height="1800" width_o="1391" height_o="1800" src_o="https://cortex.persona.co/t/original/i/d351e65aeec455a01fd5cd520c397e33296c96e9101d13f0a51798baa191c6ed/Bridge_3.png" data-mid="168222" border="0" /> <img width="1391" height="1800" width_o="1391" height_o="1800" src_o="https://cortex.persona.co/t/original/i/81bbe0099a329633999f7cee7030bb67fd3dc796ffc6c117f25811f3d0684ed7/Bridge_4.png" data-mid="168223" border="0" /> <img width="1391" height="1800" width_o="1391" height_o="1800" src_o="https://cortex.persona.co/t/original/i/fc6da3c846cef2a2f9f9352006cbc335f772d4b85f2836eb291990005246c837/Bridge_2.png" data-mid="168224" border="0" /> <img width="1391" height="1800" width_o="1391" height_o="1800" src_o="https://cortex.persona.co/t/original/i/1014ac75b8cabcf849fa0a7154f968b2bfcdc22bf991aa7e2f68b579eb06f328/Bridge_5.png" data-mid="168225" border="0" /> Amazon Surprise! Identity &amp; Brand BookAmazon Surprise! Branding, Structuring, Writing, Organizing&nbsp;After designing 150+ greeting cards for Amazon’s Surprise! gifting app, Josh’s next one-man-band task was branding it. While many directions were explored, the jaunty present with a big bow seemed to match the tone of the arrow/smilie under the Amazon “a,” one of its primary jobs to simply fit in amidst a very large family of other sub-brands. &nbsp;Following guidelines set up for their other internal brand books, Josh developed a brief but dense set of guidelines, writing and structuring all the copy which described not just how to implement the core brand but how to develop new cards. <img width="1135" height="593" width_o="1135" height_o="593" src_o="https://cortex.persona.co/t/original/i/8bb1145f9a65fd7d07026847dc65a019f52b16f2df4f834e9c5a42564b69be37/Surprise_logo.png" data-mid="168219" border="0" /> <img width="1800" height="1165" width_o="1800" height_o="1165" src_o="https://cortex.persona.co/t/original/i/9672b8c750a98e81627daf40209864ce35998df0ff72cf00cceeef2b410776e9/Surprise-6.jpg" data-mid="168214" border="0" /> <img width="2000" height="1294" width_o="2000" height_o="1294" src_o="https://cortex.persona.co/t/original/i/642e32143b9ed61d70170b97edb2e5becd799ef495983f56ce937a0198f3589c/Surprise.jpg" data-mid="168217" border="0" /> <img width="1800" height="1165" width_o="1800" height_o="1165" src_o="https://cortex.persona.co/t/original/i/20f62c621358d50639b3d321dbb280a64b88614b271aa588ba2d95cfeaea44de/Surprise-5.jpg" data-mid="168216" border="0" /> <img width="1800" height="1165" width_o="1800" height_o="1165" src_o="https://cortex.persona.co/t/original/i/7be818c74f31b4d93318f0d5c572ec11913baa9b022dea31ba55dc7278f028df/Surprise-4.jpg" data-mid="168212" border="0" /> <img width="1800" height="1165" width_o="1800" height_o="1165" src_o="https://cortex.persona.co/t/original/i/9cb7a6db158af91d8841f77254ca059c2d5bbdaef044192ba87e1a7a200b23e3/Surprise-3.jpg" data-mid="168213" border="0" /> <img width="1800" height="1165" width_o="1800" height_o="1165" src_o="https://cortex.persona.co/t/original/i/ee9e6a91ef9585044d03f03af152bd3d3eb018fc6276c5ab176bc7c836b97b1a/Surprise-2.jpg" data-mid="168215" border="0" /> <img width="1800" height="1165" width_o="1800" height_o="1165" src_o="https://cortex.persona.co/t/original/i/a2cc6672daaaaae4aae4eded7a8ad862b3c4cc06bcbc77a2143309defaf17ce9/Surprise-1.jpg" data-mid="168218" border="0" /> <img width="1745" height="612" width_o="1745" height_o="612" src_o="https://cortex.persona.co/t/original/i/bd6fe3488ce2f0a9c87fdad3917fac0360c3800a78bae88e15b8452c981ce13f/Ferrosi_LogoExploration-1.jpg" data-mid="168208" border="0" /> <img width="481" height="600" width_o="481" height_o="600" src_o="https://cortex.persona.co/t/original/i/4f7e2808bb80c91cd8b397f6668413e7806ff01f9208649ad5dd7827ad031f4e/Ferrosi_1.jpg" data-mid="168209" border="0" /> Ferrosi BrandingOutdoor Research Logo &amp; Typographic Exploration Outdoor Research, as their name suggests, creates high performance gear for athletes and the athletically inclined whose sports take them to places like icy mountaintops. Their Ferrosi brand of lightweight apparel that holds up under extremely strenuous conditions — the name itself conjuring up iron and agility — found its visual voice in a feather/hammer F icon, the feather optically holding up surprisingly well at small sizes. <img width="1222" height="792" width_o="1222" height_o="792" src_o="https://cortex.persona.co/t/original/i/57f2dbf11e899b47e4f0efc9097d44dbf38cce3d7117a926a84bb72a853b9f2c/WISH_explorations_jdo.jpg" data-mid="168210" border="0" /> Branding Explorations2015 WISH Qatar Vector IconographyThe World Innovation Summit for Health (WISH) needed a distinctive brand for its annual conference in Doha, Qatar, a city marked by unique and innovative architectural approaches but also holding a rich history of Islamic art. None of these were used but you can see in the video at right how the final brand evolved from these first iterations. <img width="1200" height="900" width_o="1200" height_o="900" src_o="https://cortex.persona.co/t/original/i/fd53b991d3d1fb41c5d5a23e2d6ac406ed9449fbd8aa26324f7cc5eca2c035c4/WRAP.png" data-mid="168226" border="0" /> WRAP Icon Development School’s Out Washington Vector Logo &amp; Brand IdentityThe Washington Regional Afterschool Project (WRAP), a project funded by School’s Out Washington, focuses on providing resources to underfunded and underserved afterschool programs in various parts of Washington State, bringing unique plans and strategies to individual communities.The 4 logos presented all emphasized different aspects of WRAP: the first below showed a metamorphosis into a complete student; the second a geometric cube playing on the idea of gifts and the name WRAP; the third, a focus on care and the soft edges of being human; and the fourth, which they chose to finalize as the actual logo, showed the dance of two threads coming together to make a coherent whole. <img width="1391" height="1800" width_o="1391" height_o="1800" src_o="https://cortex.persona.co/t/original/i/6d06b4431744f787a1c9066d3aa15c99b3dad4c050fd895b6a1dd01c3c938803/WRAP_hand_colorway1.png" data-mid="168227" border="0" /> <img width="1391" height="1800" width_o="1391" height_o="1800" src_o="https://cortex.persona.co/t/original/i/57cd77fc2df34648a3331ca6d0db7b67dec9c3bbb197dac53fd1916814230599/WRAP_hand_colorway3.png" data-mid="168230" border="0" /> <img width="1391" height="1800" width_o="1391" height_o="1800" src_o="https://cortex.persona.co/t/original/i/b4676b91c4bd49e3d4727fd0efcb8f76bb49b67b53b0d110ddc46eff67cf1acc/WRAP_hand_colorway2.png" data-mid="168228" border="0" /> <img width="1391" height="1800" width_o="1391" height_o="1800" src_o="https://cortex.persona.co/t/original/i/68526d9788ed8db9d97e00c8c75500ff3447630e058cc8a31606a688c959f1a1/WRAP_hand_colorway4.png" data-mid="168229" border="0" /> <img width="2040" height="1320" width_o="2040" height_o="1320" src_o="https://cortex.persona.co/t/original/i/e115b10ff8713d1d975903067ee264472b374faf0b82200d68e2829fc8682d17/JoshOakley_Logo_Sheet2.jpg" data-mid="168211" border="0" /><img width="2040" height="1320" width_o="2040" height_o="1320" src_o="https://cortex.persona.co/t/original/i/e549092829fb4e304aedde04f0c743b03f8ccac15b12b449e3dffae82da4752e/JoshOakley_Logo_Sheet1.jpg" data-mid="168235" border="0" /> LogosVarious Brands Vector Icons &amp; Logotypes What makes a good logo? Anyone who spouts off criteria based on aesthetics or visual elements is missing the point: great logos are created out of what makes a brand unique, out of their story, their heritage, their vision, their audaciousness. Josh Oakley has created entire brand systems, directing every visual element that a consumer or employee might touch, and he’s created logos for a single product or single use. These examples for brands like Coca-Cola, MTV, Zumiez, and Jones Soda reflect. No matter what, the goal is to make your project stand out from the herd. ©2023 Josh Oakley Design. All Rights Reserved. Home&nbsp; &nbsp;Print&nbsp; &nbsp;Apparel&nbsp; &nbsp;Greeting Cards&nbsp; &nbsp;&nbsp;Interactive&nbsp; &nbsp;&nbsp;Infographics &nbsp;&nbsp; Environmental... http://joshoakleydesign.com/Greeting-Cards Sun, 12 Feb 2017 07:13:01 +0000 Josh Oakley 145729 Home&nbsp; &nbsp;Print&nbsp; &nbsp;Apparel&nbsp; &nbsp;Greeting Cards&nbsp; &nbsp;&nbsp;Interactive&nbsp; &nbsp;&nbsp;Infographics &nbsp;&nbsp; Environmental &nbsp;&nbsp; I.D. &nbsp; &nbsp;About Greeting Cards Surprise! Greeting CardsAmazon 150+ Concepts, Writing, Illustrations, Design, and Motion Graphics Starting in early 2013 and continuing into 2014, these dozens of greeting cards — over 150 all told — were developed for Surprise! by Amazon, an app developed to make gifting during various holidays as easy as a few taps: just choose a gift card amount to send then attach a greeting card that best fits the occasion. Besides being able to sign your actual signature and include a message in various fonts, numerous variables were designed into the cards, fields like age, names, and other content editable by the users.&nbsp;Like many digital products for large tech companies, Surprise! got absorbed into other projects, but it did launch and was active for two or three years. An unusual extreme in this project was how much it combined various creative skillsets (especially for a tech behemoth which you might expect to atomize every last task) — including the creation in AfterEffects of the iOS app store preview video — but it all started with writing and art direction and grew into a blend of illustration, lettering, and graphic design in its final output. These cards were meant to evenly fill out the basics of what you’d expect in a greeting card line for a general audience. Each card below represents a lot of thinking about the extremes within a given demographic and how best to represent the major points along that continuum with as few as 2 cards per category. <img width="2160" height="900" width_o="2160" height_o="900" src_o="https://cortex.persona.co/t/original/i/a3564ffca16430e6de436c2864169572670b98a5c88bcb7ed2c3d0938e7321ba/Wedding_1.png" data-mid="168178" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/78cee6eff609ef174025314bff9a1f1b859389b6cd27fd9fbde410a119434e49/Wedding_2.png" data-mid="168181" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/4b7b980a180713b260deb3293529723117d9f0cb70c87c1b8e931f551344d487/Wedding_3.png" data-mid="168180" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/2c370fdd84f6ea259856d15bf01b6ba26437a8d76d20ed2e90b5efc64e0d5893/Wedding_4.png" data-mid="168179" border="0" /> Wedding cards tend to speak in a limited palette. These cards, in addition to touching on the expected flavors (doves creating a calligraphic trail across a lavender color field), created a few options for the uncutesy, irreverent relationship, the toenail card in particular angled towards a very dude’s dude kinda friend of the groom (an overlooked relationship that is almost always present at weddings but generally downplayed in the visual tone of weddings, perhaps for obvious, albeit stereotypical, reasons). <img width="1300" height="542" width_o="1300" height_o="542" src_o="https://cortex.persona.co/t/original/i/b8f8745d405019d1bf4d19b5f74e3b3227d3a3e5700018d81e9dfcc4f6385fb6/MainBirthday.png" data-mid="168182" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/ec6e0c44691f18138c593c0787dd8fc321d25f100ea088d79b2abc196fb9588a/Birthday_2.png" data-mid="168183" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/952c719a06831a6de33ca121f98c6650c5591b934b815423ba4686bee260d521/Birthday_3.png" data-mid="168185" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/9fc6298fc74c55eaa28d03166c5af217ee430a15c0eb8f74501651accf985197/Birthday_4.png" data-mid="168184" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/141d3c3bba4fff614f736f36df28d8f982b61683f5a1759ccd9b4ea93ffb4347/Birthday_5.png" data-mid="168186" border="0" /> Much like working on the extremes of age demographics between Zumiez and Eddie Bauer, every single person on earth has a birthday. It’s a much broader category than something like Mother’s Day (which is still pretty broad). Some of these birthday cards spoke to young men, some spoke to young women, some spoke to officemates and some spoke to parents and grandparents. If there was one universal to this project, it was an exercise in speaking to as many demographics as possible. <img width="1300" height="542" width_o="1300" height_o="542" src_o="https://cortex.persona.co/t/original/i/8ae8ac9fc18ccd0f2850112054fb969d47ec92e3abc1e99f5c0dfac5adcaa7e6/Main_Fathers.png" data-mid="168187" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/5a9e2011f04fe9cf2883f6943e4e0f878168e763dded964cce1560349a898385/Father_6.png" data-mid="168191" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/4853a77fde51d43ace303d80d746578c65f781752d870bd3db8f5de76095a6e6/Father_3.png" data-mid="168190" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/826bd55e99393084cea86a3a34b2d14d9a5826b0940291f9176b478bfd5d2efa/Father_5.png" data-mid="168192" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/d04549931b527447fbbbb557ff14bd9443be868f752de70128678a267d99fa75/Father_4.png" data-mid="168188" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/a0e4aa11896b732ea751a7aea794309598f5dcb51deefa04fd28845d566e4aec/Father_2.png" data-mid="168189" border="0" /> A personal Father’s Day favorite here &nbsp;is the “socks &amp; sandals” card: a simple illustration on the front shows matching cargo shorts, tube socks, and velcro sandals, the interior message stating “like father, like son.” Perhaps the inspiration came from working with so many people in tech on this project, also one of the most likely groups to use an app like this for their gift-giving. <img width="1400" height="583" width_o="1400" height_o="583" src_o="https://cortex.persona.co/t/original/i/dd5f4336082c01ff927568f5cb9d77ed0921f52ba470ccb7256310f3e42c3405/MainMother.png" data-mid="168193" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/a8d27f899b88dc1cd0e85ff6856bf5af42010a867491c0fdd1a73d782aeeeedd/Mother_2.png" data-mid="168194" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/2e15cd421fffc59c13954cc8892a57425cf4a37dcaa11ad73c1d4ee1380e97f0/Mother_3.png" data-mid="168195" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/44d69ea971ea24c38e3d8dbd97c1395f8072ce8124e972a8ac1dc4a59b07db04/Mother_4.png" data-mid="168196" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/472d9c3ce20ea4ab6b052b1c1cc22433f698ceaa9dd3a067a1b457643ebf5784/Mother_5.png" data-mid="168197" border="0" /> These Mother’s Day cards ranged from pure copy (the “momming” card) to relying on Etsy-inspired stylized illustrations (the “i’ve got a secret” birds). <img width="1400" height="583" width_o="1400" height_o="583" src_o="https://cortex.persona.co/t/original/i/f8b3a2b70c2fea2b52c6adaed553f99bcd1e7174454089d1b28a6a6255d80360/Assorted1.png" data-mid="168198" border="0" /> Various holidays like Easter, Kwanzaa and Halloween aren’t the most popular holidays, but each still received special attention with at least one very “normal,” expected take in each category (Easter in this example), more a default hangtag of sorts to play up the emphasis on the gift card, as well as one with a lot of distinct personality (Halloween’s monster example here), something that brings the attention more to the card, away from purely the dollar amount. <img width="1400" height="583" width_o="1400" height_o="583" src_o="https://cortex.persona.co/t/original/i/4b4a3c7d5fb664f19a3fc89e0eb02367d67fa916f1a9520e64eb889897b37838/GetWell.png" data-mid="168199" border="0" /> A get-well-soon card, like all cards (but more so), needs to be extremely sensitive with its tone — a card for your friend who did something dumb and broke their leg has to be far different from someone who may never make it out of the hospital, hence one card that features a soup of cartoon germs telling you “Sorry your immune system sucks” while others take a somber or serious tone, relying on serious copy. Of particular note on the “You are the strongest person…” card: the heavy sans face is from an unreleased type family Josh designed at the beginning of 2013. <img width="1400" height="583" width_o="1400" height_o="583" src_o="https://cortex.persona.co/t/original/i/c1b4c6881179eed21a2039c840ecc85b8eb692826f506b65f58c3e0d9a25622d/Main_Image.png" data-mid="168200" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/144887409f0519638c04885d291313c4fec9ed2161a39f0875d8cd41d8c61bae/Anniversary2.png" data-mid="168203" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/1df7ea83a4d280ba42cf3b550decf1d09f2c1ce960114100f1306ff19efff115/Anniversary3.png" data-mid="168202" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/9bdbc86e20eb04435d1464f72b11cc2b5c2dfd07de45718f47028840f8d53cf3/Anniversary1.png" data-mid="168201" border="0" /> Like all greeting card lines, various directions and dynamics in different relationships required radically different approaches: a child giving their parent an anniversary card might need to be playful, it might need to be quite solemn. There are countless factors to take into account — a whole tome about every relationship exists in the brain of the person picking out a card, and they’re trying to encapsulate the general gist of that relationship (and their perception of the relationship they’re celebrating, in the case of anniversary cards) based on a few words, shapes, and colors calling out to them in a fraction of a second. The main purpose of a greeting card, at least the pre-printed portion, is (probably) to never say anything too specific or profound for the given relationship, to simply oil the wheels of a relationship by saying an event is remembered and that you managed to pick out a sentiment fairly appropriate for that situation. It needs to be fairly default — maybe it just says “Happy Anniversary,” maybe it is a reminder of an ongoing child/parent dynamic of lighthearted sassiness like the “Mom &amp; Dad, you taught me what a good marriage looks like…” card. Greeting card copy has long been a source of sketch comedy fodder — something about it demands subversion like someecards.com has notably popularized. That kind of writing probably comes easier than writing straight greeting cards for a general audience (well, at least if you’re Josh Oakley). For Josh, it was similar to&nbsp; designing for a brand like Starbucks or Target vs. brands like Costco or Les Schwab: the former make “good” illustration and design a major part of their brands across every touchpoint, while the latter are speaking to customers looking for an experience devoid of the “cruft” of a place like Starbucks. These cards encompass a bit of both: maybe one card within an event/category revels in twee, boutique-inspired illustrations while another calls out to the customer who would never set foot in a high street boutique. ©2023 Josh Oakley Design. All Rights Reserved. Home&nbsp; &nbsp;Print&nbsp; &nbsp;Apparel&nbsp; &nbsp;Greeting Cards&nbsp; &nbsp;&nbsp;Interactive&nbsp; &nbsp;&nbsp;Infographics &nbsp;&nbsp; Environmental... http://joshoakleydesign.com/Apparel Sun, 12 Feb 2017 07:12:43 +0000 Josh Oakley 145728 Home&nbsp; &nbsp;Print&nbsp; &nbsp;Apparel&nbsp; &nbsp;Greeting Cards&nbsp; &nbsp;&nbsp;Interactive&nbsp; &nbsp;&nbsp;Infographics &nbsp;&nbsp; Environmental &nbsp;&nbsp; I.D. &nbsp; &nbsp;About Apparel Branded T-Shirts Starbucks CoffeeGear, Velvet Tacos, Southwest Airlines, T-Mobile Placed Graphics Designing apparel for corporations is a unique challenge: typically internal-facing, meant as a gift for an event or some internal push, the question, “How is this more than something to just sleep in or wash the car with?” is at the forefront.<img width="1200" height="1500" width_o="1200" height_o="1500" src_o="https://cortex.persona.co/t/original/i/4ffd7c95f7b3f69fee450a477040a0828b7ba7149e8418d93c6025feb0d3c1b2/Sbux_Coffeegear_Crewneck_9575ct_45_z_FF_jdo_5-7-21_v2.png" data-mid="1269037" border="0" /> <img width="1200" height="1500" width_o="1200" height_o="1500" src_o="https://cortex.persona.co/t/original/i/459f000bb36d780472b83f074b7eb7f34817f34efecfd33d7ca4a8d432fdc824/Sbux_Coffeegear_BackPatchGraphic_370j_08_z_OFB_jdo_5-6-21_v5.png" data-mid="1269036" border="0" /> <img width="2550" height="2550" width_o="2550" height_o="2550" src_o="https://cortex.persona.co/t/original/i/6ec50b13c4705361417943c1c63e8f761ffebcf484f67c956788e2f48cba1354/VelvetTaco_10thAnniversary_GraphicIdeas-01.png" data-mid="1191025" border="0" /> <img width="2551" height="2550" width_o="2551" height_o="2550" src_o="https://cortex.persona.co/t/original/i/2dcf97175f8799fac3e7f82d158ee1656b9f856c8e19a0506aafcf8991ef3fbe/VelvetTaco_10thAnniversary_GraphicIdeas-02.png" data-mid="1191026" border="0" /> <img width="2551" height="2551" width_o="2551" height_o="2551" src_o="https://cortex.persona.co/t/original/i/fcc1169757fcfe35f549c71c3043a605062bcba7fea861080e36d182c2ca9716/VelvetTaco_10thAnniversary_GraphicIdeas-04.png" data-mid="1191024" border="0" /> <img width="2551" height="3301" width_o="2551" height_o="3301" src_o="https://cortex.persona.co/t/original/i/992b822ab381290e6b9538a67814b3b14d41176cf68e773ef86c33f542d490f9/SWA_t-shirts_rev_-10.png" data-mid="1191032" border="0" /> <img width="2551" height="3300" width_o="2551" height_o="3300" src_o="https://cortex.persona.co/t/original/i/c9a1689a82ca2cd8ac4ef1da87f8bb0602826b238ac66f1b740e626e7efb8553/SWA_VintageT-Shirts_jdo_4-9-21_r1v1-15-1.jpg" data-mid="1191029" border="0" /> <img width="2550" height="3300" width_o="2550" height_o="3300" src_o="https://cortex.persona.co/t/original/i/7a5dd97d6b8083e3fedef36a5fae0cf1beb53a2e710c7ddd972d1eb40ba1132c/SWA_VintageT-Shirts_jdo_4-9-21_r1v1-01-1.jpg" data-mid="1191027" border="0" /><img width="2551" height="3300" width_o="2551" height_o="3300" src_o="https://cortex.persona.co/t/original/i/0049657916a917cd25ec64d7ad9045787118ae6269de98caa617d448dd8f10ec/SWA_VintageT-Shirts_jdo_4-9-21_r1v1-14.jpg" data-mid="1191030" border="0" /> <img width="2551" height="3301" width_o="2551" height_o="3301" src_o="https://cortex.persona.co/t/original/i/e36dbfd1e58e4ae983ebbc655e29f08297856558648bbd8a046d0a885642755b/SWA_t-shirts_rev_-05.png" data-mid="1191031" border="0" /><img width="2551" height="3301" width_o="2551" height_o="3301" src_o="https://cortex.persona.co/t/original/i/5ef61e219f11fd80da36bddcebe77cd7cc717da2f40608a1e1b3af840081da5d/SWA_VintageT-Shirts_jdo_4-9-21_r1v1-07-1.jpg" data-mid="1191028" border="0" /> <img width="2550" height="3300" width_o="2550" height_o="3300" src_o="https://cortex.persona.co/t/original/i/14c305f86169e3c0cab3fe568f0511559559714229a4df16cba520a2f53fce84/T-Mobile_Gear_Organic_Eco_Tee_Just-T-Shirt_2-20-21_jdo_-01.jpg" data-mid="1191037" border="0" /> <img width="2551" height="3300" width_o="2551" height_o="3300" src_o="https://cortex.persona.co/t/original/i/2d0a59a5c25c1e8fcfa3da00733120c9aa2a7f19e3eabf4f84b17fc40e6bbd47/T-Vision_T-Shirt_Option2_3DColors_2-14-21_jdo_r1v1_back-02.jpg" data-mid="1191034" border="0" /> Private Label BrandsZumiez 1,000+ Trim &amp; Packaging Pieces Zumiez, a skate/surf/lifestyle chain for teens found in malls across America, develops a variety of private label brands for juniors and young men. They market several subbrands, ranging from casual streetwear to performance athletic gear, that are hung in-store next to brands like Volcom, Vans, and Adidas Skate. Creating dozens or hundreds of pieces per brand, each button surface, zipper pull, pocket embroidery, and hangtag were thought of as one whole — some pieces live on the clothing for the life of the garment, some are immediately ripped off in the car after purchase. All of them required extensive back and forth with the factories in China, each one a little puzzle for communicating to a non-English speaker how best to build that component. <img width="1300" height="867" width_o="1300" height_o="867" src_o="https://cortex.persona.co/t/original/i/43e2c3ba68ab9f79854e26cf0d7c387b97c9c1292142c5863e4e63e651c50e84/Empyre_PerfLeatherPatch.jpg" data-mid="168140" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/f9d3c18f8048459f24e97ec98393f0b7563b272eb37761798ec76bfa6487a0da/Empyre_RoughCut.jpg" data-mid="168144" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/5d948f77c9352b0d4995cf0a27c55acfb8210ba4359caf9adac4882ddb7f49ca/Empyre_Pin.jpg" data-mid="168142" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/52e5af4f89136125c6ab482c7b52a29793057bc41a0c9dd4361df1d61684dd81/Empyre_UnderwearPackaging.jpg" data-mid="168146" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/0c0d89d8f6aa33715ede7133268b016bbbd45d0e3f4ac9b976b5d6e7c36ff02d/Empyre_ShirtTag.jpg" data-mid="168143" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/c94c18c6dbf579fdc377b668f2c000fbe712c57640b6155f0db13bdefe2b3b35/WeatherControl_EmpyreCasualsHangtag5.jpg" data-mid="168145" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/326f5e057df7ab7cf3381030b002ee5b8fadf0305072d828237b8e28e2103717/EmpyreGirls_ShankButtonWaistbandLabel2.jpg" data-mid="168154" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/6b7b9a3a4f61a5be35192f73fff90e4fa3c86773a27c09dbfdd23b1b97e9e60b/Empyre_Hangtag.jpg" data-mid="168148" border="0" /> <img width="1300" height="881" width_o="1300" height_o="881" src_o="https://cortex.persona.co/t/original/i/d71fa5a2b14e70d55ca5ebcffee4c5f683c9e7c56335d9aad3dfdd7dca665b15/WomensSnow_EmpyreHangtag4.jpg" data-mid="168149" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/ef44260c72ab3688a170964fc6ca5f801d2a982b4091c481bfe96ebe0d31a459/Empyre_Hangtag_14.jpg" data-mid="168150" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/2e1b60458a8a086fcda2eb85838660298e83cddbcb975b28c8b6c98e386ceb09/Empyre_Windchill.jpg" data-mid="168152" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/f38faff794e62596177a940d25401c191a9a1cc3d9fea2e16627182a7828361a/Empyre_Badge.jpg" data-mid="168151" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/ba88037ec7ddf469314bcc09d8d85157e33a849c5778acc6e682b8ec25382851/TwoTonedButtons.jpg" data-mid="168153" border="0" /> <img width="1300" height="975" width_o="1300" height_o="975" src_o="https://cortex.persona.co/t/original/i/cbe4bbc451d878f90ce8fdd759f546cf780a1fd646dbe89f5d186a9c895ee5f1/Alab_HangtagFront.jpg" data-mid="168135" border="0" /> <img width="1441" height="900" width_o="1441" height_o="900" src_o="https://cortex.persona.co/t/original/i/5e9e41088f0c0eaaa361ce5fc0d64f01be4a5cf8374a5d28d474ef3a8289bdb0/Alab_Pieces.jpg" data-mid="168136" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/3d67173e2b7b207c3f1f7434631f636efdf257150288aa8011a1a685abbe8bfc/Ralik_Hangtag_WeatherControl.jpg" data-mid="168137" border="0" /> <img width="1000" height="750" width_o="1000" height_o="750" src_o="https://cortex.persona.co/t/original/i/e3207e4aaa6cc54c611f9827e248297a876b61af849323f61bc2b5db2164930d/RalikZipperPull_WeatherControl1.jpg" data-mid="168138" border="0" /> <img width="1300" height="867" width_o="1300" height_o="867" src_o="https://cortex.persona.co/t/original/i/50d128daad3213c46b86700d050548bb233e2e382ef1111b854f6a335a5a9e2e/Freeworld_Waistband.jpg" data-mid="168139" border="0" /> Men’s &amp; Women’s Apparel Eddie Bauer Placed Graphics &amp; Prints While Zumiez’s and Eddie Bauer’s stores are often positioned across from each other at malls (a brilliant pairing, really, as mom can shop across the hall from her kid), they could not serve more disparate demographics: Bauer has its foot solidly in the world of Boomers, at least two generations older than your typical Zumiez shopper. While each Eddie Bauer season produces a number of aspirational pieces centered around exotic travel destinations (Whistler in winter 08, Galápagos in summer 09), the core of Bauer’s brand has always been in their top-notch quality and customer service (people who bought packs in the 1960s are known to send them in for touch-ups to the stitching, and Bauer still gladly obliges). <img width="420" height="600" width_o="420" height_o="600" src_o="https://cortex.persona.co/t/original/i/b6d6ae4587ba5efe0bd5726689b364b6d81dc9f18da3e2a6fd0c395fc407f312/120_fp036c.jpg" data-mid="168155" border="0" /> <img width="420" height="600" width_o="420" height_o="600" src_o="https://cortex.persona.co/t/original/i/8cd70265cdf342927e1af4d593df448006e3f4f9dcdf902b9daab716828e0af7/120_fp036d.jpg" data-mid="168156" border="0" /> <img width="420" height="600" width_o="420" height_o="600" src_o="https://cortex.persona.co/t/original/i/8cbe76a086d3939ca9073c4a25d5b6ae895b19efd00e46a1a2cae49f44708962/120_fp036e.jpg" data-mid="168157" border="0" /> <img width="420" height="600" width_o="420" height_o="600" src_o="https://cortex.persona.co/t/original/i/a91e5c913a8955a15cb817b2a9944c790122ef8c079acf0a28b275e722e6ef42/120_fp106b.jpg" data-mid="168158" border="0" /> <img width="600" height="600" width_o="600" height_o="600" src_o="https://cortex.persona.co/t/original/i/53c954ab77a878a0c2d22e8a093f0b0142114a178accb64850cb220fae6a27d6/900621_lg.jpg" data-mid="168159" border="0" /> <img width="420" height="600" width_o="420" height_o="600" src_o="https://cortex.persona.co/t/original/i/43f97a70b8b8dacf92a8746e37edb54f0bb6f7eb21ca0ebad9787cd74d7fd83a/117_m112b.jpg" data-mid="168161" border="0" /> <img width="600" height="600" width_o="600" height_o="600" src_o="https://cortex.persona.co/t/original/i/5b1600b4c469844d487f6508c0d41d666389fafbb9ad7b8a7b54cf5fa1f36b2c/906925_1_lg.jpg" data-mid="168160" border="0" /> <img width="1100" height="904" width_o="1100" height_o="904" src_o="https://cortex.persona.co/t/original/i/060908d331e5a161677a4de16e1c28bbd9cbf9eed5bb80f8f8c2f3a4f3d7612a/EddieBauer_ShuttlecockPrint_WeatherControl.jpg" data-mid="168162" border="0" /> <img width="1242" height="1241" width_o="1242" height_o="1241" src_o="https://cortex.persona.co/t/original/i/f684bc6bc3e77f91c1da168bce181995ac3a918fcd69b51622befa3d2ba69577/EddieBauer_repeat_Holiday_Pattern.jpg" data-mid="917086" border="0" /> <img width="855" height="863" width_o="855" height_o="863" src_o="https://cortex.persona.co/t/original/i/9bc069bfa88ac1a902906c1c46bc9bb3d6650e7cbd22407f2cbd116b38c83555/EddieBauer_ChristmasTree_Womens.jpg" data-mid="917085" border="0" /> <img width="3124" height="2400" width_o="3124" height_o="2400" src_o="https://cortex.persona.co/t/original/i/c0d8baa157ff8aa0e3b620442c859b188de960fd06170fd4191a84d8b5227985/WeatherControl_Trout2_TypoShirtOne.jpg" data-mid="917089" border="0" /> <img width="2400" height="3200" width_o="2400" height_o="3200" src_o="https://cortex.persona.co/t/original/i/4cc918c59b1d3ba4ea70382c7637224a23e9dee478c0beb8e6cf65b500b80b78/WeatherControl_Totem_TypoShirtOne.jpg" data-mid="917088" border="0" /> <img width="3200" height="2400" width_o="3200" height_o="2400" src_o="https://cortex.persona.co/t/original/i/00867dc03e0f2ccaceaa85e729fd7dd1acd5a6a68d4bc555b8da480e9ee34b4f/WeatherControl_Trout1_FrontHit_TypoShirtOne.jpg" data-mid="917087" border="0" /> T-Shirts: Placed Graphics Outdoor Research, Power Fuzz, Ms. Taken, and Rossignol Placed Graphics A graphic in the middle of your chest has a different emotional weight than the graphic design on a book you choose to buy: the book is always a separate object, at most becoming part of the architecture of your house by proudly being displayed on a shelf, but the graphic on clothing becomes a part of your identity as much as your hair color (at least for one day). <img width="1800" height="1033" width_o="1800" height_o="1033" src_o="https://cortex.persona.co/t/original/i/8184141ef19da6c753a1c183829047a4a2e5f4344febab32bbd4a0984d290fdd/OutdoorResearch_2.png" data-mid="168163" border="0" /> <img width="1800" height="1033" width_o="1800" height_o="1033" src_o="https://cortex.persona.co/t/original/i/0795d3e959d218a7da89bea0345a798a584881d982e920286af352fcd3a8198c/OutdoorResearch_5.png" data-mid="168167" border="0" /> <img width="1800" height="1033" width_o="1800" height_o="1033" src_o="https://cortex.persona.co/t/original/i/4de5164a9e6c639f1ad566b7c8bacbb0c58efccc9518777104df3c51e86c6eee/OutdoorResearch.png" data-mid="168165" border="0" /> <img width="367" height="432" width_o="367" height_o="432" src_o="https://cortex.persona.co/t/original/i/813be53eeb9909ae13ea5d454711a4d40a53e89f7ba9416f896c37a8dc85e993/pf3.jpg" data-mid="168174" border="0" /> <img width="367" height="432" width_o="367" height_o="432" src_o="https://cortex.persona.co/t/original/i/fa288fc27276b343c3430c70d98cda9ed061809510939fa3b10ed7273cb9f46c/yegomath.jpg" data-mid="168172" border="0" /> <img width="367" height="432" width_o="367" height_o="432" src_o="https://cortex.persona.co/t/original/i/abf0f7843b1f6e8773c9aa79ad45a48b148b230d11c06865cd85ab83886dab38/pf2.jpg" data-mid="168173" border="0" /> <img width="1836" height="1728" width_o="1836" height_o="1728" src_o="https://cortex.persona.co/t/original/i/a5452aefea294524b3b501d673ae2e28ea7241bc572792163105bb645a71b0e0/MsTaken_I_Do.png" data-mid="168169" border="0" /> <img width="1836" height="1728" width_o="1836" height_o="1728" src_o="https://cortex.persona.co/t/original/i/39c6d9fabb3e6384e5e6a78f76456f0aaa24833d575f9d3ebe8e4cbacf4f6312/MsTaken_Ambigram.png" data-mid="168168" border="0" /> <img width="1836" height="1728" width_o="1836" height_o="1728" src_o="https://cortex.persona.co/t/original/i/cbd6db5112b0640915e3cc5f5c8575573bb1080c55841f34b7fd21f4a6c8d92e/MsTaken_Mask.png" data-mid="168171" border="0" /> <img width="1836" height="1728" width_o="1836" height_o="1728" src_o="https://cortex.persona.co/t/original/i/53f32a243d1c74405c1552112eeb2597e9254c034cf16c9bc6834699fbe32a3e/MsTaken_ScrollyLettering.png" data-mid="168170" border="0" /> <img width="2376" height="2376" width_o="2376" height_o="2376" src_o="https://cortex.persona.co/t/original/i/5a77c44a3a4f7aed6e6154c2e38c61d9a6a5827e93886182b80922d425dba96d/Rossi_girls_chicken.png" data-mid="168177" border="0" /> <img width="2376" height="2376" width_o="2376" height_o="2376" src_o="https://cortex.persona.co/t/original/i/2943bdd2e07bc537090dc0245c26f7b14e9cac442e7a70a8e95a5ba704038d3f/Rossi_flowers.png" data-mid="168175" border="0" /> <img width="2376" height="2376" width_o="2376" height_o="2376" src_o="https://cortex.persona.co/t/original/i/a68c284e401ac6772b67e05179913dcaafea23dfd12abc8b853318424b9f7792/Rossi_moon_big.png" data-mid="168176" border="0" /> <img width="2376" height="2376" width_o="2376" height_o="2376" src_o="https://cortex.persona.co/t/original/i/be779dabac73aa93754f6770e5f8ccb4233896488ece176bd4e7533d7de4ac05/Rossignol_JoshOakley.png" data-mid="1037293" border="0" /> ©2023 Josh Oakley Design. All Rights Reserved. Home&nbsp; &nbsp;Print&nbsp; &nbsp;Apparel&nbsp; &nbsp;Greeting Cards&nbsp; &nbsp;&nbsp;Interactive&nbsp; &nbsp;&nbsp;Infographics &nbsp;&nbsp; Environmental... http://joshoakleydesign.com/Infographics Sun, 12 Feb 2017 07:12:09 +0000 Josh Oakley 145727 Home&nbsp; &nbsp;Print&nbsp; &nbsp;Apparel&nbsp; &nbsp;Greeting Cards&nbsp; &nbsp;&nbsp;Interactive&nbsp; &nbsp; Infographics &nbsp;&nbsp; Environmental &nbsp;&nbsp; I.D. &nbsp; &nbsp;About Infographics &amp; Writing Why sneak writing in with designing infographics? Both are about organizing information. Clear writing reflects clear thinking. With infographics, turning a pile of random factoids and bits of data into a compelling narrative, whether it encompasses writing, writing and design, or just design, is about plotting and pacing those pieces along a narrative arc, a storyline that grabs the human heart. When you’re telling a story that’s more about a mood (the simple.com spot below), you’re doing that in reverse: you have to construct a logical universe for the mood to live in. Vacationsimple.comWriting &amp; Art Direction This spot is the one case of Josh’s writing without any infographic-related elements attached — it’s purely a short and sweet narrative. Portland-based Simple.com seeks to reinvent banking. Part of a larger campaign that riffed on the idea of things that go together like budgeting &amp; banking — the core value proposition of their app is that your bank can also be your budgeting tool — this spot took that simple idea of “A+B” and spun it into a full story about finding true love: A+B, B+C, C+D, and so on until it comes full circle.Josh wrote the script for the piece then worked with the director and producer to pull off a barebones shoot in L.A. over a weekend. <img width="3500" height="2480" width_o="3500" height_o="2480" src_o="https://cortex.persona.co/t/original/i/67815bae1878934582d7617a00249c9b702c6942326c9d4a359846ae6599bff5/Evolution_of_TV_v2.jpg" data-mid="1309912" border="0" />The Rise of Intelligent Home EntertainmentAmazon FireTV Illustration and Infographic Design A simple illustrated timeline highlighting the major milestones in the development of home entertainment, from the days of shared cultural moments when you had to be in front of the TV at a certain time otherwise you missed it to the systems of today, totally on-demand. This infographic is a good example of working entirely within a brand’s guidelines, using defined colors, typefaces, and illustration styles. <img width="2000" height="1294" width_o="2000" height_o="1294" src_o="https://cortex.persona.co/t/original/i/274f84fa0c2b8e1d94973b21b1611e283ba83fa882a78398453bbc9567ebf839/Spectrum_Infographic.jpg" data-mid="168103" border="0" /> Your Mobile Future Is At RiskMercury Illustration and Infographic Design Most of us go about our lives blissfully unaware of what systems our mobile devices rely on, but if they suddenly ran out of some crucial resource, we’d all immediately pay attention. It’s a matter of concern to the U.S. Congress, in fact, as they control the wireless spectrum’s allotment of frequencies. This infographic sought to raise this issue on the radar of voters, connecting the services we use day in and day out with a political concern that’s not too likely to create headlines. <img width="2000" height="794" width_o="2000" height_o="794" src_o="https://cortex.persona.co/t/original/i/4cac4b9b3292c60cc0b695f9fb720f121b5921aa7b3e3a78368280aee40db9f8/Ebola.jpg" data-mid="168114" border="0" /> Paul Allen’s Commitment to EbolaPaul G. Allen Foundation Illustrations and Infographic Design At the height of a West African ebola resurgence in 2014, Paul Allen (a co-founder of Microsoft) pledged some large sums of money directed towards stamping out the disease for good. This infographic was meant for internal stakeholderes, those with a vested interest in knowing how the efforts in West Africa were going. It used the red, green, and yellow branding established for other elements of this campaign to visualize a variety of vignettes that painted a picture of how every dollar was being spent, down to the specific items needed for medical workers’ suits. Zoom into the whole long scrolling infographic below/at right. <img width="1422" height="30792" width_o="1422" height_o="30792" src_o="https://cortex.persona.co/t/original/i/68b02634476dbd579e10f114c781bb5057a94c4f6c0233a115a369a2cfe261a1/Infographic_v8-2.png" data-mid="985198" border="0" data-scale="7"/> <img width="3000" height="1295" width_o="3000" height_o="1295" src_o="https://cortex.persona.co/t/original/i/b059aa600c4d30509805759da7c2d4f2fe19c8c68fb71b1d2e6f23d04381663f/2014ImpactReport_1.gif" data-mid="168129" border="0" /> 2014 Impact ReportVulcan (Paul Allen Foundation) Infographics &amp; Report Design&nbsp; There’s a great Michael Beirut talk about clients, and in that talk he says something to the effect of “design is at its best when the designer is excited about what the client is excited about.”&nbsp; That’s sometimes easier said than done. It’s a lot easier to be excited about what the client is excited about when you’re talking about counting the number of elephants in Africa, though, one of many projects that Paul Allen invests in across the globe. <img width="1279" height="2000" width_o="1279" height_o="2000" src_o="https://cortex.persona.co/t/original/i/d665d9cca5b3a620785e79b3890ae6bd81544b3bed8ecaa0de1f30ab7aca603c/GivingTuesday_MainAd.png" data-mid="168120" border="0" /> <img width="1024" height="765" width_o="1024" height_o="765" src_o="https://cortex.persona.co/t/original/i/bfe4cb0f2f156498f7db5f72ff75e007bbe5ff51144a0b4d480edf528c65cd46/SampleAnimation.gif" data-mid="168116" border="0" /> <img width="1024" height="785" width_o="1024" height_o="785" src_o="https://cortex.persona.co/t/original/i/8ca36a7a10a22f2b121d03f5088d3101d56de9554f7cd560f495b4f696c36733/HighFive.gif" data-mid="168118" border="0" /> <img width="1024" height="785" width_o="1024" height_o="785" src_o="https://cortex.persona.co/t/original/i/0a64a770e0e91db53741d3fa65f0b6be4b028740e6cd7d189d972d36a346bfc5/ScooterKid.gif" data-mid="168119" border="0" /> #GivingTuesday Vaccine CampaignThe Bill &amp; Melinda Gates Foundation Social Media Campaign&nbsp; A little bit of an infographic, a little bit of an ad, the one thing you don’t expect from The Gates Foundation, or any large NGO, is a cheeky campaign. The long prevalence, really the dreaded expectation, of poverty porn in this sphere almost certainly made this approach sellable internally, though. Posted a few days after Thanksgiving and the Walmart bull-run antics that Black Friday is famous for, this #GivingTuesday social media campaign played off of the visual language of the glossy circulars for department stores that stuff the insides of the newspaper before Thanksgiving. This sort of “cheeky/parody” thing was something Josh had his first experiences doing as an intern at Modern Dog Design Co. in Seattle, Washington c. 2004: a unique thing to set as your baseline experience although seemingly normal at the time.Also worth noting: this is the only time Josh has intentionally used straight quotes (") rather than curly quotes (“”). <img width="5000" height="3235" width_o="5000" height_o="3235" src_o="https://cortex.persona.co/t/original/i/83f2101f7ca2db2834d96faf162967bcec4d77d22dabc7c7a905f1371e233708/SMA_Imprint51_Infographic.jpg" data-mid="168134" border="0" /> Alumnae Dispersal MapSt. Mary’s Academy Infographic Design A spread from the redesigned Imprint alumnae magazine for St. Mary’s Academy, the premier girls’ prep school in Portland, Oregon, there wasn’t a clever concept or some imaginative data visualization to impress other designers here. You could think of it more like visual data entry, really: place a dot on the map then enter the corresponding info. Do that enough times and the result gives you an enormous amount of info in one spread, though — not only where graduates of St. Mary’s have attended school recently, but what kind of institution they’ve gone to. <img width="5184" height="2582" width_o="5184" height_o="2582" src_o="https://cortex.persona.co/t/original/i/4d11049ce20fc8b5cd4e4c02b90c8b59af3a8ce96ea469047c00207037ebfe5d/TARGET_thanks-a-billion-infographic_FINAL.jpg" data-mid="1006440" border="0" />$1 Billion for EducationTarget Environmental Infographic Design A part of the environmental signage filling up Minneapolis’ Target Arena during Target’s annual Managers Conference in 2015, this infographic took up a whole wall, meaning a major consideration was how someone might take in the information 1–3 feet away. Breaking it into a left, middle, and right section meant a viewer could peruse just that one chunk then take a few steps to the right to take in the next part. More likely, of course, few people actually took in the whole thing sequentially — like most infographics, a few small modules might actually be glanced over. Whereas a typical infographic is read privately, this had the “museum-like” quality of others moving around as you take it in, in this case your coworkers from across the US. Flatten the Curve Knowhere News Conceptual Illustration/Data-Viz AnimationYou could probably guess not just the month but the week of 2020 that this was created. We were counting our pasta packs and cans of beans, rationing our toilet paper — my dad was released from the hospital north of Seattle, one of the first 250 patients in the U.S. to be hospitalized for COVID-19 (a week or so after my mom had it in late February, she managed to sleep it off at home). It seemed like a big deal at the time. I was fine, bored and anxious, “Tiger King” already watched, and I couldn’t see them for a few weeks as they were being told to quarantine. Like most of us, I knew absolutely nothing about what was ahead of us but was just stuck inside and had this little assignment from Bay Area startup Knowhere News, a bit conceptual/editorial illustration, a bit preachy data viz, simplistically hopeful in retrospect (as we all were) but certainly the right emotional and pragmatic note for the moment: we all needed to feel like this was manageable and understood by public health officials, easily resolved in a few weeks, a few months tops. Maybe these nodal patterns (served as ads in social media feeds) could offer a bit of confidence in the unknowable months to come, totems of faith in expertise and a scientific understanding of the world — arguably the job of most infographics. <img width="1786" height="1127" width_o="1786" height_o="1127" src_o="https://cortex.persona.co/t/original/i/6d8e83dfcd3bfef2b0a35d11c39d8da72dbdb0a50c006bb5343eefcdbf840a11/Aurasma_AugmentedIG_C3_Final.jpg" data-mid="168104" border="0" /> Augmented Reality InfographicAurasma Illustration and Infographic Design Only a few years after the images moved — literally magic — in the newspapers of Harry Potter’s universe, Aurasma commissioned Josh to create what was probably the world’s first augmented reality infographic. You can read more about it on the TED blog, download Aurasma Lite and try it out on this infographic, or just watch the TED talk at right. <img width="933" height="1400" width_o="933" height_o="1400" src_o="https://cortex.persona.co/t/original/i/055de851d6e9fbd74ea9e8d719bf39d284e4a8be804f2d4bbddc88918c4411dc/100PERCENT_SCALE_VISUAL_EXAMPLE_Edelman_for_USAPears_4x6magnet_1.png" data-mid="168098" border="0" /> <img width="1000" height="1000" width_o="1000" height_o="1000" src_o="https://cortex.persona.co/t/original/i/42aec71b9fa7397146207b29f9607567b08b95b6a92997d4d00fc980e829872a/USA_Pears_Infographic2_HighRes.png" data-mid="168099" border="0" /> Breakfast Pear-ingsU.S.A. Pears Illustration and Infographic Design&nbsp; Terrible pun aside, this pear recipe infographic restrains itself towards overly technical or flowery visual solutions, its output an easy, practical reference printed on refrigerator magnets. (One missing note, perhaps: you will be super hungry if you try to eat just one of these recipes for your entire breakfast. More importantly, there’s a trade group that wants you to buy and eat more pears, something you’ve probably never thought about). Don’t Go Against the GrainKashi Illustrated vs. Photographic Infographic Process&nbsp; Somewhere in between an infographic and an illustrated ad, it’s hard to remember which one of these two approaches ended up being used at the end of the day — I think the darker, photographic one got taken to a few meetings and it was unclear that these were all for sure Kashi products, so we had to go in a more illustrated direction. They’re sort of nice to look at next to each other, though, right? <img width="600" height="1311" width_o="600" height_o="1311" src_o="https://cortex.persona.co/t/original/i/1f906eb71cb0d30fc5be45f8ad75a09a455442ac445b8e05e75bfd82d8a4038f/DontGoAgainstTheGrain_Infographic_v3b.jpg" data-mid="168105" border="0" /> <img width="600" height="1311" width_o="600" height_o="1311" src_o="https://cortex.persona.co/t/original/i/1cb5e66dd68ecf9218f5d17fc7df5a29b49940f5f930b29953e7b79f2e26bf8b/DontGoAgainstTheGrain_Infographic_v2.jpg" data-mid="168106" border="0" /> Long Scrolling InfographicsCoca-Cola, HP, Honeywell, Microsoft, and The Edison Institute&nbsp;Infographic Writing &amp; Design Starting in the mid-2000s and hitting its peak about 2011, these long scrolling infographics were all over the web and Josh Oakley created a good number of them. These seven examples for corporations often adhered strictly to brand guidelines (e.g. the Coca-Cola water conservation piece), but they also often needed to feel a bit off-brand (the SWSXi piece for HP Autonomy): the goal might be to not make them seem like a straight-up ad for the brand. <img width="600" height="3521" width_o="600" height_o="3521" src_o="https://cortex.persona.co/t/original/i/b3cfe5ed5021f12e54434c34944e347f21dd25c493095305654e290b0cc0b0d4/Coke_Water_Infographic_FINAL_Mobile.jpg" data-mid="168113" border="0" /> <img width="550" height="4901" width_o="550" height_o="4901" src_o="https://cortex.persona.co/t/original/i/13125891ce99338422e5feb11b2dbdb3f2beb9b7cbf94aa8bc9215defac4207d/InfoGovernance_Infographic_smaller.jpg" data-mid="168109" border="0" /><img width="629" height="2344" width_o="629" height_o="2344" src_o="https://cortex.persona.co/t/original/i/be725d4ae0a55169a4199c775c00dc396456d95f233fe89a203521827b4c4988/autonomy_sxsw_infographic_rev6.jpg" data-mid="168107" border="0" /><img width="550" height="3920" width_o="550" height_o="3920" src_o="https://cortex.persona.co/t/original/i/ede0a2b2e6f7157de0d13518bba1a23e34ba5fac8c696d0ee589693c21c1a691/AutonomyInfographic_Rev.jpg" data-mid="168108" border="0" /><img width="612" height="2023" width_o="612" height_o="2023" src_o="https://cortex.persona.co/t/original/i/9af012b09bd82730dcc393df743a0f5edbe7bcf03d27d06fd4a053bebbcd0b8a/Honeywell_v5.png" data-mid="168122" border="0" /><img width="1264" height="3934" width_o="1264" height_o="3934" src_o="https://cortex.persona.co/t/original/i/7aee5b66fc7171f3f1f1d825ee0f36c5b61d3570013ad2dcc281777f803cab0d/SMB_Office365_Infographic_FINAL.jpg" data-mid="168112" border="0" /><img width="465" height="3309" width_o="465" height_o="3309" src_o="https://cortex.persona.co/t/original/i/4166f16680685fbaa73c4a011324fb4b68e93859d28774c4761223615b1e5777/teg_infographic_v6rev2.jpg" data-mid="168111" border="0" /> Writing It’s obvious but important to note that writing and design are at their strongest when interdependent. The classic, rudimentary example might be the famous “Think Small” VW campaign, where the art direction and copy relied on one another. Of all the corners of design Josh has dipped his toes into, infographics seem like the area where writing and design are the most inextricably linked, from big concepts down to every small detail. As simple as this seems, the human mind is always a bit resistant to this sort of combinative thinking (whether it’s by nature or just due to mainly writing essays from elementary school through college is not clear).In 2011, Josh had the unique opportunity to concept, research, and write infographics, leaving the design to other team members. These infographics didn’t have a client — it was a complicated business model, mainly for SEO. Josh can tell you more about it if you’re curious.For corporate clients, infographic copy is often delivered as long sentences that form linear thoughts like an essay. This is not how people read infographics, though: info needs to be broken up into chunks, it needs to present itself systematically where comparisons can easily be scanned. The graphics above usually entailed a bit of a rewrite to break them up into labels and tags. A bigger picture concern, however, is the question, “Is this interesting enough?” All the infographics below were meant to go viral — that was central to why we were making them. With concepting and writing infographics, the goal was always to get something interesting on paper first, and if it felt solid as a Google doc, it was ready for designers to work their magic — hoping that design would “save” a script meant it shouldn’t become a fully-formed infographic (a principle that’s been applied to many other things in Josh’s career after this time). The infographics below were blogged about far and wide on media outlets like NPR, MPR, The Atlantic, CNN, Mashable, AdWeek, HuffPo, and many others. <img width="700" height="4822" width_o="700" height_o="4822" src_o="https://cortex.persona.co/t/original/i/dd1d3aea360b0d0fb4df69d36ffd41ef6b967c6f049665f9217095c764e1ffea/greenwashed_50291189648bc.gif" data-mid="168124" border="0" /> <img width="981" height="8000" width_o="981" height_o="8000" src_o="https://cortex.persona.co/t/original/i/e6cc68c8e1b517973fcd1ca494f3af9b5f13198e915ee5b741aa8571542a5023/beautys-benefits_5029100309d78_w1500.jpg" data-mid="168128" border="0" /> <img width="700" height="7422" width_o="700" height_o="7422" src_o="https://cortex.persona.co/t/original/i/767ba6587f0d10a58749c8571ed6b4fa14093ea4ef1082cbea792ba839a7719d/americas-big-test-1.gif" data-mid="168126" border="0" /> <img width="880" height="7741" width_o="880" height_o="7741" src_o="https://cortex.persona.co/t/original/i/5fe03c3f76b88198cb5d9dca0bedbca0933e6a33a118d62875e5a9bdb7cba2c1/2_http-2F2Fmashable.com2Fwp-content2Fuploads2F20112F092F1996-vs-2011-1.jpg" data-mid="168127" border="0" /> <img width="600" height="6250" width_o="600" height_o="6250" src_o="https://cortex.persona.co/t/original/i/a189e0bcba69805dbbee78f3d65244a38fef4bd01b1ef6bb5c95fb878d548b76/076dec1a565a61bfae5dd036af47d918.jpg" data-mid="168125" border="0" /> <img width="700" height="3668" width_o="700" height_o="3668" src_o="https://cortex.persona.co/t/original/i/b1a7e665dc12c07cef39f72757d5e9e74f2ef28f7008923bca150862a05dd220/warren-quote.gif" data-mid="875512" border="0" /> <img width="700" height="4245" width_o="700" height_o="4245" src_o="https://cortex.persona.co/t/original/i/d4261254f5d82b18331b8758757c8d05317134709a293b1f7f915f6ce13da2c2/free-your-feet_50290da687c12.gif" data-mid="1190740" border="0" /> ©2023 Josh Oakley Design. All Rights Reserved. Home&nbsp; &nbsp;Print&nbsp; &nbsp;Apparel&nbsp; &nbsp;Greeting Cards&nbsp; &nbsp;&nbsp;Interactive&nbsp; &nbsp; Infographics &nbsp;&nbsp; Environmental...