https://www.drewbarrettdesign.com/home daily 1.0 2025-06-22 https://www.drewbarrettdesign.com/about daily 0.75 2024-12-20 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/23650d7f-82a2-4b01-8813-748b3c3e2140/Drew_Travel_1-1.jpg About - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.drewbarrettdesign.com/contact daily 0.75 2023-04-03 https://www.drewbarrettdesign.com/work daily 0.75 2025-06-26 https://www.drewbarrettdesign.com/work/pusher-logo monthly 0.5 2023-01-07 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1621375697676-LVONM6PWDMEWQFQF17NX/Drew+Headshot_11_11_20-4.jpg Graphic Design - Pusher BMX Mail-order Mark BACK- GROUND: RESEARCH ———— After doing some moodboarding to establish an aesthetic for Pusher’s mail-order mark, I began sketching. I looked to historic precedents for bicycle logos and related images for inspiration. ———————————— 01/02 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1621376404978-LCR1Z4ABQXL64N5GI4EP/pusherdribble2.jpg Graphic Design - Pusher BMX Mail-order Mark BACK- GROUND: LOGO ROUND 1 ———— The first round of designs created referenced the history of bicycles, paying homage to bicycle headtube badges of the 1920s. Sadly, shortly after these designs were created, I discovered that there were two other BMX-related companies that had designs coming out featuring globes, so it was back to the drawing board. ———————————— 02/02 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1621377354723-JE7ULI56F60D1349YHSD/Pusher_Logo_Final_texture_Instagram.jpg Graphic Design - Pusher BMX Mail-order Mark FIG. 001 ———— My final design pays homage to the rich history of mail-orders from back before the days of the internet, when the population utilized mail services as a means to stay afloat when there were limited to no stores in close proximity to many. BMX can be likened a bit to this. Given its limited audience within the bicycle industry, it feels like it is forever still in the wilderness, with very few shops catering to this demographic. As such BMX is also forever still in need of mail-order, or online services like Pusher offers. ———————————— 01/03 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1621448489837-KPHUQ4BBSN4VQPRT5EZ1/Pusher_Hat_MockUp.jpg Graphic Design - Pusher BMX Mail-order Mark FIG. 002 ———— The design was then placed on a variety of different types of collateral, such as hats, jackets, and shirts. ———————————— 02/03 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/cbeb4159-7c5c-4a31-a695-330e6ed96cb1/RealStreetBMX_BestTrick_PusherShirt.png Graphic Design - Pusher BMX Mail-order Mark FIG. 003 ———— Shirt design worn by pro rider and X Games gold medal holder Dennis Enarson in the X Games Real Street Best Trick competition ———————————— 03/03 https://www.drewbarrettdesign.com/work/bristlecone-collective monthly 0.5 2023-10-10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/0df854ed-aabc-4dd9-9654-eb3cdd632e09/Bristlecone_Photo_Halftone.jpg Graphic Design - Bristlecone Collective Branding BACK- GROUND: RESEARCH PT. 1 ———— In discussing concepts with the company’s founder, I was given themes of Americana, industry, handmade charm, and, of course, the bristlecone pine, a unique fascinating breed of pine tree, known for thriving in the most inhospitable of areas. ———————————— 01/02 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/c7002c9b-964f-434e-b666-ac7ebf43dc2d/Bristlecone_Sketch.jpg Graphic Design - Bristlecone Collective Branding BACK- GROUND: RESEARCH PT. 2 ———— Concepting largely focused on combining elements of the concept of vintage industrial Americana with organic imagery of twisted weathered limbs. ———————————— 02/02 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/a377c5d8-ce7c-49da-952c-5eea84934661/BristleconeShirt_Back.jpg Graphic Design - Bristlecone Collective Branding FIG. 003 ———— Bristlecone Shirt (Shirt Back) ———————————— 03/03 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/3e7f599c-1210-4946-ad46-22db41184974/BristleconeShirt_Front.jpg Graphic Design - Bristlecone Collective Branding FIG. 002 ———— The design could then be implemented on a variety of collateral such as shirts (shirt front) ———————————— 02/03 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/e1c66076-a2bf-437e-8cf4-8b8cda65b840/Bristlecone_Merged.jpg Graphic Design - Bristlecone Collective Branding FIG. 001 ———— I created a branding board, which allowed different elements of the overall branding to used at different times, allowing the brand to work as a wordmark, and with different sorts of imagery, including twisted tree limbs and pine cones. All design elements were hand-drawn to lend a unique and handmade feel. An earth tones color scheme complimented the industrial, yet natural feel of the brand. ———————————— 01/03 https://www.drewbarrettdesign.com/work/front-range-forum monthly 0.5 2025-03-13 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/bf486ef2-c606-471d-8d97-a3577d3e4152/The_Thinker.jpg Graphic Design - Front Range Forum BACK- GROUND: RESEARCH PT. 1 ———— In my initial discussions with group members about what Front Range Forum encapsulated, I learned that the group functions as a panel for discussions and classes on a wide variety of topics. The group caters to adult learners, usually already college educated, who wish to continue their intellectual pursuits, build friendships, and perhaps teach themselves, and hence attracts a lot of faculty from schools and universities, such as Colorado State, with a long history of teaching already under their belts. ———————————— 01/02 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/28750d51-1c7e-4aa6-90d4-c8d550e0c85c/FRF_Ideation.jpg Graphic Design - Front Range Forum BACK- GROUND: RESEARCH PT. 2 ———— My initial thumbnails spanned a variety of subject matter, like discussion, teaching, confluence, and the historic precedent for the word. In bouncing concepts back and forth with FRF members, it became clear that they preferred the references to ancient Rome. From here, I began to sketch and refine the design. ———————————— 02/02 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/d0f66edb-865f-4e4d-b66c-bc6180099736/FRF_Logo_Final.jpg Graphic Design - Front Range Forum FIG. 001 ———— The finished logo mark paid homage to both the history behind the term “forum” and the location of the group, in the Front Range of Colorado. To finish things off, the green color was chosen as a bit of homage to the alma mater or former employer for a lot of members and the logo was set in a heritage-style seal, which further plays off of this background. ———————————— 01/03 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/147f94cc-b3f0-4a9f-9da8-63cf8f3e8046/FRF_Shirt_Grass.jpg Graphic Design - Front Range Forum FIG. 002 ———— The design could then be implemented on a variety of collateral such as shirts ———————————— 02/03 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/9c5abfa5-c03c-47eb-9a2b-40d292c8afe5/FRF_Bag_Dirt.jpg Graphic Design - Front Range Forum FIG. 003 ———— Logo implemented on a tote bag ———————————— 03/03 https://www.drewbarrettdesign.com/work/dearworld monthly 0.5 2025-06-20 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/d9b9b135-bcbb-4c14-9ae0-eda89217635f/DearWorld_Screenshot.jpg Graphic Design - Dear World (Under Construction) BACK- GROUND: ABOUT ———— Dear World, a communication and connection technique/program wanted to update its identity. I worked, through Stay Gold, to create new elements for its brand, including its refreshed logo. Dear World’s concept is based around the idea having people bond by way of expressing themselves and their story with marker, written on their skin. Given the amount of character intrinsic in handwriting, Stay Gold and I felt that this very human element and all of its flaws was would be a great direction for the refreshed identity ———————————— 01/02 screengrab courtesy of Dear World https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/cad20939-7201-48b9-a6cc-449bbe92233c/DearWorld_WallMockup_Cropped_R2.jpg Graphic Design - Dear World (Under Construction) FIG. 003 ———— Proposed mural displaying core values ———————————— 03/03 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/089ffe4b-67e0-459b-8cfc-23dd98c883e9/DearWorld_Shirt_010.jpg Graphic Design - Dear World (Under Construction) FIG. 002 ———— I created a variety of designs for items such as collateral, using the brand’s new style and identity ———————————— 02/03 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/bd65998e-12ca-45ed-bad2-20a0a7e6670c/DearWorld_Logo.jpg Graphic Design - Dear World (Under Construction) FIG. 001 ———— After many iterations, a final identity for the brand was created. I feel the mix of swooping and printed letters hits the right tone for feeling friendly, dynamic, and real. ———————————— 01/03 https://www.drewbarrettdesign.com/work/buttwhackers monthly 0.5 2022-02-11 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1621456128862-XMYYBDX8O1PLH5P9BK12/Buttwhackers_Shirt_Back_Female.jpg Graphic Design - Buttwhackers Logo and Shirt Design FIG. 003 ———— Shirt back, in heather with seafoam ink. ———————————— 03/06 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1622526460769-YWT9TFT8KXHKCKTN2LHN/Buttwhackers_Front.jpg Graphic Design - Buttwhackers Logo and Shirt Design FIG. 002 ———— A similar lettering mark was created for the front of shirts, to create a cohesive vintage style shirt. ———————————— 02/06 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1621455931593-H7OE17SGOJOBXUKBSXF1/CharcoalDrewHoodieLogo.JPG.jpg Graphic Design - Buttwhackers Logo and Shirt Design FIG. 004 ———— Shirt front, with sweatshirt in heather with seafoam ink. ———————————— 04/06 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1622526484540-8B598359XXV569QNL8BL/Buttwhackers_Back.jpg Graphic Design - Buttwhackers Logo and Shirt Design FIG. 001 ———— In creating a shirt design for Buttwhackers, I discussed multiple different directions with the company before we ultimately decided to move forward with a rough, hand-drawn style, featuring hand lettering within the outline of a halibut. ———————————— 01/06 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1621455295049-YMBQTHI1XAKIP5AN7PHS/CharcoalDrewHoodieFront.JPG.jpg Graphic Design - Buttwhackers Logo and Shirt Design FIG. 006 ———— Shirt front, with sweatshirt in heather with seafoam ink. ———————————— 06/06 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1621453442993-9377TQ6H02AD646GDQAF/Buttwhackers_Shirt_Back_Male.jpg Graphic Design - Buttwhackers Logo and Shirt Design FIG. 005 ———— Shirt back in black with white ink ———————————— 05/06 https://www.drewbarrettdesign.com/work/gordon-biersch monthly 0.5 2021-04-18 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1621280923320-J5FJJO3CQ3HMDV2R7YDA/2018_196_GB_WallArtwork_Pilsner_PosterMock_R1.jpg Graphic Design - Gordon Biersch Beer Posters & Branding FIG. 004 ———— End design and poster for Gordon Biersch Czech-style Pilsner ———————————— 04/04 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1621279101951-V6XXVLKPSPRMGQBMV8EV/2018_196_GB_WallArtwork_GoldenExport_PosterMock.jpg Graphic Design - Gordon Biersch Beer Posters & Branding FIG. 001 ———— End design and poster for Gordon Biersch Golden Export Lager ———————————— 01/04 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1621280976195-MH9JZ4DKSMUPHCQG8PDX/2018_196_GB_WallArtwork_Tap_PerspectiveMock2.jpg Graphic Design - Gordon Biersch Beer Posters & Branding - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1621280824237-AOAGACUMETBGGMZOXRNM/2018_196_GB_WallArtwork_Hefeweizen_PosterMock_R1.jpg Graphic Design - Gordon Biersch Beer Posters & Branding FIG. 003 ———— End design and poster for Gordon Biersch Hefeweizen wheat beer ———————————— 03/04 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1621280694713-LMGO37YCPXBPOMJXD3FS/2018_196_GB_WallArtwork_Marzen_PosterMock_R2.jpg Graphic Design - Gordon Biersch Beer Posters & Branding FIG. 002 ———— End design and poster for Gordon Biersch Märzen Lager ———————————— 02/04 https://www.drewbarrettdesign.com/work/little-machine-illustration monthly 0.5 2022-05-23 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620677422595-MGUDEI9NTUY8R55URMY4/Puch_Model.JPG Graphic Design - Little Machine Moped Illustration BACK- GROUND: RESEARCH PT. 1 ———— Little Machine’s basic concept that they presented me with was the idea of doing a shirt that pays homage to the Puch Maxi moped, no doubt due to summers spent riding these fun little guys around the city. Style-wise, Little Machine suggested something that was in the vein of what one might find in an owner’s manual. ———————————— 01/03 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620714480887-J657EJ7MRZK7WKT5XIZO/Puch_Progress.jpg Graphic Design - Little Machine Moped Illustration BACK- GROUND: RESEARCH PT. 3 ———— Upon gathering enough data and inspiration for the project, I began laying the groundwork for the design; opting to give the illustration a bit of a blueprint feel. ———————————— 03/03 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620756334418-2HTQYOH7YRICYJC1EL0V/PuchMopeds_Blue.jpg Graphic Design - Little Machine Moped Illustration BACK- GROUND: RESEARCH PT. 2 ———— I began by poring over depictions of Puch mopeds, similar to those sent by the brewery as well as various sorts of old owner’s manuals, to get the general feel right. ———————————— 02/03 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620712743671-REO9AKJT4Q8VOHK42PTJ/LittleMachine_Puch_Printed.jpeg Graphic Design - Little Machine Moped Illustration FIG. 002 ———— Closeup of finished design, as seen, screen printed on production shirt. ———————————— 02/03 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620781955014-DTP8JIDZGVOBBCAQ6EYJ/LM_Puch_Illustration_Versions_01.jpg Graphic Design - Little Machine Moped Illustration FIG. 001 ———— Various versions of the finished illustration for Little Machine, with version 1 being the one used on shirts. ———————————— 01/03 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620712152966-JKYTAYT5N8LT1MFRUOVF/LittleMachine_Puch_Model_Brett.jpeg Graphic Design - Little Machine Moped Illustration FIG. 003 ———— Photo of completed design screen printed on raglan shirt, for added vintage feels. ———————————— 03/03 https://www.drewbarrettdesign.com/work/cva monthly 0.5 2022-02-11 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/6bc07383-aaf8-4461-a547-a9b559dcb907/Barrett_Vault_Poster_Far.jpg Graphic Design - CVA Exhibition Design FIG. 001 ———— Vault was an exhibition featuring Metropolitan State University alumni artists. This show also marked the 25th anniversary of the CVA, so we celebrated the occasion with an elegant midnight purple and gold design that speaks of lineage, history, and beauty. ———————————— 01/05 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/30491d53-9e14-4df6-93c8-1edf0ac2c26b/Barrett_Vault_Poster_Closeup.jpg Graphic Design - CVA Exhibition Design FIG. 002 ———— Close-up of poster ———————————— 02/05 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1bdb10ea-1017-4e74-9700-7de764bc9570/Greaterthanthesum_Exhibition_3.jpg Graphic Design - CVA Exhibition Design FIG. 003 ———— Greater Than The Sum was an exhibition showcasing the work of many artists from around the world that were all affiliated with the National Collage Society. In making the design, I tried to marry the creative look and feel of collage with the clean and contemporary aesthetic that is associated with the Center For Visual Art. As there are almost a hundred pieces in the show, I felt it best not to incorporate a large image of any single piece and instead to create a central design completely separate from any one work. ———————————— 03/05 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/822a9428-2c60-40e7-9945-d7554283cf5d/Greaterthanthesum_Exhibition_1.jpg Graphic Design - CVA Exhibition Design FIG. 005 ———— Cards for show on display ———————————— 05/05 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/e64e28c1-5d78-49e9-ae7e-f15c650af9d7/Greaterthanthesum_Exhibition_2.jpg Graphic Design - CVA Exhibition Design FIG. 004 ———— Art Exhibition space ———————————— 04/05 https://www.drewbarrettdesign.com/work/craftworks-assorted-projects monthly 0.5 2025-06-26 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/f265ccc6-9db9-4f75-9975-a47c68c9cb99/2018_137_GB_GABF_Mats_Shiftchange.jpg Graphic Design - Craftworks Assorted Projects (Under Construction) FIG. 001 ———— Every year, breweries from all across the United States descend on Denver, Colorado for the Great American Beer Festival, where professional brewers and the average beer drinker alike can wander and have a taste of innumerable brews. Breweries bring their most prized brews from the year and awards are given out for the favorites. During my time at Craftworks and the Gordon Biersch brand, I had the opportunity to design the beer mats for the Gordon Biersch booth. Each mat acted as a label and brief on each brew visitors could taste. I devised a system to keep the beers and mats neat, organized, and easy to read, while carrying over the brand identity aesthetic. ———————————— 01/02 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/ae239b7d-988e-4068-882d-ef10c42db342/RockBottom_Football_Pennant.jpg Graphic Design - Craftworks Assorted Projects (Under Construction) FIG. 002 ———— Rock Bottom Brewery needed to create a design for its Football Challenge campaign. I devised the concept of vintage-style pennants and created a design that stayed within the brand system fonts, and typographic style of the Rock Bottom brand. ———————————— 02/02 https://www.drewbarrettdesign.com/uiux daily 0.75 2025-06-23 https://www.drewbarrettdesign.com/uiux/processapp monthly 0.5 2025-06-23 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1619983313927-R46NV0QQC6WTSDPJF637/Screener_Collage.jpg UI/UX - Process App BACK- GROUND: RESEARCH PT. 1 ———— In order to gain better understanding of the habits and needs of creatives. I first sent potential users a short screener survey, to find the best possible candidates to answer questions on the intersection of the internet/social media and creative workflow. ———————————— 01/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620197512290-X9BKWKCHMR35J0330FTN/ProcessJourneyMap_2.jpg UI/UX - Process App BACK- GROUND: PERSONAS PT. 2 ———— These personas were then used as the basis for an interaction exercise, known as Journey Mapping, to help determine areas of potential user frustration, who they might go through their creative arch and possible opportunities for growth. ———————————— 05/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620197536897-5HN8YRRAR9SWVKDN6L7H/Process_StyleTile_Resize_2.jpg UI/UX - Process App BACK- GROUND: BRANDING ———— A general aesthetic and branding next began to be established. Given that the app was attempting to reduce stimulation and referencing the creative process, the brand utilized spot colors and a muted general palette, to help reduce a user’s inclination to scroll idly. ———————————— 06/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1619983198125-2STB6NYA1OHWU5FCHYQO/Conversation_Collage_2.jpg UI/UX - Process App BACK- GROUND: RESEARCH PT. 2 ———— Upon finding a number of possible users for my research, I conducted more in-depth interviews. While I prepared a set of prompts ahead of time, to ensure that certain bases were covered, I also felt it useful to let conversation flow naturally, however, to ensure that I received more in-depth and personal responses. ———————————— 02/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620156481785-Q2QEODSZVTW2MVK3ES2W/Process_Logo_Iterations_2.jpg UI/UX - Process App BRAND- ING: IDEATION ———— I also began to work on general logo directions that fell into the same general themes and aesthetics, with elements derived from printmaking, like registration marks, and referencing creative concepts like divergent thinking. ———————————— 07/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620156637683-TTZ4WRCK7T8SVSD5T43G/Process_Logo_Final_2.jpg UI/UX - Process App BRAND- ING: FINAL ———— The final iteration of the logo focused on the idea of formulation. Synthesis in the creative process comes from the confluence of a number of ideas, to create something new. This logo, with its intersecting lines, signifies this, while also making a nod to the act of precise creation, such as typography, logo design, and blueprinting/drafting, as geometric lines and shapes are often involved in the creation of these works. ———————————— 08/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620198630176-Z7ONY0UFAD94SG5OMU15/Process_SiteMap.jpg UI/UX - Process App NAVI- GATION: PT. 1 ———— A map was created, to figure out the most user-friendly paths through the app and workflow. ———————————— 09/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1619983444533-GCSMWIDMUOMIMAFUMESO/Findings_Collage_2.jpg UI/UX - Process App Many of the findings found through my interviews were largely what were expected; creatives found the internet / Social Media useful for inspiration and finding work / an audience. They almost universally used Instagram more than any other form of media. Their means of finding inspiration, however, varied, with many relying on somewhat byzantine means to help flesh out their work. ———————————— 03/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620082907116-DCB9G9RAS9IEF9Q0Y3WP/Process_Profile_JamesHenley+1.jpg UI/UX - Process App BACK- GROUND: PERSONAS PT. 1 ———— In order to ensure that the user groups that I had just interviewed were being properly represented, I created composite personas of the app’s would-be audience. ———————————— 04/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620174358450-IVK2VYUO6EVGT1AA2GEM/Process_Nav_Screenshot.png UI/UX - Process App NAVI- GATION: PT. 2 ———— The Process app underwent multiple rounds of navigational mapping, after having users navigate it on their own, to be certain that the app felt straightforward and like second nature to operate. ———————————— 10/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620618897208-TK411YWXDECFXTVFWUH8/Process_Explore_Flow_Phone.jpg UI/UX - Process App FIG. 004 ———— Navigation flow within the EXPLORE tab; browsing THEMES, to looking within branding. ———————————— 04/05 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620266353063-H9A0HO9E0XOCJSE139PY/Process_Archictecture_Photo.jpg UI/UX - Process App FIG. 001 ———— Screenshot, viewing saved photo on Architecture board ———————————— 01/05 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620619698924-PC6CZ6UXV0NPGWOE3F9R/Process_Boards_Flow_Phone.jpg UI/UX - Process App FIG. 002 ———— Navigation flow from saved architecture board to individual photo saved within it. ———————————— 02/05 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620621295116-ECMM3VOSJ69JRR6RXE6G/Process_Post_Flow_Phone.jpg UI/UX - Process App FIG. 003 ———— Navigation flow within the POST tab; from opening the tab to beginning to edit an image. ———————————— 03/05 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620539433676-H1CD1Q6FOGA7TC5XABTI/Process_Settings_Flow_Phone.jpg UI/UX - Process App FIG. 005 ———— Navigation flow within the PROFILE section; toggling between color and greyscale modes. ———————————— 04/05 https://www.drewbarrettdesign.com/uiux/binitapp monthly 0.5 2025-06-23 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1619983313927-R46NV0QQC6WTSDPJF637/Screener_Collage.jpg UI/UX - BINIT App (Under Construction) BACK- GROUND: RESEARCH PT. 1 ———— In order to gain better understanding of the habits and needs of creatives. I first sent potential users a short screener survey, to find the best possible candidates to answer questions on the intersection of the internet/social media and creative workflow. ———————————— 01/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620197512290-X9BKWKCHMR35J0330FTN/ProcessJourneyMap_2.jpg UI/UX - BINIT App (Under Construction) BACK- GROUND: PERSONAS PT. 2 ———— These personas were then used as the basis for an interaction exercise, known as Journey Mapping, to help determine areas of potential user frustration, who they might go through their creative arch and possible opportunities for growth. ———————————— 05/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620082907116-DCB9G9RAS9IEF9Q0Y3WP/Process_Profile_JamesHenley+1.jpg UI/UX - BINIT App (Under Construction) BACK- GROUND: PERSONAS PT. 1 ———— In order to ensure that the user groups that I had just interviewed were being properly represented, I created composite personas of the app’s would-be audience. ———————————— 04/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620174358450-IVK2VYUO6EVGT1AA2GEM/Process_Nav_Screenshot.png UI/UX - BINIT App (Under Construction) NAVI- GATION: PT. 2 ———— The Process app underwent multiple rounds of navigational mapping, after having users navigate it on their own, to be certain that the app felt straightforward and like second nature to operate. ———————————— 10/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620198630176-Z7ONY0UFAD94SG5OMU15/Process_SiteMap.jpg UI/UX - BINIT App (Under Construction) NAVI- GATION: PT. 1 ———— A map was created, to figure out the most user-friendly paths through the app and workflow. ———————————— 09/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/13813a5d-5a71-4dfb-bbc3-eae5891daa8e/BINIT_Logo.jpg UI/UX - BINIT App (Under Construction) BRAND- ING: FINAL ———— In the final version of the logo, I largely went away from any sort of obvious reference of waste or any sort of lifecycle of waste. I felt that most logos of this sort felt perhaps too on the nose and might actually turn some off to the idea of using it. Instead the goal was to make the process feel fun and approachable and less like a chore or a government function. ———————————— 08/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1619983444533-GCSMWIDMUOMIMAFUMESO/Findings_Collage_2.jpg UI/UX - BINIT App (Under Construction) Many of the findings found through my interviews were largely what were expected; creatives found the internet / Social Media useful for inspiration and finding work / an audience. They almost universally used Instagram more than any other form of media. Their means of finding inspiration, however, varied, with many relying on somewhat byzantine means to help flesh out their work. ———————————— 03/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1d3162b8-abc3-4b78-9632-87e56a0e014c/Binit_Logos_Big.jpg UI/UX - BINIT App (Under Construction) BRAND- ING: IDEATION ———— I messed around with concepts for a direction BINIT as an entity, riffing off of ideas of sorting and the cyclical nature of an idealized waste structure. ———————————— 07/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1619983198125-2STB6NYA1OHWU5FCHYQO/Conversation_Collage_2.jpg UI/UX - BINIT App (Under Construction) BACK- GROUND: RESEARCH PT. 2 ———— Upon finding a number of possible users for my research, I conducted more in-depth interviews. While I prepared a set of prompts ahead of time, to ensure that certain bases were covered, I also felt it useful to let conversation flow naturally, however, to ensure that I received more in-depth and personal responses. ———————————— 02/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620197536897-5HN8YRRAR9SWVKDN6L7H/Process_StyleTile_Resize_2.jpg UI/UX - BINIT App (Under Construction) BACK- GROUND: BRANDING ———— A general aesthetic and branding next began to be established. Given that the app was attempting to reduce stimulation and referencing the creative process, the brand utilized spot colors and a muted general palette, to help reduce a user’s inclination to scroll idly. ———————————— 06/10 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620618897208-TK411YWXDECFXTVFWUH8/Process_Explore_Flow_Phone.jpg UI/UX - BINIT App (Under Construction) FIG. 004 ———— Navigation flow within the EXPLORE tab; browsing THEMES, to looking within branding. ———————————— 04/05 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620619698924-PC6CZ6UXV0NPGWOE3F9R/Process_Boards_Flow_Phone.jpg UI/UX - BINIT App (Under Construction) FIG. 002 ———— Navigation flow from saved architecture board to individual photo saved within it. ———————————— 02/05 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620621295116-ECMM3VOSJ69JRR6RXE6G/Process_Post_Flow_Phone.jpg UI/UX - BINIT App (Under Construction) FIG. 003 ———— Navigation flow within the POST tab; from opening the tab to beginning to edit an image. ———————————— 03/05 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620266353063-H9A0HO9E0XOCJSE139PY/Process_Archictecture_Photo.jpg UI/UX - BINIT App (Under Construction) FIG. 001 ———— Screenshot, viewing saved photo on Architecture board ———————————— 01/05 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1620539433676-H1CD1Q6FOGA7TC5XABTI/Process_Settings_Flow_Phone.jpg UI/UX - BINIT App (Under Construction) FIG. 005 ———— Navigation flow within the PROFILE section; toggling between color and greyscale modes. ———————————— 04/05 https://www.drewbarrettdesign.com/artwork daily 0.75 2025-04-30 https://www.drewbarrettdesign.com/artwork/springcollage monthly 0.5 2025-04-21 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/9809f03a-b3db-40e7-9f1f-e932f2513fd8/SpringCollage.jpg https://www.drewbarrettdesign.com/artwork/greenenergycollage monthly 0.5 2025-04-21 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/6c7ec77a-ac18-4e1f-8019-3b6c5b9489dc/03_27_GreenCollage.jpg https://www.drewbarrettdesign.com/artwork/signalsnafucollage monthly 0.5 2025-04-21 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/42bb221b-4590-4780-a5b5-2991970d4869/Signal_Collage_3.jpg https://www.drewbarrettdesign.com/artwork/generativeemployeescollage monthly 0.5 2025-04-21 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/e92d9d10-704c-47c1-aeb1-56ee59ef4b89/07_09_GenerativeEmployees.jpg https://www.drewbarrettdesign.com/artwork/feastcollage monthly 0.5 2025-04-21 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/52028a2b-3b2d-4fd1-ae95-0bd7acf0dee9/Feast.jpg https://www.drewbarrettdesign.com/artwork/abstraction429 monthly 0.5 2025-04-30 https://images.squarespace-cdn.com/content/v1/5e0f92c829836e1c18ab2cf1/1a37f12b-3af4-430d-b44b-2ffe9e1d9053/Abstraction_0429.jpg