https://nj.works NJ.WORKS Tue, 09 Aug 2022 03:59:22 +0000 https://nj.works en https://nj.works/Projects Mon, 13 Jun 2022 19:05:23 +0000 NJ.WORKS https://nj.works/Projects <img width="1217" height="1742" width_o="1217" height_o="1742" data-src="https://freight.cargo.site/t/original/i/bdb5f1d3e5c0732851f8b8c4522e0fe6d121e220a762cb833454f90a7d5dfd18/IBMCover.png" data-mid="148391376" border="0" alt="IBM" data-caption="IBM" src="https://freight.cargo.site/w/1000/i/bdb5f1d3e5c0732851f8b8c4522e0fe6d121e220a762cb833454f90a7d5dfd18/IBMCover.png" /> <img width="1387" height="1945" width_o="1387" height_o="1945" data-src="https://freight.cargo.site/t/original/i/ebbc937a50b6f413dcc7a91e85bb2f59b2d88f85ccfdeb5d99fc9b11abd4982b/mnml_home.png" data-mid="145320842" border="0" alt="MNML (Thesis)" data-caption="MNML (Thesis)" src="https://freight.cargo.site/w/1000/i/ebbc937a50b6f413dcc7a91e85bb2f59b2d88f85ccfdeb5d99fc9b11abd4982b/mnml_home.png" /> <img width="1430" height="2040" width_o="1430" height_o="2040" data-src="https://freight.cargo.site/t/original/i/7840d44207da95dadd5a45ee5ce9518665cb5385426aab6b791392ee005434bb/marcos_home.png" data-mid="145320841" border="0" alt="Del Marcos" data-caption="Del Marcos" src="https://freight.cargo.site/w/1000/i/7840d44207da95dadd5a45ee5ce9518665cb5385426aab6b791392ee005434bb/marcos_home.png" /> <img width="1508" height="2124" width_o="1508" height_o="2124" data-src="https://freight.cargo.site/t/original/i/0955554a2ebc3119bbb64c67ecb9d5d4b81d7e9882a453b6303aa5e8b718938d/surface_home.png" data-mid="145320846" border="0" alt="Feeling the Surface" data-caption="Feeling the Surface" src="https://freight.cargo.site/w/1000/i/0955554a2ebc3119bbb64c67ecb9d5d4b81d7e9882a453b6303aa5e8b718938d/surface_home.png" /> <img width="747" height="1053" width_o="747" height_o="1053" data-src="https://freight.cargo.site/t/original/i/e524e5862ab5867ce3ec58a3eef53801bf7758b5fa21e69068f2712e6b3d8ba2/home_comiccon.png" data-mid="145320843" border="0" alt="Comic Con" data-caption="Comic Con" src="https://freight.cargo.site/w/747/i/e524e5862ab5867ce3ec58a3eef53801bf7758b5fa21e69068f2712e6b3d8ba2/home_comiccon.png" /> <img width="1520" height="2125" width_o="1520" height_o="2125" data-src="https://freight.cargo.site/t/original/i/4ddb81f7b04d7bd1030969686e73bcdf8fd9e00feac0bc45ec54fd23f5ea73a1/tsuyu_home.png" data-mid="145320845" border="0" alt="Tsuyu Coffee" data-caption="Tsuyu Coffee" src="https://freight.cargo.site/w/1000/i/4ddb81f7b04d7bd1030969686e73bcdf8fd9e00feac0bc45ec54fd23f5ea73a1/tsuyu_home.png" /> https://nj.works/Info Mon, 13 Jun 2022 19:05:25 +0000 NJ.WORKS https://nj.works/Info <img width="432" height="612" width_o="432" height_o="612" data-src="https://freight.cargo.site/t/original/i/d113561622254220d7ebd913a75384bfe4db19d1f318220ef61643189078f566/Screen-Shot-2020-08-28-at-3.00.11-PM.png" data-mid="145320847" border="0" src="https://freight.cargo.site/w/432/i/d113561622254220d7ebd913a75384bfe4db19d1f318220ef61643189078f566/Screen-Shot-2020-08-28-at-3.00.11-PM.png" /> <img width="563" height="370" width_o="563" height_o="370" data-src="https://freight.cargo.site/t/original/i/9ae68b4f2563743610115b3d3227029c24f5ddf62246909625b710e88964e665/Screen-Shot-2020-08-28-at-3.00.15-PM.png" data-mid="145320848" border="0" src="https://freight.cargo.site/w/563/i/9ae68b4f2563743610115b3d3227029c24f5ddf62246909625b710e88964e665/Screen-Shot-2020-08-28-at-3.00.15-PM.png" /> ︎ Currently designing @IBM 2021 ArtCenter College of Design, M.F.A. in Graphic Design2019 James Madison University, B.F.A. in Graphic Design Instagram&nbsp;→&nbsp; &nbsp;LinkedIn&nbsp;→Or email me at noah@nj.works Resume available upon request. Both coffee and keyboards can be obsessive. While they are primarily functional items, each are elevated by aesthetic. One can obsess on the details - the subtle flavor variations and notes in coffee, the slow drip of a pour over, the profile of a key, the varying sounds of mechanical switches. These types of functional obsessions are what drives me; both in life and design.&nbsp; Finding that tiny detail in a vast field and shining a spotlight on it is where I find enjoyment in my designs. My design curiosity stems from a constant desire to grow. I see design as a rough and complex process, with a final product that’s always evolving. I’m Noah. A designer currently in Southern California working at IBM. If you think we’d be a good fit, hit me up and let’s talk. https://nj.works/Archive Tue, 09 Aug 2022 00:27:32 +0000 NJ.WORKS https://nj.works/Archive <img width="1500" height="2068" width_o="1500" height_o="2068" data-src="https://freight.cargo.site/t/original/i/5a2de6303094e8b648d69dcda7ad88f9920b4466e6a54cc5513532413fc4024b/tarkov_cover.png" data-mid="149942635" border="0" alt="Escape from Tarkov" data-caption="Escape from Tarkov" src="https://freight.cargo.site/w/1000/i/5a2de6303094e8b648d69dcda7ad88f9920b4466e6a54cc5513532413fc4024b/tarkov_cover.png" /> <img width="2373" height="2070" width_o="2373" height_o="2070" data-src="https://freight.cargo.site/t/original/i/f310a9e54cd87f71b24631e011f3d99e49c9ad8fd4f6cf239f29621fc39faa26/aktualcd-copy.png" data-mid="149952563" border="0" alt="Aktual" data-caption="Aktual" src="https://freight.cargo.site/w/1000/i/f310a9e54cd87f71b24631e011f3d99e49c9ad8fd4f6cf239f29621fc39faa26/aktualcd-copy.png" /> https://nj.works/Library Mon, 13 Jun 2022 19:05:25 +0000 NJ.WORKS https://nj.works/Library My current design book library, expanding pretty much every week, is listed below. Through these books, I've found both design and life inspiration.Logo Modernism. Jens Muller and R. Roger RemingtonThings I Have Learned. SagmeisterLife Style. Bruce MauHistory of Graphic Design. Phil MeggsPretty Much Everything. Aaron DraplinAn Eames Anthology. Daniel OstroffHow to. Michael BeirutThe Process is the Inspiration. House IndustriesS, M, L, XL. Rem Koolhaas. Bruce MauThe Visual History of Type. Paul McNeil.Grid Systems in Graphic Design. Josef Müller-BrockmannA Kidd's Guide to Graphic Design. Chip KiddDesigning Brand Identity. Alina WheelerMaking and Breaking the Grid. Timothy SamaraMin: The new simplicty in graphic design. Stuart TolleyMan in the Brown Suit. Henry DreyfussThe SwordMaster in 3DS Max and Zbrush. 3DMasterclassLearn to Code Now. SuperHiThinking with Type. Ellen LuptonThe Graphic Design Idea Book. Gail Anderson and Steven HellerCase Study Houses. Elizabeth SmithBauhaus. Magdalena DrosteInvisible Cities. Italo CalvinoBeauty. Sagmeister &amp; WalshDrawing and Redrawing. Max BillWhite. Kenya Hara100 Whites. Kenya HaraEx-formation. Kenya HaraA Dictionary of Color Combinations. SeigenshaTouch Me! Eichinger / TrögerParkanyi: Ars Poetica. ParkanyiThe Designer’s Dictionary of Color. Sean AdamsThe Designer’s Dictionary of Type. Sean AdamsProject Japan Metabolism Talks. Rem Koolhaas / Hans OrbistDesigning Design. Kenya HaraJan Tschichold and the New Typography. StirtonDesign Manual for the Swiss Federal Railways. Müller-BrockmannDesigning Japan. Kenya HaraIn Praise of Shadows. Jun'ichirō TanizakiSubtle. The 47th Takeo Paper Show. Kenya HaraThe Field Guide To Human Centered Design. Design KitA Designer’s Research Manual. Jenn + Ken Visocky O’GradyThe Poetics of Space. Gaston BachelardHow to be a Graphic Designer Without Losing Your Soul. Adrian ShaughnessyGraphic Design Manual. Armin HofmannUniversal Methods of Design. Bella Martin Symbol. Angus Hyland and Steven Bateman The Vignelli Canon. Massimo Vignelli How Design Makes Us Think and Feel and Do Things. Sean Adams <img width="750" height="750" width_o="750" height_o="750" data-src="https://freight.cargo.site/t/original/i/f08c418b5591c4bce13037ce3e666e1fcb8152679c586829d54daa331a65ac42/DSC_0370.jpg" data-mid="145320849" border="0" data-scale="87" src="https://freight.cargo.site/w/750/i/f08c418b5591c4bce13037ce3e666e1fcb8152679c586829d54daa331a65ac42/DSC_0370.jpg" /> https://nj.works/Feeling-the-Surface Mon, 13 Jun 2022 19:05:26 +0000 NJ.WORKS https://nj.works/Feeling-the-Surface Feeling the SurfaceFeeling the Surface: The Body, Touch, and the Surface focuses on the concept of human interaction with space and object. When designing, the human connection to product, as it relates to subconscious and conscious touch, is often overlooked. With new technology, increasingly busy lives, and less attention paid to quality work and well designed surroundings, this exhibition catalogue shows how humans could interact and think about space, object, and surface. With this idea, the design takes fragments of important works from designers, focusing on materiality, and piecing them together to form a cohesive feeling. Catalogue Specifications:177mm x 254mm192 pPrinted on:Mohawk Loop Antique Vellum 80T Printed &amp; Bound @ Nonstop Printing, Hollywood CA &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img width="750" height="940" width_o="750" height_o="940" data-src="https://freight.cargo.site/t/original/i/7c4bcf418e8ebb7267399c0323c4a909b78fae60fc17e5e59ab15bea544a1526/surface_cover_1.png" data-mid="145320850" border="0" data-scale="71" src="https://freight.cargo.site/w/750/i/7c4bcf418e8ebb7267399c0323c4a909b78fae60fc17e5e59ab15bea544a1526/surface_cover_1.png" /> <img width="4348" height="4348" width_o="4348" height_o="4348" data-src="https://freight.cargo.site/t/original/i/15ecebe15868ae9aff69fc68c9ffd2cc1a6c6b1ccb3a406d297f7b7515350041/feeling_surface_1.gif" data-mid="145320852" border="0" data-scale="73" src="https://freight.cargo.site/w/1000/i/15ecebe15868ae9aff69fc68c9ffd2cc1a6c6b1ccb3a406d297f7b7515350041/feeling_surface_1.gif" /> <img width="3776" height="2555" width_o="3776" height_o="2555" data-src="https://freight.cargo.site/t/original/i/a53ab9568d2e2e0321790935cce27645748fca36b84468072fd54ad3884659e9/surface_spread_7.png" data-mid="145320855" border="0" src="https://freight.cargo.site/w/1000/i/a53ab9568d2e2e0321790935cce27645748fca36b84468072fd54ad3884659e9/surface_spread_7.png" /> <img width="3743" height="2545" width_o="3743" height_o="2545" data-src="https://freight.cargo.site/t/original/i/8876519392baf186be7ec3da0f27ac774f466b4782053c6c5a4f99ecd115a31c/surface_spread_8.png" data-mid="145320854" border="0" src="https://freight.cargo.site/w/1000/i/8876519392baf186be7ec3da0f27ac774f466b4782053c6c5a4f99ecd115a31c/surface_spread_8.png" /> <img width="3761" height="2554" width_o="3761" height_o="2554" data-src="https://freight.cargo.site/t/original/i/d3c3048593f42ce64e7a74c02d1c2b6864203f21cf3ec5a911a0ff0ab7a449ea/surface_spread_9.png" data-mid="145320856" border="0" src="https://freight.cargo.site/w/1000/i/d3c3048593f42ce64e7a74c02d1c2b6864203f21cf3ec5a911a0ff0ab7a449ea/surface_spread_9.png" /> <img width="3766" height="2558" width_o="3766" height_o="2558" data-src="https://freight.cargo.site/t/original/i/86d3841450bade463a9183b1d6eff2f52c62d5f95f7acecb4d1c3bd716185b4f/surface_spread_10.png" data-mid="145320853" border="0" src="https://freight.cargo.site/w/1000/i/86d3841450bade463a9183b1d6eff2f52c62d5f95f7acecb4d1c3bd716185b4f/surface_spread_10.png" /> The introduction to the book begins with microscopic views of different surfaces. Following this, the visual language of scribbled lines is introduced. These were created through a failed experiment 3D mapping the typography. The catalogue is designed using one typeface, in one size. Visual hierarchy is created using only weight, color, and layout. The pages are designed on a simple 16-grid field. The grid is broken as images are divided up between multiple grid areas. This creates a feeling of both division and unity at once. <img width="3600" height="2502" width_o="3600" height_o="2502" data-src="https://freight.cargo.site/t/original/i/f788ab779aac2c705a2b0c79d4055c6ef573b7b264ef1e4d383dab3fcd113683/feeling_surface_2.gif" data-mid="145320857" border="0" src="https://freight.cargo.site/w/1000/i/f788ab779aac2c705a2b0c79d4055c6ef573b7b264ef1e4d383dab3fcd113683/feeling_surface_2.gif" /> <img width="3765" height="2558" width_o="3765" height_o="2558" data-src="https://freight.cargo.site/t/original/i/b442aa08e7061483941e914f81d1fe2161f414ee06fa1d202520e1fea28081ce/surface_spread_14.png" data-mid="145320861" border="0" src="https://freight.cargo.site/w/1000/i/b442aa08e7061483941e914f81d1fe2161f414ee06fa1d202520e1fea28081ce/surface_spread_14.png" /> <img width="3784" height="2562" width_o="3784" height_o="2562" data-src="https://freight.cargo.site/t/original/i/64f24e4f16ac1b9505af401357435ee8466ee4fd1e691914a97cb378b2940f1c/surface_spread_18.png" data-mid="145320859" border="0" src="https://freight.cargo.site/w/1000/i/64f24e4f16ac1b9505af401357435ee8466ee4fd1e691914a97cb378b2940f1c/surface_spread_18.png" /> <img width="3773" height="2551" width_o="3773" height_o="2551" data-src="https://freight.cargo.site/t/original/i/94760b0af4ac3f58376c583275b630e4d5b37d9d4e782fc95af2cd859e70adb8/surface_spread_19.png" data-mid="145320858" border="0" src="https://freight.cargo.site/w/1000/i/94760b0af4ac3f58376c583275b630e4d5b37d9d4e782fc95af2cd859e70adb8/surface_spread_19.png" /> <img width="3765" height="2550" width_o="3765" height_o="2550" data-src="https://freight.cargo.site/t/original/i/3fa03cfb783cce392fe1dbb097a244225688c1e76ed15087d155c7517abacd3e/surface_spread_20.png" data-mid="145320860" border="0" src="https://freight.cargo.site/w/1000/i/3fa03cfb783cce392fe1dbb097a244225688c1e76ed15087d155c7517abacd3e/surface_spread_20.png" /> The interior essay and writing pages are defined through a change in paper color and material. This allows for minimal change in typographic style and layout, while still providing a clear indication of content shift. The finishing pages showcase the typographic mapping visual system one final time, review exhibition history for the artists &amp; designers, and end with final microscopic images of surface. <img width="1501" height="962" width_o="1501" height_o="962" data-src="https://freight.cargo.site/t/original/i/ea94b74691c12376b233684f1d6c99de3ab3182e28b39779cf18993cd9c1b6af/surface_mock.jpg" data-mid="145320865" border="0" data-scale="99" src="https://freight.cargo.site/w/1000/i/ea94b74691c12376b233684f1d6c99de3ab3182e28b39779cf18993cd9c1b6af/surface_mock.jpg" /> <img width="2474" height="3500" width_o="2474" height_o="3500" data-src="https://freight.cargo.site/t/original/i/b607c709cde5227e4b842cab6456fab30cb67696151fbb03ecfab0f9a4368808/surface_poster_3.png" data-mid="145320862" border="0" src="https://freight.cargo.site/w/1000/i/b607c709cde5227e4b842cab6456fab30cb67696151fbb03ecfab0f9a4368808/surface_poster_3.png" /> <img width="2474" height="3500" width_o="2474" height_o="3500" data-src="https://freight.cargo.site/t/original/i/31b8393c26aa0872c519525aa58ca2c8cf7395b77d6de177cfd5496022335a72/surface_poster_2.png" data-mid="145320863" border="0" src="https://freight.cargo.site/w/1000/i/31b8393c26aa0872c519525aa58ca2c8cf7395b77d6de177cfd5496022335a72/surface_poster_2.png" /> <img width="2474" height="3500" width_o="2474" height_o="3500" data-src="https://freight.cargo.site/t/original/i/c86cdf807872cd2e03e7495e08f1c2a533c9b44a4d796b17adbaf0fad6516ee8/surface_poster_1.png" data-mid="145320864" border="0" src="https://freight.cargo.site/w/1000/i/c86cdf807872cd2e03e7495e08f1c2a533c9b44a4d796b17adbaf0fad6516ee8/surface_poster_1.png" /> Once again utilizing the 3D mapping visual system, the posters offer clear information for easy content understanding and retention. The posters work both as a series and as individual pieces. When placed all together, the lines match up to create one flowing piece. https://nj.works/IBM Thu, 21 Jul 2022 02:07:23 +0000 NJ.WORKS https://nj.works/IBM EPM Dashboard Catalog The EPM Dashboard Catalog is a tool designed both for and with end users of EPM. EPM is IBM’s trusted source of integrated enterprise data. The platform offers dashboards and reports full of data to meet the needs of IBMers. However, finding the dashboards you need to use can be a tough task for new and even existing users. Also, it takes a lot of time and skill to build a dashboard. Many people can’t do this or don’t have the time. They would rather use an existing one. The EPM Design Team set out with a goal of creating a simple, scalable, intentionally designed solution. The EPM Dashboard Catalog allows users to both find and submit dashboards. With this tool, the EPM onboarding process and journey is simplified even further, giving back time to the users...the overall goal of EPM as a whole. Designed in Figma using the IBM Carbon Design SystemTeam:EPM Design Team @IBM Role: UX Designer and Design Researcher &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img width="6000" height="4002" width_o="6000" height_o="4002" data-src="https://freight.cargo.site/t/original/i/f354a8b51c58b0e8681fdbfbd467975fa75d8888083e5882d0b71dc43146cf9a/DashboardCatalogMock.jpg" data-mid="149363982" border="0" src="https://freight.cargo.site/w/1000/i/f354a8b51c58b0e8681fdbfbd467975fa75d8888083e5882d0b71dc43146cf9a/DashboardCatalogMock.jpg" /> ︎ FINAL SCREENS / LIVE PRODUCT <img width="2700" height="1900" width_o="2700" height_o="1900" data-src="https://freight.cargo.site/t/original/i/b068de3a087189aa66b1cf9b0f5c408be00db7f8d9f8b26eeb446ed9ee6061a6/DashCat1.jpg" data-mid="148771503" border="0" src="https://freight.cargo.site/w/1000/i/b068de3a087189aa66b1cf9b0f5c408be00db7f8d9f8b26eeb446ed9ee6061a6/DashCat1.jpg" /> <img width="600" height="362" width_o="600" height_o="362" data-src="https://freight.cargo.site/t/original/i/3214756f5b6dc9594b15b3d8895a77cc4b945867972ac5bd7e6af4a459829abb/DashboardCatalogGIF4.gif" data-mid="148680068" border="0" src="https://freight.cargo.site/w/600/i/3214756f5b6dc9594b15b3d8895a77cc4b945867972ac5bd7e6af4a459829abb/DashboardCatalogGIF4.gif" /> The EPM Dashboard Catalog was designed to be simplistic with the end user journey in mind. When a new user gets access to EPM, they might not know where to go or where to find a dashboard for their work. Instead of having to go through exstensive training or ask around, they can visit the dashboard catalog. The first time a user opens the catalog, a welcome window will help them get set up and they can make selections to customize their experience. This information also provides the design team with metrics on who is using the platform and how they heard about EPM. <img width="2700" height="1900" width_o="2700" height_o="1900" data-src="https://freight.cargo.site/t/original/i/e0f2974335257bf3bf2e6534e085827e08a7b2d4ecc8f22bda519dfa09ed2433/Screen-Shot-2022-07-25-at-6.27.37-PM.PNG" data-mid="148771647" border="0" src="https://freight.cargo.site/w/1000/i/e0f2974335257bf3bf2e6534e085827e08a7b2d4ecc8f22bda519dfa09ed2433/Screen-Shot-2022-07-25-at-6.27.37-PM.PNG" /> <img width="600" height="362" width_o="600" height_o="362" data-src="https://freight.cargo.site/t/original/i/a31bc5c635b4752e45e2e7d7906491cbb07bf56e70d30f47c4d71b1bc4ca2ecb/DashboardCatalogGIF3.gif" data-mid="148680069" border="0" src="https://freight.cargo.site/w/600/i/a31bc5c635b4752e45e2e7d7906491cbb07bf56e70d30f47c4d71b1bc4ca2ecb/DashboardCatalogGIF3.gif" /> The new EPM user has set up their profile and now it’s time to find a dashboard. The dashboard catalog has two key ways to help users: Search and Filtering. Cascading menus to the left of the dashboard list allow the user to filter by multiple categories. When a user selects one, the list automatically updates. Pills with different colors help users recognize different Business Units on the cards as they search and filter for what they need. Users can also simply search for keywords or even whole dashboard names using the search bar at the top. Having two key ways to find dashboards keeps this process simple and is less overwhelming to new users. We designed the catalog to automatically sort by EPM Recommended at first so new users know what’s popular. However, users can change the sorting style if they want as well. <img width="2700" height="1900" width_o="2700" height_o="1900" data-src="https://freight.cargo.site/t/original/i/633bd4c6a461a7ada48e0dbd5c4a2779188d0b1a8925b7e1632877780a013230/Screen-Shot-2022-07-25-at-6.28.24-PM.PNG" data-mid="148771654" border="0" src="https://freight.cargo.site/w/1000/i/633bd4c6a461a7ada48e0dbd5c4a2779188d0b1a8925b7e1632877780a013230/Screen-Shot-2022-07-25-at-6.28.24-PM.PNG" /> <img width="2700" height="1900" width_o="2700" height_o="1900" data-src="https://freight.cargo.site/t/original/i/34ec29938dc77ededb653dc6ee4baea8df60075fa1702bf0e19d9040c1f1f552/Screen-Shot-2022-07-25-at-6.28.35-PM.PNG" data-mid="148771650" border="0" src="https://freight.cargo.site/w/1000/i/34ec29938dc77ededb653dc6ee4baea8df60075fa1702bf0e19d9040c1f1f552/Screen-Shot-2022-07-25-at-6.28.35-PM.PNG" /> When a user finds a dashboard they need, they’ll select “View Details” and a slide in window will appear. Users can view the dashboard name, description, and other details they might need. Just below the dashboard name, users can also choose to “Add to Favorites” to save this dashboard for easy access in the future. Another tab in the “View Details” slide in window has extra resources for users. The content on dashboards changes frequently, sometimes even daily. Having an easy way to contact the dashboard owner or report an issue is key to keep content current and accessible. ︎ PROCESS / TESTING SCREENS<img width="2572" height="1832" width_o="2572" height_o="1832" data-src="https://freight.cargo.site/t/original/i/f06da0f9a6700c0597a62b97fa30971501a947ee707a18b215ae5c7b635d48f3/Dashboard-Catalog-Zoom.PNG" data-mid="148679967" border="0" src="https://freight.cargo.site/w/1000/i/f06da0f9a6700c0597a62b97fa30971501a947ee707a18b215ae5c7b635d48f3/Dashboard-Catalog-Zoom.PNG" /> Zoom view of working Figma file. <img width="2438" height="1852" width_o="2438" height_o="1852" data-src="https://freight.cargo.site/t/original/i/a52da6730ed4e39ecbc9de3161e2bc07b1e278d608a71fe19bc5a70bc1479f38/Dashboard-Catalog-Overview.PNG" data-mid="148679968" border="0" src="https://freight.cargo.site/w/1000/i/a52da6730ed4e39ecbc9de3161e2bc07b1e278d608a71fe19bc5a70bc1479f38/Dashboard-Catalog-Overview.PNG" /> <img width="2036" height="1496" width_o="2036" height_o="1496" data-src="https://freight.cargo.site/t/original/i/afe9f096f53fa720a923029ccd1fa8649afe7770bc8394ff260b2cd30a4d13d5/Prototype-Connections---Selections.PNG" data-mid="148679969" border="0" src="https://freight.cargo.site/w/1000/i/afe9f096f53fa720a923029ccd1fa8649afe7770bc8394ff260b2cd30a4d13d5/Prototype-Connections---Selections.PNG" /> After multiple rounds of stakeholder interviews, design reviews, and design sprints, we had a prototype for user testing. Alongside the design research lead, we tested multiple user flows with dozens of EPM users.&nbsp; I was in charge of creating the working prototype for user testing, linking multiple screens, buttons, and options. The goal of the prototype was to allow users to make mistakes or click something that wasn’t intended. Instead of having unclickable options, users could choose anything so we could see their entire thought process and revise designs. https://nj.works/Escape-From-Tarkov Mon, 13 Jun 2022 19:05:27 +0000 NJ.WORKS https://nj.works/Escape-From-Tarkov Escape From TarkovEscape From Tarkov is a hardcore, first-person shooter style game currently in beta phase. Possibly the most difficult and punishing in the genre, the gameplay is completely unforgiving. Tarkov features beautiful, immersive landscapes and maps that contrast with the tough, intimidating gameplay.Taking this contrasting idea and applying it to a visual system, the game and surrounding graphics evolve to&nbsp;become one.&nbsp; Using heavy texture overlay, progressive wear, and blur treatments,&nbsp;along with&nbsp;Russian graphic styles, the new visuals of Tarkov stand out from others in the genre. Mentor for the Project:Ivhan Escudero, Riot Games Deliverables: Logo Redesign Poster Campaign UX/UI Key Art Posters <img width="2490" height="3432" width_o="2490" height_o="3432" data-src="https://freight.cargo.site/t/original/i/c4e658c21f944d1074352518cd41a3229c83512072c4e859b274b080877ff5d4/tarkov_cover.png" data-mid="145320882" border="0" data-scale="57" src="https://freight.cargo.site/w/1000/i/c4e658c21f944d1074352518cd41a3229c83512072c4e859b274b080877ff5d4/tarkov_cover.png" />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/f3e0dc2060a7e41a00f29806391ff2c1bf26710bf683074085f71eb1d90bc3a9/tarkov_logo_context_revised1.jpg" data-mid="145320896" border="0" src="https://freight.cargo.site/w/1000/i/f3e0dc2060a7e41a00f29806391ff2c1bf26710bf683074085f71eb1d90bc3a9/tarkov_logo_context_revised1.jpg" /> The final logo above utilizes a progressive wear and tear style. Over time in the game and through brand imagery, the logo can fade, decay, etc.The below logos are iterations and concepts before the final stage. Testing out all the logos in environment and scenery helped influence future visual styles. This animation shows the wear and decay states it can go through. This shows up in imagery and UI elements within the game. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/76f0c552cde2ae48bea482d47614630706e2bf25d3313b74a5de4a53939190e4/tarkov_logo.gif" data-mid="145320889" border="0" data-scale="80" src="https://freight.cargo.site/w/1000/i/76f0c552cde2ae48bea482d47614630706e2bf25d3313b74a5de4a53939190e4/tarkov_logo.gif" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/63e3d48f2057d61f9b864b91b9974160bc791ec239fdeead3a564147a9233447/tarkov_logo_context_5.jpg" data-mid="145320897" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/63e3d48f2057d61f9b864b91b9974160bc791ec239fdeead3a564147a9233447/tarkov_logo_context_5.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b2693857b6b6ce3aba8982e0696ff462ee283ddd8fd63ca8fa10e752a4162233/tarkov_logo_context_4.jpg" data-mid="145320898" border="0" src="https://freight.cargo.site/w/1000/i/b2693857b6b6ce3aba8982e0696ff462ee283ddd8fd63ca8fa10e752a4162233/tarkov_logo_context_4.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/74097083b9cba6c60fcb88305e078cae8351e52f712021541b907756ee4e88ec/tarkov_logo_context_3.jpg" data-mid="145320899" border="0" src="https://freight.cargo.site/w/1000/i/74097083b9cba6c60fcb88305e078cae8351e52f712021541b907756ee4e88ec/tarkov_logo_context_3.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/1cc4c95571c1e3bec270e3d33cdf064214d6a943b80dcf7f3821de0c68e07237/tarkov_logo_context_2.jpg" data-mid="145320900" border="0" src="https://freight.cargo.site/w/1000/i/1cc4c95571c1e3bec270e3d33cdf064214d6a943b80dcf7f3821de0c68e07237/tarkov_logo_context_2.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/fe3b7589232938aa5cc03efa11cfb8c0b28a700e25dc756ede6d983c989fcb1e/tarkov_logo_art_2.jpg" data-mid="145320902" border="0" src="https://freight.cargo.site/w/1000/i/fe3b7589232938aa5cc03efa11cfb8c0b28a700e25dc756ede6d983c989fcb1e/tarkov_logo_art_2.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a98f750d6c36f6930cebb450b6b1473919c977228b0d5caef2a95e979fb7ac83/tarkov_logo_context_9.jpg" data-mid="145320901" border="0" src="https://freight.cargo.site/w/1000/i/a98f750d6c36f6930cebb450b6b1473919c977228b0d5caef2a95e979fb7ac83/tarkov_logo_context_9.jpg" /> <img width="4000" height="5000" width_o="4000" height_o="5000" data-src="https://freight.cargo.site/t/original/i/4fd915ada22135b2189c95583d398f9a0a4674c1eeb6599e8435bf5dacf3eee4/key_mock_2.jpg" data-mid="145320890" border="0" src="https://freight.cargo.site/w/1000/i/4fd915ada22135b2189c95583d398f9a0a4674c1eeb6599e8435bf5dacf3eee4/key_mock_2.jpg" /> <img width="4000" height="5000" width_o="4000" height_o="5000" data-src="https://freight.cargo.site/t/original/i/2050fa1d3360bf8f5094f68acbf6eaa7db74c75bdd198636370a31bd6ecca011/key_mock_1.jpg" data-mid="145320891" border="0" src="https://freight.cargo.site/w/1000/i/2050fa1d3360bf8f5094f68acbf6eaa7db74c75bdd198636370a31bd6ecca011/key_mock_1.jpg" /> This first key art + poster campaign concept focuses on the two factions within Tarkov. Showcasing the different characteristics of each, players can begin to connect with characters and options before even entering the game. Both series of posters utilize multiple layers of texture and wear on both the logo mark and the imagery. The intimidating poses combined with the image treatment starts to provide a feeling for the player experience. <img width="4000" height="5000" width_o="4000" height_o="5000" data-src="https://freight.cargo.site/t/original/i/c63418081c32db9b726982f9e59c1c0c52389ded54cd7f947f6bab2269d13100/tarkov_prop_mock2.jpg" data-mid="145320892" border="0" src="https://freight.cargo.site/w/1000/i/c63418081c32db9b726982f9e59c1c0c52389ded54cd7f947f6bab2269d13100/tarkov_prop_mock2.jpg" /> <img width="4000" height="5000" width_o="4000" height_o="5000" data-src="https://freight.cargo.site/t/original/i/ce34570c1ba0e6a5c0e718da37385ef9f09262fc22e3caba84d5d0d72027e97d/tarkov_prop_mock1.jpg" data-mid="145320893" border="0" src="https://freight.cargo.site/w/1000/i/ce34570c1ba0e6a5c0e718da37385ef9f09262fc22e3caba84d5d0d72027e97d/tarkov_prop_mock1.jpg" /> The second key art concept and poster campaign focuses on the landscapes of Tarkov. The goal was to position this series as welcoming, inviting, almost propaganda-like posters.&nbsp; The landscapes of Tarkov feature beautiful scenery which contrasts pretty harshly to the intense gameplay and action. With this, some players might be drawn to the “Enjoy the beautiful views of Tarkov” series. The UI design for the Tarkov Launcher / Client was inspired from the progression found in the logo.&nbsp;Keeping the overall style rather simple for visual clarity, the user is guided through the journey with visual clues such as hover states and welcome messaging. After launching, the loading screen features a decaying logo and unclear backgrounds.&nbsp; As the background comes into focus, the logo is removed.&nbsp; https://nj.works/Aktual Tue, 09 Aug 2022 03:59:22 +0000 NJ.WORKS https://nj.works/Aktual Aktual An abstracted music platform guided by machine learning and AI. It all started with a quote: “Love is a striking example of how little reality means to us.” This quote from Marcel Proust made me question how we escape from reality with what we love. Naturally, my mind went to music. And then it went a bit further to AI. Thinking about what I love, through something I can’t believe is real. Deliverables: Logo DesignMusic Visualizations Generated Imagery Artbook &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img width="2373" height="2070" width_o="2373" height_o="2070" data-src="https://freight.cargo.site/t/original/i/77f9e005557eb788bc20107a2cd3dec5724597b003038875d707b3afd78bdbe1/aktualcd.png" data-mid="149952647" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/77f9e005557eb788bc20107a2cd3dec5724597b003038875d707b3afd78bdbe1/aktualcd.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/95b6aedbc5813f3f6764daa04cbf7e7f830c7deb7e198a6aad96f580becf03b0/aktual_logo4.jpg" data-mid="149952583" border="0" src="https://freight.cargo.site/w/1000/i/95b6aedbc5813f3f6764daa04cbf7e7f830c7deb7e198a6aad96f580becf03b0/aktual_logo4.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ff4b98601bd82f290a8ff3d4a5a94899744a91f1a45121c0e56e30aa3b2f11f9/aktual_logo3.jpg" data-mid="149952603" border="0" src="https://freight.cargo.site/w/1000/i/ff4b98601bd82f290a8ff3d4a5a94899744a91f1a45121c0e56e30aa3b2f11f9/aktual_logo3.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/2b79e6cba19aafa1246118333e79a96b506bafe327d22a793f46d02e077a149e/aktual_logo2.jpg" data-mid="149952584" border="0" src="https://freight.cargo.site/w/1000/i/2b79e6cba19aafa1246118333e79a96b506bafe327d22a793f46d02e077a149e/aktual_logo2.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/4e13ad8200e4e2062f6748b89625fa4d19b6a51bb439d36347136d5ce9e270cd/aktual_logo1.jpg" data-mid="149952585" border="0" src="https://freight.cargo.site/w/1000/i/4e13ad8200e4e2062f6748b89625fa4d19b6a51bb439d36347136d5ce9e270cd/aktual_logo1.jpg" /> After selecting and slightly modifying a brutalist sans serif typeface, I started playing with it. I loaded thousands of images of color, pattern, texture, cells, and more into an AI GAN generator to start rendering some new visuals. Extracting key pieces from some of my favorites, I began messing with the type. <img width="4000" height="3000" width_o="4000" height_o="3000" data-src="https://freight.cargo.site/t/original/i/dc5fbb7557a97fc75ebf0c2e19a4c00e8e459453ee6c9ff005528b021c390f2b/form_study5.jpg" data-mid="149952797" border="0" src="https://freight.cargo.site/w/1000/i/dc5fbb7557a97fc75ebf0c2e19a4c00e8e459453ee6c9ff005528b021c390f2b/form_study5.jpg" /> <img width="4000" height="3000" width_o="4000" height_o="3000" data-src="https://freight.cargo.site/t/original/i/17fb5b4c7bc06e9ee4b38d067cfb05b4cc4e3ec13b7a3267bd825a5ec908df4b/form_study4.jpg" data-mid="149952798" border="0" src="https://freight.cargo.site/w/1000/i/17fb5b4c7bc06e9ee4b38d067cfb05b4cc4e3ec13b7a3267bd825a5ec908df4b/form_study4.jpg" /> <img width="4000" height="3000" width_o="4000" height_o="3000" data-src="https://freight.cargo.site/t/original/i/e38e7cfea0e0cce2bb3c607a1dcb919994d8020ba53f77fdfd520aa6fadd2426/form_study3.jpg" data-mid="149952799" border="0" src="https://freight.cargo.site/w/1000/i/e38e7cfea0e0cce2bb3c607a1dcb919994d8020ba53f77fdfd520aa6fadd2426/form_study3.jpg" /> <img width="4000" height="3000" width_o="4000" height_o="3000" data-src="https://freight.cargo.site/t/original/i/58f9a80b677555508e3c7519ccccf6f3a8b64705064716ebc5bd5c4abb60f4bd/form_study3-copy.jpg" data-mid="149952800" border="0" src="https://freight.cargo.site/w/1000/i/58f9a80b677555508e3c7519ccccf6f3a8b64705064716ebc5bd5c4abb60f4bd/form_study3-copy.jpg" /> Then I started playing with the form in a static form. Working with the images I generated and combining them with light sources. How would the color and texture interact with lights from a projector? What about headlights? After working with the still imagery for a while, I started to add motion. How can the music interact with the visuals? I started to play with not just the color and transition between the images, but the lighting and pacing as well.&nbsp; https://nj.works/Comic-Con Mon, 13 Jun 2022 19:05:30 +0000 NJ.WORKS https://nj.works/Comic-Con Comic Con The project goal: Develop a complete rebrand for a company that is struggling with a strong visual identity. Comic Con’s existing visual identity has not been updated in years, inconsistent across platforms, and does not match the vibe of the event. The design goal: Research all components of Comic Con San Diego and the Comic Con brand, redo the current visual identity, and establish a strong, new voice for the company. Deliverables: Brand Update Typeface Design Logo Design Environmental Graphics <img width="2400" height="2138" width_o="2400" height_o="2138" data-src="https://freight.cargo.site/t/original/i/b8a8a13d6ee616b352f1984a8d53585f4611df4515ce5b8a43569f0082cdb9da/comic_con_mock-copy.png" data-mid="145320937" border="0" data-scale="81" src="https://freight.cargo.site/w/1000/i/b8a8a13d6ee616b352f1984a8d53585f4611df4515ce5b8a43569f0082cdb9da/comic_con_mock-copy.png" />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; <img width="2984" height="1872" width_o="2984" height_o="1872" data-src="https://freight.cargo.site/t/original/i/d16c5f35061d49ccdedb7d7ce4bdb27508f97af1551a417124e1caa6d10af0da/comicwallmock.jpg" data-mid="145320919" border="0" src="https://freight.cargo.site/w/1000/i/d16c5f35061d49ccdedb7d7ce4bdb27508f97af1551a417124e1caa6d10af0da/comicwallmock.jpg" /><img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/27ad97e033ea31915b79646819d3b183aded57651c7b07ee97b53f7f91df2c51/comicwallmock2.jpg" data-mid="149949433" border="0" src="https://freight.cargo.site/w/1000/i/27ad97e033ea31915b79646819d3b183aded57651c7b07ee97b53f7f91df2c51/comicwallmock2.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/6306e69d0d6641d2f3a3793f69cf62834fab9313e98bdb7614ca91c3f897f2c8/cclogo_1.gif" data-mid="145320920" border="0" src="https://freight.cargo.site/w/1000/i/6306e69d0d6641d2f3a3793f69cf62834fab9313e98bdb7614ca91c3f897f2c8/cclogo_1.gif" /> <img width="600" height="600" width_o="600" height_o="600" data-src="https://freight.cargo.site/t/original/i/4100785871795eb1df1a5489df48f8d2016f64b47c59f38a89fb41c9b95468a5/comiccongif2.gif" data-mid="149949322" border="0" data-scale="56" src="https://freight.cargo.site/w/600/i/4100785871795eb1df1a5489df48f8d2016f64b47c59f38a89fb41c9b95468a5/comiccongif2.gif" /> <img width="368" height="579" width_o="368" height_o="579" data-src="https://freight.cargo.site/t/original/i/1fd8269855ca25cf8bc5a0a1200f6ef0b52c03159536d346dc2d2434fba30648/Screen-Shot-2020-11-05-at-6.35.28-PM-1.png" data-mid="145320925" border="0" src="https://freight.cargo.site/w/368/i/1fd8269855ca25cf8bc5a0a1200f6ef0b52c03159536d346dc2d2434fba30648/Screen-Shot-2020-11-05-at-6.35.28-PM-1.png" /> <img width="366" height="579" width_o="366" height_o="579" data-src="https://freight.cargo.site/t/original/i/fc5390c2c2d5af16ad508cdfb36c3fc0c4d615a6c5f512be8102c1191df31819/Screen-Shot-2020-11-05-at-6.35.28-PM.png" data-mid="145320926" border="0" src="https://freight.cargo.site/w/366/i/fc5390c2c2d5af16ad508cdfb36c3fc0c4d615a6c5f512be8102c1191df31819/Screen-Shot-2020-11-05-at-6.35.28-PM.png" /> The first visual tackled was the logo. It needed to be bigger and bolder than all the other conventions around the country.&nbsp;And since Comic and Con didn’t have the same length, the leftover space perfectly fits different venues and events within the Comic Con brand. This wild typeface was also developed specifically for Comic Con. It’s called Comic Box because, well, all the letters were made by trying to fit them into a box. The modular logo can be any scale. Small in the corner of collectable posters or HUGE on the side of a building. <img width="804" height="1250" width_o="804" height_o="1250" data-src="https://freight.cargo.site/t/original/i/a1f3f2871d160186a5052628ec3d49c909e73043d26e9046278f25f8630b297b/Screen-Shot-2019-12-27-at-10.02.58-PM.png" data-mid="149948911" border="0" src="https://freight.cargo.site/w/804/i/a1f3f2871d160186a5052628ec3d49c909e73043d26e9046278f25f8630b297b/Screen-Shot-2019-12-27-at-10.02.58-PM.png" /> <img width="804" height="1244" width_o="804" height_o="1244" data-src="https://freight.cargo.site/t/original/i/fbd1a3b01a450df7a5c2f2315f7046d5fd77ddae79dc451fea880a78d8859fde/Screen-Shot-2019-12-27-at-10.02.36-PM.png" data-mid="149948913" border="0" src="https://freight.cargo.site/w/804/i/fbd1a3b01a450df7a5c2f2315f7046d5fd77ddae79dc451fea880a78d8859fde/Screen-Shot-2019-12-27-at-10.02.36-PM.png" /> <img width="804" height="1240" width_o="804" height_o="1240" data-src="https://freight.cargo.site/t/original/i/d5a6d1b8be1c0dcffa5fcecf32d277b94d8e6727f05c5e6197b111aaa5014d30/Screen-Shot-2019-12-27-at-10.03.09-PM.png" data-mid="149949410" border="0" src="https://freight.cargo.site/w/804/i/d5a6d1b8be1c0dcffa5fcecf32d277b94d8e6727f05c5e6197b111aaa5014d30/Screen-Shot-2019-12-27-at-10.03.09-PM.png" /> <img width="802" height="1242" width_o="802" height_o="1242" data-src="https://freight.cargo.site/t/original/i/f8df8289a340381fa44d17f462e26ee3457a696a952b04ee22ad0e5ed2a8b107/Screen-Shot-2019-12-27-at-10.02.49-PM.png" data-mid="149949413" border="0" src="https://freight.cargo.site/w/802/i/f8df8289a340381fa44d17f462e26ee3457a696a952b04ee22ad0e5ed2a8b107/Screen-Shot-2019-12-27-at-10.02.49-PM.png" /> <img width="1800" height="1200" width_o="1800" height_o="1200" data-src="https://freight.cargo.site/t/original/i/2410687db77d44829ac4e7ede85619e4bf89ccbdfbe638a2134719081349cbbf/comic_5.png" data-mid="145320921" border="0" src="https://freight.cargo.site/w/1000/i/2410687db77d44829ac4e7ede85619e4bf89ccbdfbe638a2134719081349cbbf/comic_5.png" /><img width="3600" height="2400" width_o="3600" height_o="2400" data-src="https://freight.cargo.site/t/original/i/6829e3d1514131f077be0bea9381aff1de2df8215dc104dc811a57114678a9dc/wall_mock_1.jpg" data-mid="149948919" border="0" src="https://freight.cargo.site/w/1000/i/6829e3d1514131f077be0bea9381aff1de2df8215dc104dc811a57114678a9dc/wall_mock_1.jpg" /> The collectible posters were developed so people could purchase one or the entire series. The logo lockup is kept small in the corner so it doesn’t interfere with the artwork. Every year, the imagery for Comic Con both inside and outside the convention will focus on old captures of comic books along with new media from the year.&nbsp; <img width="2451" height="1953" width_o="2451" height_o="1953" data-src="https://freight.cargo.site/t/original/i/470b21ab41cffc4f54f88797de513adb9260c9e4e64c3393a752e99579f4e158/ccskate.jpg" data-mid="145320934" border="0" src="https://freight.cargo.site/w/1000/i/470b21ab41cffc4f54f88797de513adb9260c9e4e64c3393a752e99579f4e158/ccskate.jpg" /> <img width="6000" height="4664" width_o="6000" height_o="4664" data-src="https://freight.cargo.site/t/original/i/71f6d7cfe28aac1b91a6751665cd9e7f36bce731c1487d5f6e33d21c5d40f746/phone1.jpg" data-mid="149949119" border="0" src="https://freight.cargo.site/w/1000/i/71f6d7cfe28aac1b91a6751665cd9e7f36bce731c1487d5f6e33d21c5d40f746/phone1.jpg" /> <img width="6000" height="4664" width_o="6000" height_o="4664" data-src="https://freight.cargo.site/t/original/i/fec17981d50f757dc0f40436421c637dbbc9c6aec380c5872cf0e19af94a4d40/phone2.jpg" data-mid="149949118" border="0" src="https://freight.cargo.site/w/1000/i/fec17981d50f757dc0f40436421c637dbbc9c6aec380c5872cf0e19af94a4d40/phone2.jpg" /> <img width="6500" height="4500" width_o="6500" height_o="4500" data-src="https://freight.cargo.site/t/original/i/c58e53c3e5d8a7641a6e5b555a776d3f75916c90733f83057d4a797ebf060049/phone4.jpg" data-mid="149949116" border="0" src="https://freight.cargo.site/w/1000/i/c58e53c3e5d8a7641a6e5b555a776d3f75916c90733f83057d4a797ebf060049/phone4.jpg" /> <img width="6500" height="4500" width_o="6500" height_o="4500" data-src="https://freight.cargo.site/t/original/i/c49e668e2312641e5c31257641ccda063583e79518ab4dac81418e086757e566/phone3.jpg" data-mid="149949117" border="0" src="https://freight.cargo.site/w/1000/i/c49e668e2312641e5c31257641ccda063583e79518ab4dac81418e086757e566/phone3.jpg" /> The mobile app is geared towards convention-goers. Walking around a giant building all day, trying to see everything you can, it’s hard to catch all the little details. Making everything, every button, and every bit of type huge on the app means less looking at a phone and more looking up. In the app, users will find all the events they need, a dedicated merch tab where they can then pick up or ship their items, and an easy-share option to let everyone know what’s going on at the convention. <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/dc8ab771f1dbd686f0771ee1e1943f8fb8d247ad6c2d7a207c80528a90bcfc6f/IMG_3315.jpg" data-mid="149948899" border="0" src="https://freight.cargo.site/w/1000/i/dc8ab771f1dbd686f0771ee1e1943f8fb8d247ad6c2d7a207c80528a90bcfc6f/IMG_3315.jpg" /> https://nj.works/Del-Marcos Mon, 13 Jun 2022 19:05:33 +0000 NJ.WORKS https://nj.works/Del-Marcos Del Marcos Hotel Del Marcos is a hotel in Palm Springs California designed by William F. Cody, a well known architect that designed in the mid century modern style. However, the hotel hasn’t been maintained, and the initial charm has worn off. The new brand focuses on bright colors and an abstracted circle mark resembling the sun over a desert. The color palette, rules, and typography bring a fresh feeling, but still pay homage to the initial hotel brand and style. Deliverables: Updated Brand Spatial Design Media Design Lookbook Brand Extensions <img width="2858" height="2883" width_o="2858" height_o="2883" data-src="https://freight.cargo.site/t/original/i/c7c3177f648606a7b18b0f325de21a9f90ccc849093a92aceb082939d48dc75d/Untitled_Artworkblack.png" data-mid="145320967" border="0" data-scale="57" src="https://freight.cargo.site/w/1000/i/c7c3177f648606a7b18b0f325de21a9f90ccc849093a92aceb082939d48dc75d/Untitled_Artworkblack.png" />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img width="5080" height="3387" width_o="5080" height_o="3387" data-src="https://freight.cargo.site/t/original/i/84590df769ef36f7c993f508f06d7d91131879158de8b3deeea7cb748f217c64/marcos_card_1.jpg" data-mid="145320961" border="0" src="https://freight.cargo.site/w/1000/i/84590df769ef36f7c993f508f06d7d91131879158de8b3deeea7cb748f217c64/marcos_card_1.jpg" /> <img width="5080" height="3387" width_o="5080" height_o="3387" data-src="https://freight.cargo.site/t/original/i/c252920807a939664968db673be20a80dae85578faf356c24a08c1a7ddcebe6a/marcos_card_2.jpg" data-mid="145320960" border="0" src="https://freight.cargo.site/w/1000/i/c252920807a939664968db673be20a80dae85578faf356c24a08c1a7ddcebe6a/marcos_card_2.jpg" /> <img width="3697" height="2058" width_o="3697" height_o="2058" data-src="https://freight.cargo.site/t/original/i/c510aba07f047f519fc5ed0aa1ff551902a2733411f9fd683f78b51b818d9f32/marcos-01.png" data-mid="145320955" border="0" data-scale="72" src="https://freight.cargo.site/w/1000/i/c510aba07f047f519fc5ed0aa1ff551902a2733411f9fd683f78b51b818d9f32/marcos-01.png" /> <img width="3238" height="2401" width_o="3238" height_o="2401" data-src="https://freight.cargo.site/t/original/i/eb3c73e56c17643a57fed3ceee3a9c2c6546f17bbd3931ed707e32318b1a081a/marcos-02.png" data-mid="145320954" border="0" data-scale="56" src="https://freight.cargo.site/w/1000/i/eb3c73e56c17643a57fed3ceee3a9c2c6546f17bbd3931ed707e32318b1a081a/marcos-02.png" /><img width="4917" height="3027" width_o="4917" height_o="3027" data-src="https://freight.cargo.site/t/original/i/82f9ff15173de6d56e5188bada662aa3b1efe180cd3cedaa77d96ec93a7bf1f5/Untitled-3-01.png" data-mid="145320956" border="0" data-scale="80" src="https://freight.cargo.site/w/1000/i/82f9ff15173de6d56e5188bada662aa3b1efe180cd3cedaa77d96ec93a7bf1f5/Untitled-3-01.png" /> <img width="5080" height="3387" width_o="5080" height_o="3387" data-src="https://freight.cargo.site/t/original/i/4687a56c3c3792fe8e1185aacca588cc00a0838b810044210f904b50e6d13725/marcos_card_3.jpg" data-mid="145320959" border="0" src="https://freight.cargo.site/w/1000/i/4687a56c3c3792fe8e1185aacca588cc00a0838b810044210f904b50e6d13725/marcos_card_3.jpg" /> <img width="4828" height="3218" width_o="4828" height_o="3218" data-src="https://freight.cargo.site/t/original/i/22c2e63a195c3815e21e90d1e433734fdbb9bb4de94d839fd905c99108a9720d/marcos_card_4.jpg" data-mid="145320958" border="0" src="https://freight.cargo.site/w/1000/i/22c2e63a195c3815e21e90d1e433734fdbb9bb4de94d839fd905c99108a9720d/marcos_card_4.jpg" /> As an interesting experiment, the first designs I finalized were the postcards. Before I had the finished logo, imagery, anything. I decided the postcard style would frame the brand. Through this I decided to focus on bold typography, layered imagery, and geometric patterns. With these, the brand starts to come together. The colors and pattern are indicative of the Palm Springs area. Colors directly sampled from the desert, patterns that echo back to the mid-centrury modern flare of the city, and geometric textures mimicing water in pools. <img width="4304" height="2869" width_o="4304" height_o="2869" data-src="https://freight.cargo.site/t/original/i/fde78b4ef3bad60eed95a9a4b9e8c586038c16f9ecf378c0b9a0e65a55639fce/marcos_bcard_1.jpg" data-mid="145320966" border="0" src="https://freight.cargo.site/w/1000/i/fde78b4ef3bad60eed95a9a4b9e8c586038c16f9ecf378c0b9a0e65a55639fce/marcos_bcard_1.jpg" /> <img width="5184" height="3456" width_o="5184" height_o="3456" data-src="https://freight.cargo.site/t/original/i/00ef7313035d4064b424dc34875e9fd10eacbed5ac8712fac54404ab088ea3f3/marcos_match_1.jpg" data-mid="145320957" border="0" src="https://freight.cargo.site/w/1000/i/00ef7313035d4064b424dc34875e9fd10eacbed5ac8712fac54404ab088ea3f3/marcos_match_1.jpg" /> <img width="4002" height="6000" width_o="4002" height_o="6000" data-src="https://freight.cargo.site/t/original/i/d6a85d0e919b134b233a0470e36366fb24a398b9113c3f59b3f5c18676516fb0/marcos_tote.jpg" data-mid="149948418" border="0" src="https://freight.cargo.site/w/1000/i/d6a85d0e919b134b233a0470e36366fb24a398b9113c3f59b3f5c18676516fb0/marcos_tote.jpg" /> <img width="3456" height="5184" width_o="3456" height_o="5184" data-src="https://freight.cargo.site/t/original/i/a74004727d6587e463393d30b08b99609e0f81c955aa83178bd9b968998f8ef7/marcos_coaster_1.jpg" data-mid="149948430" border="0" src="https://freight.cargo.site/w/1000/i/a74004727d6587e463393d30b08b99609e0f81c955aa83178bd9b968998f8ef7/marcos_coaster_1.jpg" /> <img width="4965" height="3310" width_o="4965" height_o="3310" data-src="https://freight.cargo.site/t/original/i/9cbedb7a191269eb9c272b9fc300fc5bb24a73d9612f76f52d1c2f3d95e884d1/marcos_bill.jpg" data-mid="149948422" border="0" src="https://freight.cargo.site/w/1000/i/9cbedb7a191269eb9c272b9fc300fc5bb24a73d9612f76f52d1c2f3d95e884d1/marcos_bill.jpg" /> <img width="6000" height="4002" width_o="6000" height_o="4002" data-src="https://freight.cargo.site/t/original/i/f27a817bc915857b0f355b4e9dcd89c7e84c43897873cf57c20edc862188fb30/marcos_web.jpg" data-mid="149948419" border="0" src="https://freight.cargo.site/w/1000/i/f27a817bc915857b0f355b4e9dcd89c7e84c43897873cf57c20edc862188fb30/marcos_web.jpg" /> Brand extensions focus on the interaction between the circular mark and tracked out type. Playful layouts, creative copy to keep the guests smiling, and subtle designs make up the brand. Matchboxes, totes, and coasters have subtle designs that guests will want to bring home. <img width="663" height="496" width_o="663" height_o="496" data-src="https://freight.cargo.site/t/original/i/c99c143e6458ce814022deb67959ef3cd6d33e26bac59cb472b04b5c43fb61c1/marcosinterior1.jpg" data-mid="149948425" border="0" src="https://freight.cargo.site/w/663/i/c99c143e6458ce814022deb67959ef3cd6d33e26bac59cb472b04b5c43fb61c1/marcosinterior1.jpg" /> <img width="684" height="512" width_o="684" height_o="512" data-src="https://freight.cargo.site/t/original/i/5ebf964c9075061b700a87488a4f77370a6e77b4120e1d057e1e20ba16dd0102/marcosinterior2.jpg" data-mid="149948426" border="0" src="https://freight.cargo.site/w/684/i/5ebf964c9075061b700a87488a4f77370a6e77b4120e1d057e1e20ba16dd0102/marcosinterior2.jpg" /> <img width="912" height="686" width_o="912" height_o="686" data-src="https://freight.cargo.site/t/original/i/f12a3dad882ed6502fbaf5d2cb987eb307bd40325f980091c400f8ef38352b27/marcosinterior3.jpg" data-mid="149948427" border="0" src="https://freight.cargo.site/w/912/i/f12a3dad882ed6502fbaf5d2cb987eb307bd40325f980091c400f8ef38352b27/marcosinterior3.jpg" /> Along with the traditional components of a brand, I wanted to visualize the space in a new way. Room and space renovations to match the new style and feel will go with the rebrand. Furniture and finishings will pay homage to the mid century feel of Palm Springs while also bringing in the desert. <img width="5000" height="3333" width_o="5000" height_o="3333" data-src="https://freight.cargo.site/t/original/i/a2516da6a2d050e9a00a196b5d14e048212e942fe7f138ad02bbcf837a3743ca/marcos_spa_1.jpg" data-mid="145320964" border="0" src="https://freight.cargo.site/w/1000/i/a2516da6a2d050e9a00a196b5d14e048212e942fe7f138ad02bbcf837a3743ca/marcos_spa_1.jpg" /><img width="5000" height="3333" width_o="5000" height_o="3333" data-src="https://freight.cargo.site/t/original/i/c59ece7f2a017ccd54c747178cfd8d491bd1b2d1baaea1bdabdb654355ca9cff/marcos_spa_4.jpg" data-mid="145320962" border="0" src="https://freight.cargo.site/w/1000/i/c59ece7f2a017ccd54c747178cfd8d491bd1b2d1baaea1bdabdb654355ca9cff/marcos_spa_4.jpg" /> <img width="5000" height="3333" width_o="5000" height_o="3333" data-src="https://freight.cargo.site/t/original/i/5e3bfda2f896258aaf875e22f48be5041ab24de62687668d5efe7825d13f13b2/marcos_spa_2.jpg" data-mid="145320965" border="0" src="https://freight.cargo.site/w/1000/i/5e3bfda2f896258aaf875e22f48be5041ab24de62687668d5efe7825d13f13b2/marcos_spa_2.jpg" /><img width="5000" height="3333" width_o="5000" height_o="3333" data-src="https://freight.cargo.site/t/original/i/8680b8058696140e2d77b55d5c45aa1a6df40f20f3b1350b1ffe556afcff6670/marcos_spa_3.jpg" data-mid="145320963" border="0" src="https://freight.cargo.site/w/1000/i/8680b8058696140e2d77b55d5c45aa1a6df40f20f3b1350b1ffe556afcff6670/marcos_spa_3.jpg" /> As a final set of deliverables, I designed a Spa line for the hotel. Del Marcos hotel features a well established restaurant and has the perfect location/setup for a spa. Adding this in will make the hotel feel like a real resort escape.&nbsp; Amber glass and a switch to white typography defines the spa brand. The mark, style, and playfulness of the hotel find ways into the packaging, but still convey all essential information about the product... in a subdued, natural feel. Just like a spa should be.