https://hannahwang.design Hannah Wang Design Portfolio Tue, 25 Nov 2025 15:15:31 +0000 https://hannahwang.design en https://hannahwang.design/Home Thu, 10 Nov 2022 01:55:33 +0000 Hannah Wang Design Portfolio https://hannahwang.design/Home Graphic Designer based in the D.C. area who loves crafting compelling communications campaigns. https://hannahwang.design/So-iLL-Climbing Thu, 10 Nov 2022 01:55:35 +0000 Hannah Wang Design Portfolio https://hannahwang.design/So-iLL-Climbing So iLL ClimbingCampaign DesignDigital Marketing DesignCopywriting So iLL is a company known mostly for creating climbing holds and training equipment. They have recently created a clothing collection in partnership with Jason Momoa and wanted a campaign to celebrate their shift from technical gear only, to fashion. The campaign appeals to their current clientele who want to climb hard, but also look good doing it. The name “Fashion Sends” is a play on the phrase “fashion sense” with the word “sends” also doubling for finishing a climb in climber lingo. <img width="2867" height="3024" width_o="2867" height_o="3024" data-src="https://freight.cargo.site/t/original/i/210f6442856c2f053fce8b25fb18517ac30ee289dcb4960dfffe628685e723e1/CampaignPostersmockupFINAL.jpg" data-mid="160736851" border="0" src="https://freight.cargo.site/w/1000/i/210f6442856c2f053fce8b25fb18517ac30ee289dcb4960dfffe628685e723e1/CampaignPostersmockupFINAL.jpg" /> <img width="4167" height="2084" width_o="4167" height_o="2084" data-src="https://freight.cargo.site/t/original/i/cbe735e3aced893d2bcc91a7c69011d17dba4152b71375d3a37767a485f77cb1/campaignsocialmediamockup-01.jpg" data-mid="161374578" border="0" src="https://freight.cargo.site/w/1000/i/cbe735e3aced893d2bcc91a7c69011d17dba4152b71375d3a37767a485f77cb1/campaignsocialmediamockup-01.jpg" /><img width="3300" height="2200" width_o="3300" height_o="2200" data-src="https://freight.cargo.site/t/original/i/2a1393c3db71e2cf1ed6ec1afc07bcc5500b22b80861a99974217724d4bd6159/campaignpostcardsmockup2.jpg" data-mid="160736897" border="0" src="https://freight.cargo.site/w/1000/i/2a1393c3db71e2cf1ed6ec1afc07bcc5500b22b80861a99974217724d4bd6159/campaignpostcardsmockup2.jpg" /> https://hannahwang.design/Basecamp-Outdoor Thu, 10 Nov 2022 01:55:35 +0000 Hannah Wang Design Portfolio https://hannahwang.design/Basecamp-Outdoor Basecamp OutdoorMotion Design Basecamp Outdoor is working to increase salary transparency on job postings. As we worked with the client, we asked ourselves: “How can we use motion graphics to communicate the importance of including salary on job postings, while creating a file size that can be shared across various social media platforms and through email?” Process We used existing brand elements to create a motion graphic that depicts a journey; much like the journey that job seekers embark on when they apply to open positions. Varied weight is used to highlight important concepts and to provide contrast within the text. We decided to go with a 1:1 square posting ratio, as the graphic could translate effectively across multiple platforms including LinkedIn and Instagram. <img width="1996" height="1694" width_o="1996" height_o="1694" data-src="https://freight.cargo.site/t/original/i/2a1c80d20adb67485ec97169b23a05a4836fb839b3a936595a11eeea88cb6154/Storyboard_zoomout.png" data-mid="240900940" border="0" src="https://freight.cargo.site/w/1000/i/2a1c80d20adb67485ec97169b23a05a4836fb839b3a936595a11eeea88cb6154/Storyboard_zoomout.png" /><img width="2000" height="1406" width_o="2000" height_o="1406" data-src="https://freight.cargo.site/t/original/i/3471a7d1485b7ea66f7494d5cafe13bb775b1821a775cc9ae7226b59e0125a26/Insta_mockup.png" data-mid="236678911" border="0" src="https://freight.cargo.site/w/1000/i/3471a7d1485b7ea66f7494d5cafe13bb775b1821a775cc9ae7226b59e0125a26/Insta_mockup.png" /><img width="3000" height="2250" width_o="3000" height_o="2250" data-src="https://freight.cargo.site/t/original/i/58832f229fe901091aae5ee402103384a81cb75522ad993f818a88bccb08abd4/Linkedin_Post.png" data-mid="215938284" border="0" src="https://freight.cargo.site/w/1000/i/58832f229fe901091aae5ee402103384a81cb75522ad993f818a88bccb08abd4/Linkedin_Post.png" /> Final Product The final product is a short 30 second motion graphic that lists the top 5 reasons to include the salary in job postings. Results “Hannah acted like a senior designer throughout the project she completed for us! She communicated proactively so we were always apprised, never surprised, and our team always knew next steps, what was needed from us, and how the project was progressing. She aced the feedback rounds and artfully used our comments as data to evolve the project in the right direction. The final product was adorable and we can't wait to display it!” - Jenna C., Basecamp Outdoor https://hannahwang.design/American-University-Staff-Appreciation Thu, 10 Nov 2022 01:55:34 +0000 Hannah Wang Design Portfolio https://hannahwang.design/American-University-Staff-Appreciation American UniversityCampaign DesignBrandingDigital Design Art Direction The American University Office of Human Resources hosts an annual Staff Appreciation Week. The Senior Coordinator of Staff Experiences wanted a complete rebranding, in order to boost attendance and to encourage staff to participate. The team needed a brand that answered the question: “How can HR at American University create an event that reflects the diversity of staff while also showcasing growth, being together, and celebrating accomplishments?” The final campaign included various assets, including digital and print ads, email marketing design, shirt design, volunteer pass designs, signage, and more.&nbsp; <img width="700" height="300" width_o="700" height_o="300" data-src="https://freight.cargo.site/t/original/i/556105b1fdd4c6d65661bdbeec0e9c08b4bd838e59ef0f88709276fc4c9a5f43/email_banner_700x300.png" data-mid="211140992" border="0" src="https://freight.cargo.site/w/700/i/556105b1fdd4c6d65661bdbeec0e9c08b4bd838e59ef0f88709276fc4c9a5f43/email_banner_700x300.png" /> Process American University sits in the heart of Washington, D.C. The area itself is highly diverse. We wanted to accurately reflect the diversity of our staff, while also maintaining a people-facing presence for Human Resources, who sponsored the entire event.In order to maintain compliance with current University branding, we opted to use the University’s Indigo color as our monotone overlay accent in the series. This allowed us to draw the pieces together, and create a modern, fresh and instantly recognizable suite of assets that included a website, wayfinding signage, print advertisements and volunteer shirts. Results These various touchpoints allowed us to reach a further audience across campus, and boost overall event enrollment by 50%. <img width="1000" height="1500" width_o="1000" height_o="1500" data-src="https://freight.cargo.site/t/original/i/0d486618b04f1df4288ecf58c2ab3ba2bdb4c921db111ba796db25f729529113/SAW_email_motion_AU.gif" data-mid="213743150" border="0" src="https://freight.cargo.site/w/1000/i/0d486618b04f1df4288ecf58c2ab3ba2bdb4c921db111ba796db25f729529113/SAW_email_motion_AU.gif" /> <img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/03fa4deae4fcf10e3ccf7c8cd5a56788a75f7b9f54bc67449dd5e45b53e3f1ec/volunteer-fast-pass.png" data-mid="212538597" border="0" src="https://freight.cargo.site/w/1000/i/03fa4deae4fcf10e3ccf7c8cd5a56788a75f7b9f54bc67449dd5e45b53e3f1ec/volunteer-fast-pass.png" /> <img width="900" height="1200" width_o="900" height_o="1200" data-src="https://freight.cargo.site/t/original/i/ca09d619ef7ec6b0726d9928bafdbbb389058401f73b67a139aed17778da05bf/Volunteer_Shirt_Back.jpg" data-mid="211097170" border="0" src="https://freight.cargo.site/w/900/i/ca09d619ef7ec6b0726d9928bafdbbb389058401f73b67a139aed17778da05bf/Volunteer_Shirt_Back.jpg" /> <img width="950" height="1267" width_o="950" height_o="1267" data-src="https://freight.cargo.site/t/original/i/f714e7b5ab25a09710ad70c20aa814c5177706e6e00d46d605c1ffb54aa6c500/Volunteer_Shirt_Front.jpg" data-mid="211097171" border="0" src="https://freight.cargo.site/w/950/i/f714e7b5ab25a09710ad70c20aa814c5177706e6e00d46d605c1ffb54aa6c500/Volunteer_Shirt_Front.jpg" /> <img width="3024" height="4032" width_o="3024" height_o="4032" data-src="https://freight.cargo.site/t/original/i/30a7cd02d89d9704bcd164320304ef840c70ce5052d7878e87cbce398561bf23/gym_noticeboard.jpg" data-mid="211097175" border="0" src="https://freight.cargo.site/w/1000/i/30a7cd02d89d9704bcd164320304ef840c70ce5052d7878e87cbce398561bf23/gym_noticeboard.jpg" /> <img width="1000" height="750" width_o="1000" height_o="750" data-src="https://freight.cargo.site/t/original/i/8a3a47fc57dd2493a0b782b956c33e49fa2db24a8cfa6d90afd3d5067d5fe54f/SAW_Sign.jpg" data-mid="211097169" border="0" src="https://freight.cargo.site/w/1000/i/8a3a47fc57dd2493a0b782b956c33e49fa2db24a8cfa6d90afd3d5067d5fe54f/SAW_Sign.jpg" /> https://hannahwang.design/American-University-Open-Enrollment Tue, 25 Nov 2025 15:15:31 +0000 Hannah Wang Design Portfolio https://hannahwang.design/American-University-Open-Enrollment American UniversityDocument Design Campaign DesignArt Direction The American University Office of Human Resources run Open Enrollment each year during the first two weeks of November. In order to help faculty and staff prepare for the event, we designed three long-form documents to spell out all benefits. These documents were the general Open Enrollment Guide, the COBRA Open Enrollment Guide, and the Retirement Open Enrollment Guide.&nbsp; In order to help refresh the look, we went with a circular design to embrace the feeling of a circle of wellness and health, and went with the University’s AU Blue color to evoke the feeling of health and security. We were asking ourselves: “How can HR at American University make all staff and faculty aware of their Open Enrollment benefits in way that is engaging and reflective of what is provided?” The final campaign included various assets, including digital and print assets, accesible interactive PDFs, and email marketing campaigns. <img width="2000" height="1333" width_o="2000" height_o="1333" data-src="https://freight.cargo.site/t/original/i/274f9598d3d5933234c5e6c6a7b0e401136185e930d6c24b96e4d476a85a7788/EnrollmentBrochure_Mockup.png" data-mid="241077504" border="0" src="https://freight.cargo.site/w/1000/i/274f9598d3d5933234c5e6c6a7b0e401136185e930d6c24b96e4d476a85a7788/EnrollmentBrochure_Mockup.png" /> Process Since Open Enrollment only happens once a year, it’s crucial that all pertinent information is provided to staff and faculty, so that they can make informed decisions with their health. In order to prepare for the mass amounts of information we had to present, I sketched out several ideas for parent pages that we would be using across the documents. Each parent page featured ways to display information, pull out definitions, charts, and more.&nbsp; <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/c65bdb01535af8f1a30caa38978d4e08bb4fd1fe1e4117228eb45fb5b99fe832/PXL_20251125_152206322.jpg" data-mid="241077675" border="0" src="https://freight.cargo.site/w/1000/i/c65bdb01535af8f1a30caa38978d4e08bb4fd1fe1e4117228eb45fb5b99fe832/PXL_20251125_152206322.jpg" /> <img width="3024" height="4032" width_o="3024" height_o="4032" data-src="https://freight.cargo.site/t/original/i/22a3668f99c68c9f38f1a981a70e6f15d683230b355c1aa14d6ebb72cc29b7b7/PXL_20251125_152217263.jpg" data-mid="241077688" border="0" src="https://freight.cargo.site/w/1000/i/22a3668f99c68c9f38f1a981a70e6f15d683230b355c1aa14d6ebb72cc29b7b7/PXL_20251125_152217263.jpg" /> <img width="2000" height="1333" width_o="2000" height_o="1333" data-src="https://freight.cargo.site/t/original/i/0d49a688e33d4d36f00ee93f63127016ce43e26031329ec3b6309bf28e37e0e0/emailmockup.png" data-mid="241085721" border="0" src="https://freight.cargo.site/w/1000/i/0d49a688e33d4d36f00ee93f63127016ce43e26031329ec3b6309bf28e37e0e0/emailmockup.png" /> Results By creating strong parent pages and a strong communications timeline that had cohesive branding across the entire way, we were able to increase enrollment to informational sessions by 50%.&nbsp; https://hannahwang.design/Cuppa-Kaffa Thu, 10 Nov 2022 01:55:34 +0000 Hannah Wang Design Portfolio https://hannahwang.design/Cuppa-Kaffa CUPPA KAFFA Copywriting Packaging Design Brand Guidelines A futuristic packaging design for CUPPA KAFFA’s beanless coffee. Their sustainable coffee “bean” aims to alleviate the destruction and high carbon footprint that arises from the current coffee harvesting process. The name was informed by the Ethiopian terms for “cup” and “coffee.” The packaging itself reflects the company’s desire to push for the coffee of the future, while paying homage to vintage sci-fi posters that depict the future with simple graphic elements. The design provides a template for the package that is interchangeable for various varieties of coffee that is produced under the CUPPA KAFFA brand. <img width="5760" height="3840" width_o="5760" height_o="3840" data-src="https://freight.cargo.site/t/original/i/001b33812bccd959b5ff49568b4042a088496bec5068897cff60db38dcc50e84/CUPPAKAFFA_CuppaMidnightmockupFINALFORREAL-copy.jpg" data-mid="161298708" border="0" src="https://freight.cargo.site/w/1000/i/001b33812bccd959b5ff49568b4042a088496bec5068897cff60db38dcc50e84/CUPPAKAFFA_CuppaMidnightmockupFINALFORREAL-copy.jpg" /> <img width="5760" height="3840" width_o="5760" height_o="3840" data-src="https://freight.cargo.site/t/original/i/f86462e606cd37dc8b318e3a8e0f2460466516af87cfad651364b3c1c179b10d/CUPPAKAFFA_CuppaStardustmockupFINALFORREAL-copy.jpg" data-mid="161298709" border="0" src="https://freight.cargo.site/w/1000/i/f86462e606cd37dc8b318e3a8e0f2460466516af87cfad651364b3c1c179b10d/CUPPAKAFFA_CuppaStardustmockupFINALFORREAL-copy.jpg" /> https://hannahwang.design/Keeper Wed, 16 Jul 2025 15:28:14 +0000 Hannah Wang Design Portfolio https://hannahwang.design/Keeper KeeperBrandingDigital Design Packaging Design An exploration into a brand that asks: “How can we design a brand that allows people to pursue grieving on their own terms and in their own way that is friendly, supportive, and caring?”&nbsp; <img width="1433" height="521" width_o="1433" height_o="521" data-src="https://freight.cargo.site/t/original/i/b8a949cd8e0e52e4f2bee2ae02c19a15f404b00efc70a2dafab652693bfed053/Kepper_Logo_Black.png" data-mid="235892707" border="0" src="https://freight.cargo.site/w/1000/i/b8a949cd8e0e52e4f2bee2ae02c19a15f404b00efc70a2dafab652693bfed053/Kepper_Logo_Black.png" /> Process &amp; Solution Since everyone handles grief differently, I created an abstract logo, name, and visual elements to allow for an open interpretation for anyone encountering the brand. These included a logo created from the eye of the “e,” gradients that radiate outwards and an analogus color palette with a neutral accent. The name “Keeper” was chosen to reflect the mission of keeping the memories of lost ones alive. &nbsp; <img width="1862" height="1024" width_o="1862" height_o="1024" data-src="https://freight.cargo.site/t/original/i/fb9bf5ef0c008d5895e67225b1ee1e7acd92ab8c328e52029fe22fba9e50283d/Desktop---2.png" data-mid="239609764" border="0" src="https://freight.cargo.site/w/1000/i/fb9bf5ef0c008d5895e67225b1ee1e7acd92ab8c328e52029fe22fba9e50283d/Desktop---2.png" /> Brand Application An easy to use template was created for social media posts. The gradient colors can be changed with other brand colors. A clear hierarchy on each slide allows for easy to read and concise communication that doesn’t overload the slide. Other designs included assets that are aligned with the brand including journals, packaging, and a deck of conversation cards for people to use with loved ones. &nbsp; <img width="4500" height="3000" width_o="4500" height_o="3000" data-src="https://freight.cargo.site/t/original/i/35963f5e4af6c249ee92a201242da58d6cccbe9e47f0fdd5a2c66d4354bb1c15/KeeperBox_MockUp.png" data-mid="235894692" border="0" src="https://freight.cargo.site/w/1000/i/35963f5e4af6c249ee92a201242da58d6cccbe9e47f0fdd5a2c66d4354bb1c15/KeeperBox_MockUp.png" /> <img width="1000" height="1500" width_o="1000" height_o="1500" data-src="https://freight.cargo.site/t/original/i/41cd62034005b2c561db3287d5bab9a033d04dc58208f31b2e06b1515414868a/notebook_2.png" data-mid="236678445" border="0" src="https://freight.cargo.site/w/1000/i/41cd62034005b2c561db3287d5bab9a033d04dc58208f31b2e06b1515414868a/notebook_2.png" /> <img width="2000" height="1500" width_o="2000" height_o="1500" data-src="https://freight.cargo.site/t/original/i/1197b75d7480cc1bff180cfdcc6f6941cb648a75018c2cc2ad87888a8623a558/playingcards_mockup_002.png" data-mid="236155827" border="0" src="https://freight.cargo.site/w/1000/i/1197b75d7480cc1bff180cfdcc6f6941cb648a75018c2cc2ad87888a8623a558/playingcards_mockup_002.png" />