https://loganbrannen.com Logan Brannen Thu, 23 Feb 2023 02:08:56 +0000 https://loganbrannen.com en https://loganbrannen.com/HOME Sun, 12 Apr 2020 03:37:28 +0000 Logan Brannen https://loganbrannen.com/HOME https://loganbrannen.com/ABOUT-2 Fri, 20 Mar 2020 06:52:52 +0000 Logan Brannen https://loganbrannen.com/ABOUT-2 I’m a designer, builder, and art director interested in clarity — how ideas take shape, how systems support life, and how technology can feel more human instead of more demanding. My work spans product design, brand identity, visual systems, and creative code. I’m especially drawn to AI-native interfaces and tools that help people make sense of things without adding noise — and increasingly, tools that support expression, taste, and pushing culture forward. My practice has shifted toward building directly in code — learning how things work beneath the surface, and knowing when to step back into pixels and form. I’m interested in systems that evolve with the people who use them. I’m also a two-under-two dad, which has sharpened my relationship with time. It’s reinforced my belief that good design isn’t just about solving problems — it’s about care, attention, and protecting what matters. The best tools don’t demand more from us. They give something back. Away from the screen, I find clarity in black coffee, late-night walks, philosophy, snowboarding, fashion, curated inspo, intentional spaces, and Basquiat drawings. &gt; LINKEDIN &gt; INSTAGRAM &gt; COSMOS&gt; GITHUB &gt; CV&gt; X <img width="0" height="0" width_o="0" height_o="0" data-src="https://freight.cargo.site/t/original/i//A4BC06A2-F2E2-4CC7-83BF-603B24DD87E3.JPG" data-mid="168157537" border="0" src="https://freight.cargo.site/w/0/i//A4BC06A2-F2E2-4CC7-83BF-603B24DD87E3.JPG" /><img width="2160" height="2700" width_o="2160" height_o="2700" data-src="https://freight.cargo.site/t/original/i/c1bc9f4a34767741549a9447f1519af4ae5db5bffde912de35db156bb054ad0e/founder-20.JPG" data-mid="244523000" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/c1bc9f4a34767741549a9447f1519af4ae5db5bffde912de35db156bb054ad0e/founder-20.JPG" /> Currently working on a new folio to house my recent product design, brand identity, and marketing work post-AI boom. Inquire for details. https://loganbrannen.com/MILEIQ Wed, 22 Feb 2023 21:28:12 +0000 Logan Brannen https://loganbrannen.com/MILEIQ (01)&nbsp; MILEIQ. (2022–2023)&nbsp; SELECTED WORKS. (TYPE) &nbsp;PRODUCT DESIGN, VISUAL DESIGN, ART DIRECTION. <img width="1600" height="1200" width_o="1600" height_o="1200" data-src="https://freight.cargo.site/t/original/i/9ed0f068f3c8a51a35d9815bf8c857b3030354a8437c43f47647066ebd075628/Android_Settings.png" data-mid="169363697" border="0" src="https://freight.cargo.site/w/1000/i/9ed0f068f3c8a51a35d9815bf8c857b3030354a8437c43f47647066ebd075628/Android_Settings.png" /> OVERVIEWHeadquartered in San Francisco, MileIQ is a mileage tracking app that automatically logs your drives and calculates their value for taxes and reimbursements. With a mission to make mileage tracking easy and effortless those who drive for work, MileIQ is saving drivers time and money every year. Along with the iOS and Android app for individual&nbsp; drivers, MileIQ also offers a mileage tracking solution for businesses called MileIQ for Teams. ROLEDuring my time at MileIQ, I partnered with the Head of Design and UI Lead to tackle a variety of user challenges and design initiatives including an iOS/Android mobile app redesign, website facelift, MileIQ for Teams dashboard optimization, and more. I also owned all marketing-related design such as social media, email campaigns, and other brand collateral used to drive growth. SUBSCRIPTION PAGE REDESIGN The goals of the Subscription page redesign project were to communicate the value of the MileIQ Unlimited plan, provide a seamless upgrade and subscription management experience, as well as to highlight key stats for users to better understand the impact MileIQ has had for them. The flow prototyped below is an iOS free user upgrading to MileIQ Unlimited, however many other flows had to be considered and designed for different user types. Some of those flows include downgrading from an Unlimited to Free plan, managing/canceling a subscription, and expired subscriptions. CUSTOM RATES V1 Prior to this project, the Custom Rates feature was buried multiple levels within Settings making it inaccessible for Team admins to quickly find. The goal of this effort was to surface the feature at a higher level and provide team admins with the ability to easily track and customize their company’s mileage rates. In order to make this feature more accessible, it was surfaced in the side navigation. The outcome for V1 allows admins to change their current rates, set future rates, view rate history, delete rates, and reset their rate to the IRS default rate. Because MileIQ also has a user base in UK and Canada, the layout of the feature for those was slightly different as they have multiple customizable mileage rates to account for. The US version is the one prototyped below. COLD START FLOW The problem that prompted the Cold Start project was the fact that many users were creating MileIQ accounts, but were landing in the app for the first time on a blank screen with no education or guidance. This became both a point of friction and dropoff, so the goal here was to think about how we might better familiarize users with key features upon landing in the app so they’d be empowered to know what to do once they start logging drives. The outcome was an optional 3-step profile completion prompt that guides users to key actions that would make their lives easier prior to hitting the road. These steps included prompting users to add a home and work address, add a vehicle, and enable work hours so MileIQ can automatically classify drives as business during their work time. The plan for testing was to test the experience on Android first to gather any learnings prior to testing on iOS. https://loganbrannen.com/GLO-RAISE Thu, 23 Feb 2023 02:08:56 +0000 Logan Brannen https://loganbrannen.com/GLO-RAISE (02)&nbsp; GLO–RAISE. (2022–2023)&nbsp; SELECTED WORKS. (TYPE) &nbsp;PRODUCT DESIGN, BRANDING, WEB DESIGN. <img width="2434" height="2434" width_o="2434" height_o="2434" data-src="https://freight.cargo.site/t/original/i/1fa39d28007b2ba513f5b09b69bf792f664dd1bd2bf5a51919bbea8d07d994c8/gloraise.png" data-mid="169392233" border="0" src="https://freight.cargo.site/w/1000/i/1fa39d28007b2ba513f5b09b69bf792f664dd1bd2bf5a51919bbea8d07d994c8/gloraise.png" /> COMING SOON ︎ Glo–raise is a global crowdfunding platform that utilizes a data-driven readiness assessment to match founders with funders, streamlining entrepreneurs’ path to the right investment. In partnership with my good friend and colleague, Seth Austin, we performed a full rebrand, a product/website redesign, and ideated future additions for the Glo–raise product. This is an ongoing collaboration. https://loganbrannen.com/SEATED Mon, 09 May 2022 19:12:05 +0000 Logan Brannen https://loganbrannen.com/SEATED (03)&nbsp; SEATED. (2021–2022)&nbsp; SELECTED WORKS. (TYPE) &nbsp;PRODUCT DESIGN, UX/UI, INTERACTION DESIGN. <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/670a9e62a9aa1c4cf65b0e1a60fa817c60dac09b3089a3afe4cb3ccbb65164cc/Slide-16_9---5.png" data-mid="142254879" border="0" src="https://freight.cargo.site/w/1000/i/670a9e62a9aa1c4cf65b0e1a60fa817c60dac09b3089a3afe4cb3ccbb65164cc/Slide-16_9---5.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/16dcc8159919bf467f3a3441e37ea524a1fb57690baa762235230115f4c9d56e/Slide-16_9---1.png" data-mid="142254875" border="0" src="https://freight.cargo.site/w/1000/i/16dcc8159919bf467f3a3441e37ea524a1fb57690baa762235230115f4c9d56e/Slide-16_9---1.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/6993fa9d6b6e46d9a81d6563639b178e2415e0785c32891000ee607b3a6aefb6/Slide-16_9---3.png" data-mid="142254877" border="0" src="https://freight.cargo.site/w/1000/i/6993fa9d6b6e46d9a81d6563639b178e2415e0785c32891000ee607b3a6aefb6/Slide-16_9---3.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/1b1e5a8f4afd14689b54e2de84a0f3233159096ef50f04d5c81d4a6863ee5f75/Slide-16_9---2.png" data-mid="142254876" border="0" src="https://freight.cargo.site/w/1000/i/1b1e5a8f4afd14689b54e2de84a0f3233159096ef50f04d5c81d4a6863ee5f75/Slide-16_9---2.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/6b7adc81dc383af09eb9186def6fe014a6431d57beba87c4f3933e1c99703e0a/Slide-16_9---4.png" data-mid="142254878" border="0" src="https://freight.cargo.site/w/1000/i/6b7adc81dc383af09eb9186def6fe014a6431d57beba87c4f3933e1c99703e0a/Slide-16_9---4.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/79f3d3079e6be45e0340b1dfe455dfa05067217cf79e1c517a0707b647d13269/Slide-16_9---7.png" data-mid="142254880" border="0" src="https://freight.cargo.site/w/1000/i/79f3d3079e6be45e0340b1dfe455dfa05067217cf79e1c517a0707b647d13269/Slide-16_9---7.png" /> CASE STUDY IN PROGRESS ︎ But for now, here’s a sneak peek of my work during my time as a Product Designer at Seated. While I was there, I collaborated closely with the VP of Design and the Product team to design and optimize various features across the Seated iOS app and web experiences to drive top of funnel conversion, restaurant discovery, user retention, and other success metrics.Seated App ︎︎︎ Seated Website ︎︎︎ https://loganbrannen.com/THE-ZEBRA Mon, 09 May 2022 19:14:47 +0000 Logan Brannen https://loganbrannen.com/THE-ZEBRA (04)&nbsp; THE ZEBRA. (2020–2021)&nbsp; SELECTED WORKS. (TYPE) &nbsp;PRODUCT DESIGN, UX/UI, INTERACTION DESIGN. <img width="1600" height="1600" width_o="1600" height_o="1600" data-src="https://freight.cargo.site/t/original/i/5020860fec44fad0f48a935c74ece962be84db76414804e6d037acaeaf347b2c/TheZebra.png" data-mid="142100117" border="0" src="https://freight.cargo.site/w/1000/i/5020860fec44fad0f48a935c74ece962be84db76414804e6d037acaeaf347b2c/TheZebra.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/41db3e01934588df4087ab5576d42e28170d4e81082b558372b94605fec80db5/Slide-16_9---3.png" data-mid="142257638" border="0" src="https://freight.cargo.site/w/1000/i/41db3e01934588df4087ab5576d42e28170d4e81082b558372b94605fec80db5/Slide-16_9---3.png" /><img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/add23ad66d2e8a7592323aea9e7e52fcf64ff647849f4bcbac8f432736e92c92/Slide-16_9---4.png" data-mid="142257639" border="0" src="https://freight.cargo.site/w/1000/i/add23ad66d2e8a7592323aea9e7e52fcf64ff647849f4bcbac8f432736e92c92/Slide-16_9---4.png" /><img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/2bd4dcd28d03b2f75d253ecf3ed5aa3011587d4c170f511bd4881719e862d237/Slide-16_9---5.png" data-mid="142257640" border="0" src="https://freight.cargo.site/w/1000/i/2bd4dcd28d03b2f75d253ecf3ed5aa3011587d4c170f511bd4881719e862d237/Slide-16_9---5.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/4f89ca2c0b20f17286768e60da9c8742b33c81abcd70bb1dbe51b225c7425de9/Slide-16_9---6.png" data-mid="142257641" border="0" src="https://freight.cargo.site/w/1000/i/4f89ca2c0b20f17286768e60da9c8742b33c81abcd70bb1dbe51b225c7425de9/Slide-16_9---6.png" /> CASE STUDY IN PROGRESS&nbsp;︎ But for now, here’s a sneak peek of my work during my time as an Associate Product Designer at the Zebra. While I was there, I collaborated cross-functionally to drive parity between The Zebra’s auto, home, and bundling funnel flows and designed new features focused on user education and optimizing the insurance comparison experience. The Zebra Web App&nbsp;︎︎︎ https://loganbrannen.com/DROPBOX-FOCUS-2 Tue, 24 Mar 2020 18:28:02 +0000 Logan Brannen https://loganbrannen.com/DROPBOX-FOCUS-2 (05)&nbsp; DROPBOX FOCUS. (2020)&nbsp; STUDENT PROJECT. (TYPE) &nbsp;BRANDING, ART DIRECTION, UX/UI. <img width="3244" height="3244" width_o="3244" height_o="3244" data-src="https://freight.cargo.site/t/original/i/9c8aa5b3f2e7023db1723bc217e05e0af1d3c341b0b78ddbfe4dc828e0e375fc/Frame-150.png" data-mid="69033272" border="0" src="https://freight.cargo.site/w/1000/i/9c8aa5b3f2e7023db1723bc217e05e0af1d3c341b0b78ddbfe4dc828e0e375fc/Frame-150.png" /> OVERVIEWDropbox Focus is photo archiving system that uses smart features, metadata tagging, and suggestions to help you organize and find your photos more seamlessly. The product was designed as a brand extension for Dropbox as an opportunity to utilize their emerging machine learning technology in the context of a photo-based mobile and desktop application. ART DIRECTION/STRATEGY | Logan Brannen, Ivan AlvaradoADVERTISING/COPYWRITING | Logan Brannen, Ivan AlvaradoMOBILE APP | Logan Brannen, Ivan Alvarado DESKTOP APP | Ivan AlvaradoEVENT DESIGN | Logan Brannen, Ivan AlvaradoPROMO PRODUCTS/EPHEMERA | Logan Brannen, Ivan AlvaradoMOTION GRAPHICS | Logan Brannen CHALLENGEIn today’s digital age, most of us spend a significant (slightly disturbing) amount of time on our smart devices, hoarding thousands of photos from day to day life that almost seem impossible to sort through. Dropbox faces the challenge of solving people’s photo glut problem with a functional photo system that lives and breathes hassle-free.EXECUTION The outcome of the brand extension is a brand strategy that informs a flexible, energetic new identity and messaging tone, the UX/UI design of the Dropbox Focus app, brand activation through a social media campaign, SXSW-targeted product advertising, as well as the product launch through an organized SXSW event. &nbsp; &nbsp; IDENTITY DEVELOPMENT Before designing the visual identity, we surfed through Dropbox’s current design system, allowing us to better understand the strategy behind their brand guidelines. This inspired us to create a flexible identity system that injects the same vibrant energy and freshness, while still maintaining sharpness and consistency. The idea was to represent an ever-changing photospace and emphasize the notion of focal points.&nbsp; <img width="2138" height="2139" width_o="2138" height_o="2139" data-src="https://freight.cargo.site/t/original/i/d377b6920727f113903ce19e703011e5381d18cc19690abff29088e98fb9a0de/Brandmark.png" data-mid="67652590" border="0" src="https://freight.cargo.site/w/1000/i/d377b6920727f113903ce19e703011e5381d18cc19690abff29088e98fb9a0de/Brandmark.png" /><img width="8480" height="5164" width_o="8480" height_o="5164" data-src="https://freight.cargo.site/t/original/i/6628efda524ad3c2071601b73019af44d45c76804c7316951fa8a0eec4ece20b/Logo.png" data-mid="66833517" border="0" src="https://freight.cargo.site/w/1000/i/6628efda524ad3c2071601b73019af44d45c76804c7316951fa8a0eec4ece20b/Logo.png" /> <img width="2130" height="1295" width_o="2130" height_o="1295" data-src="https://freight.cargo.site/t/original/i/12b29d5075e44a5283d9476cf157bb9b8ddeded420fb9280468c56a669c94d7c/Logo_Evolution.png" data-mid="66848183" border="0" src="https://freight.cargo.site/w/1000/i/12b29d5075e44a5283d9476cf157bb9b8ddeded420fb9280468c56a669c94d7c/Logo_Evolution.png" /> <img width="2144" height="1304" width_o="2144" height_o="1304" data-src="https://freight.cargo.site/t/original/i/a592d52f4a3c5c458e8a2dba29d94e66a6fee6e085f34935efa5684e748d0b8a/Typography_Black.png" data-mid="66848181" border="0" src="https://freight.cargo.site/w/1000/i/a592d52f4a3c5c458e8a2dba29d94e66a6fee6e085f34935efa5684e748d0b8a/Typography_Black.png" /> <img width="2130" height="1296" width_o="2130" height_o="1296" data-src="https://freight.cargo.site/t/original/i/88a641e7041d04c228e8ae6ddff7d257b6a868811df5e431f688de33ceb4cabe/Group-877.png" data-mid="69053524" border="0" src="https://freight.cargo.site/w/1000/i/88a641e7041d04c228e8ae6ddff7d257b6a868811df5e431f688de33ceb4cabe/Group-877.png" /> <img width="2130" height="1295" width_o="2130" height_o="1295" data-src="https://freight.cargo.site/t/original/i/28f066443a97e7d96c6fc60da676ec4622b795885fc6c8a921793d9a4c006a0c/Mission.png" data-mid="66848182" border="0" src="https://freight.cargo.site/w/1000/i/28f066443a97e7d96c6fc60da676ec4622b795885fc6c8a921793d9a4c006a0c/Mission.png" /> <img width="2130" height="1295" width_o="2130" height_o="1295" data-src="https://freight.cargo.site/t/original/i/7370ba7905517da8fae893fab262f7502ab827633eadb3944d748d78811c074b/BrandVoice.png" data-mid="66848179" border="0" src="https://freight.cargo.site/w/1000/i/7370ba7905517da8fae893fab262f7502ab827633eadb3944d748d78811c074b/BrandVoice.png" /> <img width="2128" height="1294" width_o="2128" height_o="1294" data-src="https://freight.cargo.site/t/original/i/d3b96a2cfa284ac10cf628bb53cd64be4adde3aac6aaef27b1d201582f3066fc/TaglineUSP.png" data-mid="66848180" border="0" src="https://freight.cargo.site/w/1000/i/d3b96a2cfa284ac10cf628bb53cd64be4adde3aac6aaef27b1d201582f3066fc/TaglineUSP.png" /> <img width="2130" height="1296" width_o="2130" height_o="1296" data-src="https://freight.cargo.site/t/original/i/ad3d84951881f83f56976968ed24c86ee20444e5b025af1d49bf9601bf4ec4df/Group-880.png" data-mid="69054170" border="0" src="https://freight.cargo.site/w/1000/i/ad3d84951881f83f56976968ed24c86ee20444e5b025af1d49bf9601bf4ec4df/Group-880.png" /> BRANDING &amp; ADVERTISING The aim of the advertising campaign is to express the brand through a series of general product-driven ads that introduce the product, as well as a series of horizontal street ads targeting people navigating the streets of SXSW. We incorporated conversational copy and calls to action to encourage people to learn more on the Dropbox Focus microsite.&nbsp; <img width="3800" height="2500" width_o="3800" height_o="2500" data-src="https://freight.cargo.site/t/original/i/a686429f75622d17eb2bc9bb3388741651856afb529f9919d0972356ce6cf79a/DBX_ProductAds_Final.png" data-mid="66834431" border="0" src="https://freight.cargo.site/w/1000/i/a686429f75622d17eb2bc9bb3388741651856afb529f9919d0972356ce6cf79a/DBX_ProductAds_Final.png" /> &nbsp; <img width="1878" height="1252" width_o="1878" height_o="1252" data-src="https://freight.cargo.site/t/original/i/31856dfc4f26d270bd2d30768511c695ed375d93b233145addf47f16032d781e/DBX_Feature_Focused_3-3.png" data-mid="66855666" border="0" src="https://freight.cargo.site/w/1000/i/31856dfc4f26d270bd2d30768511c695ed375d93b233145addf47f16032d781e/DBX_Feature_Focused_3-3.png" /> <img width="1876" height="1250" width_o="1876" height_o="1250" data-src="https://freight.cargo.site/t/original/i/58c867f1e3ca37a51361272a9f6740b9a6c28f9dc334b590904d6c1f6c0c1b30/DBX_Feature_Focused_2-3.png" data-mid="66855663" border="0" src="https://freight.cargo.site/w/1000/i/58c867f1e3ca37a51361272a9f6740b9a6c28f9dc334b590904d6c1f6c0c1b30/DBX_Feature_Focused_2-3.png" /> <img width="1878" height="1252" width_o="1878" height_o="1252" data-src="https://freight.cargo.site/t/original/i/e6cc867fe89cb198f12462a69929979712319e4d8c7bd9e9b1aaf8d2e2a2c227/DBX_Feature_Focused_1-3.png" data-mid="66855623" border="0" src="https://freight.cargo.site/w/1000/i/e6cc867fe89cb198f12462a69929979712319e4d8c7bd9e9b1aaf8d2e2a2c227/DBX_Feature_Focused_1-3.png" /> <img width="2048" height="1366" width_o="2048" height_o="1366" data-src="https://freight.cargo.site/t/original/i/692a9db1c037080b6dc2bab73c28d54a97e0b79b2a19e1a138b054503cbaabad/DBX_BlastPastAd-1.jpg" data-mid="66998008" border="0" src="https://freight.cargo.site/w/1000/i/692a9db1c037080b6dc2bab73c28d54a97e0b79b2a19e1a138b054503cbaabad/DBX_BlastPastAd-1.jpg" /> <img width="2048" height="1366" width_o="2048" height_o="1366" data-src="https://freight.cargo.site/t/original/i/02f514d6cdb9b996b67e8d7a2cd8162fd3b1c3f3a4dbb7a240132b289f3d1b56/DBX_DadAceAd-1.jpg" data-mid="66998009" border="0" src="https://freight.cargo.site/w/1000/i/02f514d6cdb9b996b67e8d7a2cd8162fd3b1c3f3a4dbb7a240132b289f3d1b56/DBX_DadAceAd-1.jpg" /> <img width="2048" height="1366" width_o="2048" height_o="1366" data-src="https://freight.cargo.site/t/original/i/920e469a6422ea28d8bbf6c7839b60c8c395f8d470fd2ac4002322113d274e14/streetbillboard-1.jpg" data-mid="66998010" border="0" src="https://freight.cargo.site/w/1000/i/920e469a6422ea28d8bbf6c7839b60c8c395f8d470fd2ac4002322113d274e14/streetbillboard-1.jpg" /> <img width="2048" height="1365" width_o="2048" height_o="1365" data-src="https://freight.cargo.site/t/original/i/6c5967abc2d1dced9a5ff6167bb8fe64fa0a229191e8df406c06050f7bdc93f1/DBX_TilePosters2.jpg" data-mid="66998011" border="0" src="https://freight.cargo.site/w/1000/i/6c5967abc2d1dced9a5ff6167bb8fe64fa0a229191e8df406c06050f7bdc93f1/DBX_TilePosters2.jpg" />SOCIAL MEDIA CAMPAIGN The social media campaign was used to reflect the smart tagging feature of the Focus app in an interesting way. It showcases a range of colorful snapshots that have their own unique tags to give a sense of how this feature could be utilized within the app. The social media page helps to tie the general ad campaign and Focus Fest together. <img width="4000" height="2546" width_o="4000" height_o="2546" data-src="https://freight.cargo.site/t/original/i/ced9cef6e1edf0d95d7dff1eb390f2bf504f13528775e0e8eb5a8ef167f82df1/Social_Mosaic.png" data-mid="66873806" border="0" src="https://freight.cargo.site/w/1000/i/ced9cef6e1edf0d95d7dff1eb390f2bf504f13528775e0e8eb5a8ef167f82df1/Social_Mosaic.png" /> <img width="4001" height="2546" width_o="4001" height_o="2546" data-src="https://freight.cargo.site/t/original/i/a6a3e2c973226b66af83adc040701ede6b63a0ff40f2ba2fc25306c46c044d70/Social_Hightlights.png" data-mid="66873808" border="0" src="https://freight.cargo.site/w/1000/i/a6a3e2c973226b66af83adc040701ede6b63a0ff40f2ba2fc25306c46c044d70/Social_Hightlights.png" /> ESTABLISHING DIGITAL TOUCHPOINTS For a company driven by technology, it was important to include a series of digital touchpoints to showcase how the brand interacts on screen. These touchpoints include moving street ads and Instagram stories. We also created a Dropbox Focus microsite that people would be lead to when visiting the link seen on social media or advertisements. The Dropbox Focus microsite introduces the product and hints at its unveiling at an event called Focus Fest at SXSW. Once visitors download the app and register with their email on the microsite, they receive an email from Dropbox Focus that provides an invite link they can download. This prompts an official invite to Focus Fest to populate in their app. DESIGNING THE DROPBOX FOCUS APP EXPERIENCE For designing the Focus app experience, we chose to take a minimalistic approach that is reflective of existing Dropbox interface design.&nbsp; <img width="2500" height="1875" width_o="2500" height_o="1875" data-src="https://freight.cargo.site/t/original/i/395df4b5867e9d22dcc6595849ca7aae213f5dc9d3603d4f30e2e0880b7e51c1/iMac_Desktop2.jpg" data-mid="70002223" border="0" src="https://freight.cargo.site/w/1000/i/395df4b5867e9d22dcc6595849ca7aae213f5dc9d3603d4f30e2e0880b7e51c1/iMac_Desktop2.jpg" /> <img width="2500" height="1875" width_o="2500" height_o="1875" data-src="https://freight.cargo.site/t/original/i/d7f39e863a05825c2c19ca963312e4c30ff60aa5282540627b1fc3635de2554b/iMac_Desktop1.jpg" data-mid="70002222" border="0" src="https://freight.cargo.site/w/1000/i/d7f39e863a05825c2c19ca963312e4c30ff60aa5282540627b1fc3635de2554b/iMac_Desktop1.jpg" /> <img width="4000" height="2546" width_o="4000" height_o="2546" data-src="https://freight.cargo.site/t/original/i/7c8c7bd78bc719361935453dbbb18243baf4ed5f8e691638a1016db8070a0c37/Frame-151.png" data-mid="69048568" border="0" src="https://freight.cargo.site/w/1000/i/7c8c7bd78bc719361935453dbbb18243baf4ed5f8e691638a1016db8070a0c37/Frame-151.png" /> <img width="4000" height="2546" width_o="4000" height_o="2546" data-src="https://freight.cargo.site/t/original/i/97fbe15125e7171b3ba8613906bc0b74c2cfa59869021413f6e2a54399712417/Frame-152.png" data-mid="69048569" border="0" src="https://freight.cargo.site/w/1000/i/97fbe15125e7171b3ba8613906bc0b74c2cfa59869021413f6e2a54399712417/Frame-152.png" /> <img width="4000" height="2546" width_o="4000" height_o="2546" data-src="https://freight.cargo.site/t/original/i/ac0ed1116b25c734707652aed95bf2b5f6e868f49c98d7c98888fbd80988f747/Frame-156.png" data-mid="69048572" border="0" src="https://freight.cargo.site/w/1000/i/ac0ed1116b25c734707652aed95bf2b5f6e868f49c98d7c98888fbd80988f747/Frame-156.png" /> <img width="4000" height="2546" width_o="4000" height_o="2546" data-src="https://freight.cargo.site/t/original/i/a77aa62410028b77f89d17fc41fc2abed57386ccce60a7d8ac97682c874f91a1/Frame-154.png" data-mid="69048570" border="0" src="https://freight.cargo.site/w/1000/i/a77aa62410028b77f89d17fc41fc2abed57386ccce60a7d8ac97682c874f91a1/Frame-154.png" /> <img width="4000" height="2546" width_o="4000" height_o="2546" data-src="https://freight.cargo.site/t/original/i/ad2dcfb95b38bb7073c83428931526a03e6f61b1f3bad2beed469c641aea5ea0/Frame-155.png" data-mid="69048571" border="0" src="https://freight.cargo.site/w/1000/i/ad2dcfb95b38bb7073c83428931526a03e6f61b1f3bad2beed469c641aea5ea0/Frame-155.png" /> <img width="2642" height="2642" width_o="2642" height_o="2642" data-src="https://freight.cargo.site/t/original/i/3744b9a76ca038aa900e27e2ae238854a7e7f13db723dbf3b65aa48f11a510d0/ID_Collection_Lanyards.png" data-mid="66867752" border="0" src="https://freight.cargo.site/w/1000/i/3744b9a76ca038aa900e27e2ae238854a7e7f13db723dbf3b65aa48f11a510d0/ID_Collection_Lanyards.png" /> <img width="3912" height="1708" width_o="3912" height_o="1708" data-src="https://freight.cargo.site/t/original/i/e20df91ce81fda090bc071c1e959972dec4889cce335bf12b7dbf4511ffe114c/Frame-153.png" data-mid="69031615" border="0" src="https://freight.cargo.site/w/1000/i/e20df91ce81fda090bc071c1e959972dec4889cce335bf12b7dbf4511ffe114c/Frame-153.png" /> PRODUCT LAUNCH AT FOCUS FEST Focus Fest is a compact music festival designed to serve as the official launch party for the Dropbox Focus app. With SXSW being a premier hub for tech innovation, we decided this would be the perfect setting for the event to take place. This party not only showcases the smart photo app, but brings together a lineup of all Texan music acts to rock out at the Mohawk. With a beer sponsorship and collaboration with Lone Star Beer, Focus Fest celebrates talent and innovation in true Austin taste. <img width="3698" height="3698" width_o="3698" height_o="3698" data-src="https://freight.cargo.site/t/original/i/04a0f5d47e2b6e38462d335ffe43d7fbffa907d759b960a6050fa3638c15ba06/Frame-162.png" data-mid="69510770" border="0" src="https://freight.cargo.site/w/1000/i/04a0f5d47e2b6e38462d335ffe43d7fbffa907d759b960a6050fa3638c15ba06/Frame-162.png" /><img width="1849" height="3176" width_o="1849" height_o="3176" data-src="https://freight.cargo.site/t/original/i/bbe2764aa8aa0aadff32de713686933fa98222266dcdd350017e2e935d375669/FF_CustomType-2.png" data-mid="69785804" border="0" src="https://freight.cargo.site/w/1000/i/bbe2764aa8aa0aadff32de713686933fa98222266dcdd350017e2e935d375669/FF_CustomType-2.png" /> <img width="4010" height="2674" width_o="4010" height_o="2674" data-src="https://freight.cargo.site/t/original/i/bf241a0ee5065f97f1d5529ea45bb2b6206a0531533a53f78d8a1a8c1fd569f7/DBX_BlackFlag_Red-2.png" data-mid="67650289" border="0" src="https://freight.cargo.site/w/1000/i/bf241a0ee5065f97f1d5529ea45bb2b6206a0531533a53f78d8a1a8c1fd569f7/DBX_BlackFlag_Red-2.png" /><img width="2512" height="1676" width_o="2512" height_o="1676" data-src="https://freight.cargo.site/t/original/i/c56c64c1231b8133355bd9346e6f3ff0bee354bda0396cb959d6e2474ff45ac9/ffstreet2-3.png" data-mid="67650381" border="0" src="https://freight.cargo.site/w/1000/i/c56c64c1231b8133355bd9346e6f3ff0bee354bda0396cb959d6e2474ff45ac9/ffstreet2-3.png" /> <img width="2513" height="1530" width_o="2513" height_o="1530" data-src="https://freight.cargo.site/t/original/i/fb82cde581c7d42a1649d7a6c13055771e526dc6acce73bc9eefb67a0abf7489/FF_Wristbands.png" data-mid="66867280" border="0" src="https://freight.cargo.site/w/1000/i/fb82cde581c7d42a1649d7a6c13055771e526dc6acce73bc9eefb67a0abf7489/FF_Wristbands.png" /> <img width="10500" height="7000" width_o="10500" height_o="7000" data-src="https://freight.cargo.site/t/original/i/a32fc70e8f3d5bc46eaed1c5db559dcc4c6d6ff620aaeb0caf1c6511b1dafc84/Nametag_Artist.png" data-mid="66834439" border="0" src="https://freight.cargo.site/w/1000/i/a32fc70e8f3d5bc46eaed1c5db559dcc4c6d6ff620aaeb0caf1c6511b1dafc84/Nametag_Artist.png" /> <img width="10500" height="7000" width_o="10500" height_o="7000" data-src="https://freight.cargo.site/t/original/i/cb50d4126697b9fae498af3839cb1fcf37a2611def3cbd3e7287f7c79b683f94/Nametag_Visitor.png" data-mid="66834443" border="0" src="https://freight.cargo.site/w/1000/i/cb50d4126697b9fae498af3839cb1fcf37a2611def3cbd3e7287f7c79b683f94/Nametag_Visitor.png" /> <img width="10500" height="7000" width_o="10500" height_o="7000" data-src="https://freight.cargo.site/t/original/i/69b725f968c67644fe8e6b333250cfaade9d8c2598a816b703a0517f623eba9f/Nametag_DBX.png" data-mid="66834441" border="0" src="https://freight.cargo.site/w/1000/i/69b725f968c67644fe8e6b333250cfaade9d8c2598a816b703a0517f623eba9f/Nametag_DBX.png" /> <img width="10500" height="7000" width_o="10500" height_o="7000" data-src="https://freight.cargo.site/t/original/i/0aaa590cdf13680ed3d1de7403e361abcec9ee4658fb0c4c3d3b007ce0d641a8/Nametag_Crew.png" data-mid="66834440" border="0" src="https://freight.cargo.site/w/1000/i/0aaa590cdf13680ed3d1de7403e361abcec9ee4658fb0c4c3d3b007ce0d641a8/Nametag_Crew.png" /> <img width="2642" height="2642" width_o="2642" height_o="2642" data-src="https://freight.cargo.site/t/original/i/3744b9a76ca038aa900e27e2ae238854a7e7f13db723dbf3b65aa48f11a510d0/ID_Collection_Lanyards.png" data-mid="66867752" border="0" src="https://freight.cargo.site/w/1000/i/3744b9a76ca038aa900e27e2ae238854a7e7f13db723dbf3b65aa48f11a510d0/ID_Collection_Lanyards.png" /> <img width="2342" height="3346" width_o="2342" height_o="3346" data-src="https://freight.cargo.site/t/original/i/245a3cb23ed658a52c722a9850aa0be48350bc2500497f6bb80a1831de2b2b51/DBX_BitmapPoster_Blue.png" data-mid="67651448" border="0" src="https://freight.cargo.site/w/1000/i/245a3cb23ed658a52c722a9850aa0be48350bc2500497f6bb80a1831de2b2b51/DBX_BitmapPoster_Blue.png" /> <img width="2342" height="3346" width_o="2342" height_o="3346" data-src="https://freight.cargo.site/t/original/i/415da784c5b94078667ce808e9189e54104b7c737c8c2e6ae4a154e780692237/DBX_BitmapPoster_Green.png" data-mid="67651449" border="0" src="https://freight.cargo.site/w/1000/i/415da784c5b94078667ce808e9189e54104b7c737c8c2e6ae4a154e780692237/DBX_BitmapPoster_Green.png" /> <img width="2342" height="3346" width_o="2342" height_o="3346" data-src="https://freight.cargo.site/t/original/i/4611626751d35d5474aa9e83f90a3a9855f0e65d6f5fb05eb837b6bb8bab89b7/DBX_BitmapPoster_Red.png" data-mid="67651450" border="0" src="https://freight.cargo.site/w/1000/i/4611626751d35d5474aa9e83f90a3a9855f0e65d6f5fb05eb837b6bb8bab89b7/DBX_BitmapPoster_Red.png" /> <img width="2342" height="3346" width_o="2342" height_o="3346" data-src="https://freight.cargo.site/t/original/i/5327bcafeea79636946acd1df9dbad85e4e0aabcce77f52b6d528fc53753160b/DBX_BitmapPoster_Peach.png" data-mid="67651451" border="0" src="https://freight.cargo.site/w/1000/i/5327bcafeea79636946acd1df9dbad85e4e0aabcce77f52b6d528fc53753160b/DBX_BitmapPoster_Peach.png" /> <img width="8216" height="6162" width_o="8216" height_o="6162" data-src="https://freight.cargo.site/t/original/i/f54b243aea4a3854bc7fbddafbb047169b733eb72d8cecad2639ca7da9d7f093/front-1.png" data-mid="66868697" border="0" src="https://freight.cargo.site/w/1000/i/f54b243aea4a3854bc7fbddafbb047169b733eb72d8cecad2639ca7da9d7f093/front-1.png" /> <img width="8112" height="6084" width_o="8112" height_o="6084" data-src="https://freight.cargo.site/t/original/i/60090c99c23a10cd37eeadb86d4d7e53069d16867af28cfb8431b3926589aa78/back-1.png" data-mid="66868695" border="0" src="https://freight.cargo.site/w/1000/i/60090c99c23a10cd37eeadb86d4d7e53069d16867af28cfb8431b3926589aa78/back-1.png" /> <img width="2126" height="1578" width_o="2126" height_o="1578" data-src="https://freight.cargo.site/t/original/i/9b2cb7a96a207e15a8bf53616b5e76ad62d7a4a3d8c7e8ecec851f86b3a49a7e/DBX_PromoCards-3.png" data-mid="66868872" border="0" src="https://freight.cargo.site/w/1000/i/9b2cb7a96a207e15a8bf53616b5e76ad62d7a4a3d8c7e8ecec851f86b3a49a7e/DBX_PromoCards-3.png" /> <img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/8407d659d28f1f2b1079b0cacd3a08bbb5ddc890a5c10499a3d53a15717029e0/FF_IPA_Blue.png" data-mid="66834433" border="0" src="https://freight.cargo.site/w/1000/i/8407d659d28f1f2b1079b0cacd3a08bbb5ddc890a5c10499a3d53a15717029e0/FF_IPA_Blue.png" /> <img width="2169" height="1446" width_o="2169" height_o="1446" data-src="https://freight.cargo.site/t/original/i/5b7c0d3e311c8fe920622094f2837c0f420945645cc139173fb8e11258a40fe6/CTM_BlueBG.png" data-mid="66871395" border="0" src="https://freight.cargo.site/w/1000/i/5b7c0d3e311c8fe920622094f2837c0f420945645cc139173fb8e11258a40fe6/CTM_BlueBG.png" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/05c097555c5164198d61a3edbab043470da62731d366134302797bd9b95d05f0/dbx_glow.gif" data-mid="66870997" border="0" src="https://freight.cargo.site/w/1000/i/05c097555c5164198d61a3edbab043470da62731d366134302797bd9b95d05f0/dbx_glow.gif" /> <img width="1200" height="1200" width_o="1200" height_o="1200" data-src="https://freight.cargo.site/t/original/i/8457f363aa2de2734f4b020774f9ef3a1f8c49fadd5e670a3321648dc2883e08/DBX_CTM.gif" data-mid="66697355" border="0" src="https://freight.cargo.site/w/1000/i/8457f363aa2de2734f4b020774f9ef3a1f8c49fadd5e670a3321648dc2883e08/DBX_CTM.gif" /> https://loganbrannen.com/RUSSIAN-HOUSE-1 Fri, 17 Apr 2020 07:01:22 +0000 Logan Brannen https://loganbrannen.com/RUSSIAN-HOUSE-1 (06)&nbsp; RUSSIAN HOUSE. (2020)&nbsp; STUDENT PROJECT. (TYPE) &nbsp;BRANDING, ART DIRECTION. <img width="2000" height="1334" width_o="2000" height_o="1334" data-src="https://freight.cargo.site/t/original/i/cc8723193f42dcb82171e4cc4b977079407deee39abe045f1dee979d14b2ef89/RussianHouse_ScatteredCards_Web.jpg" data-mid="68351465" border="0" src="https://freight.cargo.site/w/1000/i/cc8723193f42dcb82171e4cc4b977079407deee39abe045f1dee979d14b2ef89/RussianHouse_ScatteredCards_Web.jpg" /> OVERVIEWLocated in middle of downtown Austin, Russian House is a restaurant &amp; bar fully authentic in its food and decor. It was founded by Vladimir Gribkov, a Russian-born executive chef with over 25 years of experience, whose mission is to give every guest a true taste of Russia. With a full range of Slavic cuisine, a collection of over 100 house-infused vodkas, weekly tango nights, and kitschy Russian props to try on, Russian House serves an offbeat cultural dining experience that’ll transport you back to the Old USSR. &nbsp; CHALLENGEWith many unique restaurant and bar concepts moving into town, Russian House faces the challenge of standing out against the pack and spreading the word of the rich flavor and experience they offer. In a saturated industry often driven by appeal, I saw an opportunity to embolden the brand and messaging in a way that feels modern and relevant, but also pays homage to the history of Old Russia.&nbsp; EXECUTIONWith historic nostalgia at the heart of the Russian House experience, the approach for the rebrand was to find the right balance between modernism and antiquity. Drawing inspiration from Russian Constructivist and Suprematist art from the Russian Revolution, the visual identity utilizes bold typography, color, shape, and collage elements to convey a sense of propaganda-like fervor and expressiveness. The messaging tone developed for the brand is a blend of friendly, eccentric, and ironic. The rebrand also includes an ad campaign, social media campaign, menu designs, packaging concepts, merch, and promo material. <img width="3646" height="2616" width_o="3646" height_o="2616" data-src="https://freight.cargo.site/t/original/i/f26a3fa96191d97bf47af9325a810df601b721ccf26da8b09331bbcdf74f66f2/RussianHouse_Intro.png" data-mid="69675896" border="0" src="https://freight.cargo.site/w/1000/i/f26a3fa96191d97bf47af9325a810df601b721ccf26da8b09331bbcdf74f66f2/RussianHouse_Intro.png" /><img width="2130" height="1297" width_o="2130" height_o="1297" data-src="https://freight.cargo.site/t/original/i/b80b25f16a47d39a5d3f6649a4dc44a660181e7ba442fb6c59d5d1de84c16ccb/RussianHouse_Logo.png" data-mid="67908935" border="0" src="https://freight.cargo.site/w/1000/i/b80b25f16a47d39a5d3f6649a4dc44a660181e7ba442fb6c59d5d1de84c16ccb/RussianHouse_Logo.png" /><img width="2770" height="3957" width_o="2770" height_o="3957" data-src="https://freight.cargo.site/t/original/i/b4d6f8aa1117dd546e278f0ae1c81265c971f3ad49a59cd4ce0dff33af8b3da6/TYPOGRAPHY.png" data-mid="69858525" border="0" src="https://freight.cargo.site/w/1000/i/b4d6f8aa1117dd546e278f0ae1c81265c971f3ad49a59cd4ce0dff33af8b3da6/TYPOGRAPHY.png" /><img width="2000" height="1334" width_o="2000" height_o="1334" data-src="https://freight.cargo.site/t/original/i/787050081873a00ce91be9577c0dad1ce55cb2f0dc85db1c9683af503641944a/RussianHouse_BusinessCard_Web.jpg" data-mid="68351463" border="0" src="https://freight.cargo.site/w/1000/i/787050081873a00ce91be9577c0dad1ce55cb2f0dc85db1c9683af503641944a/RussianHouse_BusinessCard_Web.jpg" /><img width="2000" height="1334" width_o="2000" height_o="1334" data-src="https://freight.cargo.site/t/original/i/3568dd7ad26c6971cd4b0eff2524a709b21c9742823f52f2c8b1bc996ea904f0/RussianHouse_Appetizers_Web.jpg" data-mid="68344399" border="0" src="https://freight.cargo.site/w/1000/i/3568dd7ad26c6971cd4b0eff2524a709b21c9742823f52f2c8b1bc996ea904f0/RussianHouse_Appetizers_Web.jpg" /><img width="2000" height="1334" width_o="2000" height_o="1334" data-src="https://freight.cargo.site/t/original/i/a6b433bff13ef09409a30428310d596710d0d3e424643881c76db9d89ebba5a2/RussianHouse_Entrees_Web.jpg" data-mid="68338001" border="0" src="https://freight.cargo.site/w/1000/i/a6b433bff13ef09409a30428310d596710d0d3e424643881c76db9d89ebba5a2/RussianHouse_Entrees_Web.jpg" /><img width="2000" height="1334" width_o="2000" height_o="1334" data-src="https://freight.cargo.site/t/original/i/352838a9e69f470999c27f220911519b342806e7be4599bda8b084ea95b49316/RussianHouse_TableCard_Web.jpg" data-mid="68351466" border="0" src="https://freight.cargo.site/w/1000/i/352838a9e69f470999c27f220911519b342806e7be4599bda8b084ea95b49316/RussianHouse_TableCard_Web.jpg" /><img width="3209" height="3760" width_o="3209" height_o="3760" data-src="https://freight.cargo.site/t/original/i/8d63985b80350e6ce62d6a590a405198d41e388d434f984af324a60ed9ae2a6d/RussianHouse_Social-1.png" data-mid="69676128" border="0" src="https://freight.cargo.site/w/1000/i/8d63985b80350e6ce62d6a590a405198d41e388d434f984af324a60ed9ae2a6d/RussianHouse_Social-1.png" /><img width="3907" height="2488" width_o="3907" height_o="2488" data-src="https://freight.cargo.site/t/original/i/2968ca2c5f647d4822c48b887ef0a1e27eb8bb2761d6159cb0bbdbf985df0b98/RH_SocialPage.png" data-mid="69687541" border="0" src="https://freight.cargo.site/w/1000/i/2968ca2c5f647d4822c48b887ef0a1e27eb8bb2761d6159cb0bbdbf985df0b98/RH_SocialPage.png" /><img width="3907" height="2488" width_o="3907" height_o="2488" data-src="https://freight.cargo.site/t/original/i/a2b7dba3975b0e8065178b4ba5334a87dae47024380c6f95b672b31407494baa/RH_SocialHighlights.png" data-mid="69687542" border="0" src="https://freight.cargo.site/w/1000/i/a2b7dba3975b0e8065178b4ba5334a87dae47024380c6f95b672b31407494baa/RH_SocialHighlights.png" /><img width="2500" height="1641" width_o="2500" height_o="1641" data-src="https://freight.cargo.site/t/original/i/1bffc805fc4c96015fb14b4d42c50556777e4e94591dbcf838b88d0b9aadcc8e/RussianHouse_StreetPosters_Web.jpg" data-mid="68348685" border="0" src="https://freight.cargo.site/w/1000/i/1bffc805fc4c96015fb14b4d42c50556777e4e94591dbcf838b88d0b9aadcc8e/RussianHouse_StreetPosters_Web.jpg" /><img width="2500" height="1667" width_o="2500" height_o="1667" data-src="https://freight.cargo.site/t/original/i/54b1f1db4aecefbceb686604c2b76e091455682b49e66ff7b38499304fc7357b/Rodchenko_HorizontalAd2.jpg" data-mid="69678289" border="0" src="https://freight.cargo.site/w/1000/i/54b1f1db4aecefbceb686604c2b76e091455682b49e66ff7b38499304fc7357b/Rodchenko_HorizontalAd2.jpg" /><img width="2000" height="1333" width_o="2000" height_o="1333" data-src="https://freight.cargo.site/t/original/i/2cb80a14877ea05f44a9dc1e5f4ce521797e1e34705b4dc41414103575f1892b/RussianHouse_FoodPosters.jpg" data-mid="68480824" border="0" src="https://freight.cargo.site/w/1000/i/2cb80a14877ea05f44a9dc1e5f4ce521797e1e34705b4dc41414103575f1892b/RussianHouse_FoodPosters.jpg" /><img width="2851" height="4017" width_o="2851" height_o="4017" data-src="https://freight.cargo.site/t/original/i/f9feb04cfea088df9a4f9d59a52e216e73da9caf98d7f11ed01164cf8075f5d1/Tango_Street_Flyers.png" data-mid="69834167" border="0" src="https://freight.cargo.site/w/1000/i/f9feb04cfea088df9a4f9d59a52e216e73da9caf98d7f11ed01164cf8075f5d1/Tango_Street_Flyers.png" /><img width="4015" height="2080" width_o="4015" height_o="2080" data-src="https://freight.cargo.site/t/original/i/1f59058e3cc601e6d70e9b15ccc68291c9d13a948aa94a60a50019183b2e71ee/RH_WallFlyers.png" data-mid="69841616" border="0" src="https://freight.cargo.site/w/1000/i/1f59058e3cc601e6d70e9b15ccc68291c9d13a948aa94a60a50019183b2e71ee/RH_WallFlyers.png" /><img width="4015" height="2080" width_o="4015" height_o="2080" data-src="https://freight.cargo.site/t/original/i/1ab613b3d667d37388fbef45be542a999df8bfa7f6618c85a4beb2289a4f5fb8/RussianHouse_LandingMock.png" data-mid="69677586" border="0" src="https://freight.cargo.site/w/1000/i/1ab613b3d667d37388fbef45be542a999df8bfa7f6618c85a4beb2289a4f5fb8/RussianHouse_LandingMock.png" /><img width="2500" height="3521" width_o="2500" height_o="3521" data-src="https://freight.cargo.site/t/original/i/a00e4b74815a4fd41b901d53331af8e1485974d3e8ba964a6d3479a975f4c855/RussianHouse_VodkaCards_Web.jpg" data-mid="68349007" border="0" src="https://freight.cargo.site/w/1000/i/a00e4b74815a4fd41b901d53331af8e1485974d3e8ba964a6d3479a975f4c855/RussianHouse_VodkaCards_Web.jpg" /><img width="1500" height="1125" width_o="1500" height_o="1125" data-src="https://freight.cargo.site/t/original/i/d16bec05c6ca1b2faff79831af1be198333376e94823b918b9d680dad76f3ae1/RussianHouse_TakeOut.png" data-mid="68385240" border="0" src="https://freight.cargo.site/w/1000/i/d16bec05c6ca1b2faff79831af1be198333376e94823b918b9d680dad76f3ae1/RussianHouse_TakeOut.png" /><img width="2500" height="1688" width_o="2500" height_o="1688" data-src="https://freight.cargo.site/t/original/i/911947dbd46a1fe03d34126896b0b831205371fe44fd5c71d85ff8d464706157/RussianHouse_Infusion.jpg" data-mid="68487391" border="0" src="https://freight.cargo.site/w/1000/i/911947dbd46a1fe03d34126896b0b831205371fe44fd5c71d85ff8d464706157/RussianHouse_Infusion.jpg" /><img width="2500" height="2000" width_o="2500" height_o="2000" data-src="https://freight.cargo.site/t/original/i/276eaeb83c6ea7b7bbfac365eb6597a77ae0b116bb2788027474c6df95d6a3d1/RussianHouse_Coasters.jpg" data-mid="68487392" border="0" src="https://freight.cargo.site/w/1000/i/276eaeb83c6ea7b7bbfac365eb6597a77ae0b116bb2788027474c6df95d6a3d1/RussianHouse_Coasters.jpg" /><img width="2500" height="1500" width_o="2500" height_o="1500" data-src="https://freight.cargo.site/t/original/i/66ed17298a86cdeff13d50f1387c485ae058178f50dc2e1c4a483e95b222e6e6/Yuri_Vodka_Release.png" data-mid="68494743" border="0" src="https://freight.cargo.site/w/1000/i/66ed17298a86cdeff13d50f1387c485ae058178f50dc2e1c4a483e95b222e6e6/Yuri_Vodka_Release.png" /> <img width="2500" height="1875" width_o="2500" height_o="1875" data-src="https://freight.cargo.site/t/original/i/3de9c7427b3c21ad7146c629bfc71428302f773c42183e4b2943153f9385d996/Yuri_Vodka_Red.jpg" data-mid="68495486" border="0" src="https://freight.cargo.site/w/1000/i/3de9c7427b3c21ad7146c629bfc71428302f773c42183e4b2943153f9385d996/Yuri_Vodka_Red.jpg" /> <img width="1500" height="1125" width_o="1500" height_o="1125" data-src="https://freight.cargo.site/t/original/i/c9e5e0ef763fc58f00742e4191b980bb9cfe0fc735463dc71c7c3dfb0bd62c8f/RH_Newspaper_Takeaway.png" data-mid="69546959" border="0" src="https://freight.cargo.site/w/1000/i/c9e5e0ef763fc58f00742e4191b980bb9cfe0fc735463dc71c7c3dfb0bd62c8f/RH_Newspaper_Takeaway.png" /> <img width="2500" height="1500" width_o="2500" height_o="1500" data-src="https://freight.cargo.site/t/original/i/031bab316b9d42cb9fdf3e4dd74e1d2b5e9787f9a54602aa0aea4536904ed4a9/EDT_Poster_Web.jpg" data-mid="68348808" border="0" src="https://freight.cargo.site/w/1000/i/031bab316b9d42cb9fdf3e4dd74e1d2b5e9787f9a54602aa0aea4536904ed4a9/EDT_Poster_Web.jpg" /><img width="2500" height="1500" width_o="2500" height_o="1500" data-src="https://freight.cargo.site/t/original/i/1c0ffb59898f202651ec1b5c40f58f6e0333c3b49d5f9a9ff8d55d499ad2a6fd/NaZdorovye_Poster_Web.jpg" data-mid="68487477" border="0" src="https://freight.cargo.site/w/1000/i/1c0ffb59898f202651ec1b5c40f58f6e0333c3b49d5f9a9ff8d55d499ad2a6fd/NaZdorovye_Poster_Web.jpg" /> <img width="2000" height="1500" width_o="2000" height_o="1500" data-src="https://freight.cargo.site/t/original/i/5c2ff9d24d11911f51416e07e4331955c79df26e005e355434e4e8871d4ce85d/Vodka_Sticker_Web.jpg" data-mid="68348867" border="0" src="https://freight.cargo.site/w/1000/i/5c2ff9d24d11911f51416e07e4331955c79df26e005e355434e4e8871d4ce85d/Vodka_Sticker_Web.jpg" /> <img width="2000" height="1500" width_o="2000" height_o="1500" data-src="https://freight.cargo.site/t/original/i/85a4df6e3649fdd2950649dd85631bff02059932f09d3ddccfe05112004d096e/RussianHouse_Sticker_Web.jpg" data-mid="68348875" border="0" src="https://freight.cargo.site/w/1000/i/85a4df6e3649fdd2950649dd85631bff02059932f09d3ddccfe05112004d096e/RussianHouse_Sticker_Web.jpg" /> <img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/0b871cef0d370fdab55add3c773c4b243dceae1b43a187bab13b6a6cf9c18807/RH_DISC.jpg" data-mid="68391788" border="0" src="https://freight.cargo.site/w/1000/i/0b871cef0d370fdab55add3c773c4b243dceae1b43a187bab13b6a6cf9c18807/RH_DISC.jpg" /> <img width="3254" height="3254" width_o="3254" height_o="3254" data-src="https://freight.cargo.site/t/original/i/3e472ee732c6de4040a20e57ab7530184a5181942f98a26281833a94de443a6c/LENIN_PROP.png" data-mid="67941998" border="0" src="https://freight.cargo.site/w/1000/i/3e472ee732c6de4040a20e57ab7530184a5181942f98a26281833a94de443a6c/LENIN_PROP.png" /> <img width="3254" height="3254" width_o="3254" height_o="3254" data-src="https://freight.cargo.site/t/original/i/e26c278fd7b4cf5bc13383e8cdeef262ee27e7b6bdde9522f761efe8ea08d820/MARX_PROP.png" data-mid="67941999" border="0" src="https://freight.cargo.site/w/1000/i/e26c278fd7b4cf5bc13383e8cdeef262ee27e7b6bdde9522f761efe8ea08d820/MARX_PROP.png" /> https://loganbrannen.com/BRIDGE-APP-2 Mon, 20 Apr 2020 01:01:39 +0000 Logan Brannen https://loganbrannen.com/BRIDGE-APP-2 (07)&nbsp; BRIDGE APP. (2019)&nbsp; STUDENT PROJECT. (TYPE) &nbsp;BRANDING, UX/UI, INTERACTION DESIGN. <img width="2138" height="2138" width_o="2138" height_o="2138" data-src="https://freight.cargo.site/t/original/i/3703f753c4d33c5873795d49c0d891d29f9c040e222acfebb8131f106f56eaef/Bridge_Thumbnail.png" data-mid="67639099" border="0" src="https://freight.cargo.site/w/1000/i/3703f753c4d33c5873795d49c0d891d29f9c040e222acfebb8131f106f56eaef/Bridge_Thumbnail.png" /> OVERVIEWBridge is an immigrant advocacy app that serves as a defense tool and educational resource fo unexpected encounters with ICE and other deportation officials. This app was designed as a speculative product extension for RAICES, the largest immigration legal provider in Texas. The mission of RAICES is to defend the rights of immigrants and refugees, empower individuals, families, and communities, and advocate for liberty and justice. RECOGNITIONSXSW INNOVATION LAB | Designing Mobile Apps for Diversity &amp; InclusionAIGA FLUX DESIGN COMPETITION | Best in UX/UI Category PROBLEMUnder the current administration, tensions at the United States Southwest border have grown and many families have been left seperated, in danger, or in fear. With the amazing work RAICES is doing, I saw an opportunity to address how design and technology can be used to design a new tool that will help empower, prepare, and protect the immigrant families and asylum seekers they advocate on behalf of.&nbsp; EXECUTIONThe outcome is a billingual app that allows undocumented immigrants to add contacts to a support network that can be sent alert messages in times of crisis at the click of a button. The app also includes access to rights education, a readiness checklist, photo/video/audio recording capability, a 24/7 RAICES Hotline, and other resources. Through designing this app, I believe we can provide undocumented immigrants with tools to to defend their rights and live in less fear. I also believe we can create a wider dialogue about inclusion and advocating for all human rights. It’s important that we all work harder to understand each other’s situations and lend a hand where we can. This project is dedicated to RAICES and all the other heroes out there fighting day to day for justice, fairness, and equality for all humans regardless of race, ethnicity, nationality, sexual orientation, gender identity, ability, religion, or socioeconomic class. <img width="2251" height="1456" width_o="2251" height_o="1456" data-src="https://freight.cargo.site/t/original/i/35cffe9325d5afbe62938f4f253041858a62286d2d60f970422d9173ac86284d/Build-Bridges.png" data-mid="68730779" border="0" src="https://freight.cargo.site/w/1000/i/35cffe9325d5afbe62938f4f253041858a62286d2d60f970422d9173ac86284d/Build-Bridges.png" /> IDENTITY &amp; UI ELEMENTS While developing the brand identity, it was important for me to keep in mind how I could use color and typography in a way that wouldn’t appear daunting or off putting to the user, but instead feels warm, safe, and trustworthy. The concept for the name Bridge was derived from the idea of creating a connecting and supporting structure that gives undocumented immigrants access to hope and safety. The name was inspired by a direct quote from RAICES that states, “We believe in bridges. Not tents. Not cages.” <img width="1598" height="1598" width_o="1598" height_o="1598" data-src="https://freight.cargo.site/t/original/i/b231d928f97d002c84973b1d8edf85996efc34a29f7df6492d501c324971ca05/Group-15.png" data-mid="68738751" border="0" src="https://freight.cargo.site/w/1000/i/b231d928f97d002c84973b1d8edf85996efc34a29f7df6492d501c324971ca05/Group-15.png" /><img width="1598" height="972" width_o="1598" height_o="972" data-src="https://freight.cargo.site/t/original/i/b15b4096d1df9e95ce54bcfc1463a3317ed684f782770f5e54b0b8eef18d78a5/Frame-147.png" data-mid="68738498" border="0" src="https://freight.cargo.site/w/1000/i/b15b4096d1df9e95ce54bcfc1463a3317ed684f782770f5e54b0b8eef18d78a5/Frame-147.png" /><img width="1598" height="972" width_o="1598" height_o="972" data-src="https://freight.cargo.site/t/original/i/da2e86108f2ec6d0dcee3aa193b78dde92f11f3a03463d438316bea8cedad2b1/Frame-148.png" data-mid="68738787" border="0" src="https://freight.cargo.site/w/1000/i/da2e86108f2ec6d0dcee3aa193b78dde92f11f3a03463d438316bea8cedad2b1/Frame-148.png" /><img width="1598" height="972" width_o="1598" height_o="972" data-src="https://freight.cargo.site/t/original/i/e47e24cb61755fe6daa750eb7f6a1841f7807c910198dba4fb367cb3bb9d2509/Frame-149.png" data-mid="68738500" border="0" src="https://freight.cargo.site/w/1000/i/e47e24cb61755fe6daa750eb7f6a1841f7807c910198dba4fb367cb3bb9d2509/Frame-149.png" /> RESEARCH &amp; DESIGN THINKING To conduct preliminary user research, I used the IBM Enterprise Design Thinking Methodology as a guide to help me better understand the users and their needs. This process allowed me to uncover insights that informed the strategy, tone, and design decisions for the app experience. <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/6a758a68c824654b99ee7f6220bd1b7d302c819fdac9b2fb2f63d4d8087d1e0d/Bride_Research.png" data-mid="68740624" border="0" src="https://freight.cargo.site/w/1000/i/6a758a68c824654b99ee7f6220bd1b7d302c819fdac9b2fb2f63d4d8087d1e0d/Bride_Research.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/659fb816c70bb0bae5aa3228db9fbc1218d060e945ddf272c606808af982c9e5/Overview.png" data-mid="67639477" border="0" src="https://freight.cargo.site/w/1000/i/659fb816c70bb0bae5aa3228db9fbc1218d060e945ddf272c606808af982c9e5/Overview.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/80fcf5f2d52ea52c639a3242fc7111e2c20908cdc8b13878f17a722fdca1b211/Stakeholders.png" data-mid="67639485" border="0" src="https://freight.cargo.site/w/1000/i/80fcf5f2d52ea52c639a3242fc7111e2c20908cdc8b13878f17a722fdca1b211/Stakeholders.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/f254a4b5307f9ea79036c22b9e0323986c996361c41e98952289357d23bd6653/Stakeholder-Map.png" data-mid="67639484" border="0" src="https://freight.cargo.site/w/1000/i/f254a4b5307f9ea79036c22b9e0323986c996361c41e98952289357d23bd6653/Stakeholder-Map.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/2a9590fd7059df76ae8f413d3a6c110c8d9fc44b74535dc41ae635847a146762/User-Persona.png" data-mid="67639487" border="0" src="https://freight.cargo.site/w/1000/i/2a9590fd7059df76ae8f413d3a6c110c8d9fc44b74535dc41ae635847a146762/User-Persona.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/a19709055db7ce3d9af0f77678a36ef3460e821d7db6670c4cf1492660341d82/Empathy-Map.png" data-mid="67639475" border="0" src="https://freight.cargo.site/w/1000/i/a19709055db7ce3d9af0f77678a36ef3460e821d7db6670c4cf1492660341d82/Empathy-Map.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/0040e2a34511f9e7499edb5fc2709ae1b2fa8d44e8d543638a8814d21ef47085/Needs-Statement.png" data-mid="67639476" border="0" src="https://freight.cargo.site/w/1000/i/0040e2a34511f9e7499edb5fc2709ae1b2fa8d44e8d543638a8814d21ef47085/Needs-Statement.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/c4d6a880ddf1be6639240124ae1f4aa2b0cb24f3987615fd897bc7d93f471b3c/Feature-Prioritization.png" data-mid="67639472" border="0" src="https://freight.cargo.site/w/1000/i/c4d6a880ddf1be6639240124ae1f4aa2b0cb24f3987615fd897bc7d93f471b3c/Feature-Prioritization.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/05c45c5c3ec9c5189676600aabee92e6f764c53da5c8c7fae2eeb4ef6059d533/User-Flow.png" data-mid="67639486" border="0" src="https://freight.cargo.site/w/1000/i/05c45c5c3ec9c5189676600aabee92e6f764c53da5c8c7fae2eeb4ef6059d533/User-Flow.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/845d8c880d021e1810d9ca487e03cad88f5fc8a129694b3443349eeae82624ac/Paper-Prototypes.png" data-mid="67639478" border="0" src="https://freight.cargo.site/w/1000/i/845d8c880d021e1810d9ca487e03cad88f5fc8a129694b3443349eeae82624ac/Paper-Prototypes.png" /> ONBOARDING The onboarding process begins with a Getting Started screen that allows the user to swipe for short blurbs that explain the app’s primary functions and their importance. Once they have swiped through and choose to continue, they are prompted to enter a secure phone number, profile name, and password. <img width="2251" height="1456" width_o="2251" height_o="1456" data-src="https://freight.cargo.site/t/original/i/d6dca12854b0fef37ff263f3c3da69feb334cdaf0f4fd7fc5403caa8a807dd86/Onboarding-1.png" data-mid="68728983" border="0" src="https://freight.cargo.site/w/1000/i/d6dca12854b0fef37ff263f3c3da69feb334cdaf0f4fd7fc5403caa8a807dd86/Onboarding-1.png" /> <img width="2251" height="1456" width_o="2251" height_o="1456" data-src="https://freight.cargo.site/t/original/i/82c45ce69b9d8eb95be40801086530cbd5271c18224b8b4abc1f7a336e9dc61d/Onboarding-2.png" data-mid="68728985" border="0" src="https://freight.cargo.site/w/1000/i/82c45ce69b9d8eb95be40801086530cbd5271c18224b8b4abc1f7a336e9dc61d/Onboarding-2.png" /> <img width="2251" height="1456" width_o="2251" height_o="1456" data-src="https://freight.cargo.site/t/original/i/3bf7b096ef639061664c92edf5b25eb15e100e40485b48ab0ab50c23df704492/Create-Your-Profile.png" data-mid="68728982" border="0" src="https://freight.cargo.site/w/1000/i/3bf7b096ef639061664c92edf5b25eb15e100e40485b48ab0ab50c23df704492/Create-Your-Profile.png" /> BUILDING A TRUSTED LINE OF DEFENSE Once the user has set up their profile, they are able to add trusted contacts to their Support Network. The user is able to customize the alert message that would be sent to their contact when engaging the Alert Button in a time of crisis. Language preference of the alert and location sharing is also available. <img width="2251" height="1456" width_o="2251" height_o="1456" data-src="https://freight.cargo.site/t/original/i/a760d9e5f1b36ed2b7cfbd7c3ce60140c1b453bc45f9e52e17cd55298abe1203/Build-A-Support-Network.png" data-mid="68728981" border="0" src="https://freight.cargo.site/w/1000/i/a760d9e5f1b36ed2b7cfbd7c3ce60140c1b453bc45f9e52e17cd55298abe1203/Build-A-Support-Network.png" />SENDING ALERTS The primary function of the Bridge app is the ability to send alerts. The home dashboard is comprised of just two buttons: an alert button and a RAICES Hotline button. The dashboard was kept minimal to ensure a quick and easy alert action for the user. The Alert button is engaged by tapping rapidly for a couple of seconds, as opposed to holding the button. This decision was made to help minimize user error and accidental alerts. <img width="2251" height="1456" width_o="2251" height_o="1456" data-src="https://freight.cargo.site/t/original/i/fbb3c28b4736752f1b2903e93ec769631bf48250fe6e455545d0dd1fb6ba11a7/Alerts.png" data-mid="68728979" border="0" src="https://freight.cargo.site/w/1000/i/fbb3c28b4736752f1b2903e93ec769631bf48250fe6e455545d0dd1fb6ba11a7/Alerts.png" />RECORDING CAPABILITY The app also offers photo, video, and audio recording capability to encourage users to document evidence of injustice. <img width="2251" height="1456" width_o="2251" height_o="1456" data-src="https://freight.cargo.site/t/original/i/2ec8a545c5ea200f5fbc9cfb2cf1fd39e5a3953a4fbde458d9091b613398628f/Audio-Recording.png" data-mid="68728980" border="0" src="https://freight.cargo.site/w/1000/i/2ec8a545c5ea200f5fbc9cfb2cf1fd39e5a3953a4fbde458d9091b613398628f/Audio-Recording.png" /><img width="2251" height="1457" width_o="2251" height_o="1457" data-src="https://freight.cargo.site/t/original/i/0b759c9f9ef0f44e52f92368c666dc43eb7f7440cf7022ee2ab9ec368663e59b/Video.png" data-mid="68729196" border="0" src="https://freight.cargo.site/w/1000/i/0b759c9f9ef0f44e52f92368c666dc43eb7f7440cf7022ee2ab9ec368663e59b/Video.png" />RIGHTS EDUCATION &amp; PREPAREDNESS Rights education is provided as a key feature in the app, which plays an integral part in helping immigrants and refugees understand what they need to know in order to better defend themselves and their families. This section of the app gives clear instructions for what to do during a situation with ICE. Users also have access to a Preparedness Plan and other resources that may serve as added layers of defense. <img width="2251" height="1456" width_o="2251" height_o="1456" data-src="https://freight.cargo.site/t/original/i/063fd00c55fe937ef360a8b29329d12ed15c4571ba58dd4df8cdbe9082f7b5aa/Rights-Education.png" data-mid="68728986" border="0" src="https://freight.cargo.site/w/1000/i/063fd00c55fe937ef360a8b29329d12ed15c4571ba58dd4df8cdbe9082f7b5aa/Rights-Education.png" />INTERACTIVE PROTOTYPE https://loganbrannen.com/VUE-APP-3 Tue, 28 Apr 2020 06:45:45 +0000 Logan Brannen https://loganbrannen.com/VUE-APP-3 (08)&nbsp; VUE APP. (2019)&nbsp; STUDENT PROJECT. (TYPE) &nbsp;BRANDING, UX/UI, INTERACTION DESIGN. <img width="1200" height="1200" width_o="1200" height_o="1200" data-src="https://freight.cargo.site/t/original/i/0d85b3ffe585da5a029cfc132495b6d155fdadb8e2de10227d8ae20e9becf568/ezgif.com-optimize-1.gif" data-mid="69067666" border="0" src="https://freight.cargo.site/w/1000/i/0d85b3ffe585da5a029cfc132495b6d155fdadb8e2de10227d8ae20e9becf568/ezgif.com-optimize-1.gif" /> OVERVIEWThe brief for this project was to design a mobile app related to one of the five senses that either connects, engages, expresses, optimizes, disrupts, or empowers. Inspired by a color blind peer with Enchroma glasses, I chose to focus on exploring the sense of sight and how I could create a disruptive app that uses speculative color fix scanning technology to solve fashion challenges. Vue is an app that enables colorblind men to explore the world of fashion without having to rely on anyone else. PROBLEM1 in 12, or 8% of all men, struggle with some form of color vision deficiency. Colorblindness can present challenges when it comes to color-coordination, color identification, outfit selection, and clothing organization. How can we leverage color correction technology to empower individuals to further explore the world of fashion? EXECUTIONThe outcome is a mobile app that enables colorblind men to further explore the colorful world of style through relevant news, outfit matching suggestions, and a color-calibrated smart camera that allows them to scan items to better decipher true colors while shopping. The app also includes color fix settings that allows users to tailor the way colors look on the screen based on their colorblindness type. <img width="2464" height="2464" width_o="2464" height_o="2464" data-src="https://freight.cargo.site/t/original/i/83a913198e622d03f0f541fadd06dbf240ded42ed6cef26d048d0f755c428281/Vue_Mosaic.png" data-mid="68905029" border="0" src="https://freight.cargo.site/w/1000/i/83a913198e622d03f0f541fadd06dbf240ded42ed6cef26d048d0f755c428281/Vue_Mosaic.png" /><img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/60e78afcd414e4f57ae535e84ce9d45951234fb16bd461857457882c640d28b8/Vue_Title.png" data-mid="68850999" border="0" src="https://freight.cargo.site/w/1000/i/60e78afcd414e4f57ae535e84ce9d45951234fb16bd461857457882c640d28b8/Vue_Title.png" /> IDENTITY &amp; UI ELEMENTS While developing the brand identity, it was important for me to keep in mind that using a monochrome (black, white, and grey) color palette would be ideal to minimize users from having difficulty viewing or navigating the app. I chose to pair a Swiss sans-serif typeface with a serif typeface to channel a casual, editorial feel while still providing clarity. <img width="2464" height="2464" width_o="2464" height_o="2464" data-src="https://freight.cargo.site/t/original/i/c1025ce430d709d9c7a28b1a3ec75c140a5e56bdde4b2ce52c7f63f7d3886d9d/Vue_Logo.png" data-mid="68849407" border="0" src="https://freight.cargo.site/w/1000/i/c1025ce430d709d9c7a28b1a3ec75c140a5e56bdde4b2ce52c7f63f7d3886d9d/Vue_Logo.png" /><img width="2464" height="2464" width_o="2464" height_o="2464" data-src="https://freight.cargo.site/t/original/i/57f17608acba0745a972018a80125d8a727785c0e2583814b31bc5d04a1462db/Vue_Type.png" data-mid="68903061" border="0" src="https://freight.cargo.site/w/1000/i/57f17608acba0745a972018a80125d8a727785c0e2583814b31bc5d04a1462db/Vue_Type.png" /><img width="2464" height="2464" width_o="2464" height_o="2464" data-src="https://freight.cargo.site/t/original/i/54836452bc8e1830f5a3f056fb7df401e875aa9039a201101ad591a689a4b0f3/Vue_Color.png" data-mid="68903060" border="0" src="https://freight.cargo.site/w/1000/i/54836452bc8e1830f5a3f056fb7df401e875aa9039a201101ad591a689a4b0f3/Vue_Color.png" /> <img width="2464" height="2464" width_o="2464" height_o="2464" data-src="https://freight.cargo.site/t/original/i/eefe8a2ea9eaf991c915a30a1f9d8654dfd7f42dcea0fb43df6b682c196718f6/Vue_Tagline.png" data-mid="68849992" border="0" src="https://freight.cargo.site/w/1000/i/eefe8a2ea9eaf991c915a30a1f9d8654dfd7f42dcea0fb43df6b682c196718f6/Vue_Tagline.png" /> <img width="2462" height="2464" width_o="2462" height_o="2464" data-src="https://freight.cargo.site/t/original/i/08f624336aba4769e29b6d4ecccf0895ea0ee73a416605747172ecb1c1dbb651/Vue_PhotoStyle.png" data-mid="68849410" border="0" src="https://freight.cargo.site/w/1000/i/08f624336aba4769e29b6d4ecccf0895ea0ee73a416605747172ecb1c1dbb651/Vue_PhotoStyle.png" /> <img width="2464" height="1148" width_o="2464" height_o="1148" data-src="https://freight.cargo.site/t/original/i/d175b285f8a3820e9a77e34a0c2b31a436bd950f86169c499faa44b54cc7599f/Vue_DesignSystem.png" data-mid="68849411" border="0" src="https://freight.cargo.site/w/1000/i/d175b285f8a3820e9a77e34a0c2b31a436bd950f86169c499faa44b54cc7599f/Vue_DesignSystem.png" /> RESEARCH &amp; DESIGN THINKING To conduct preliminary user research, I used the IBM Enterprise Design Thinking Methodology as a guide to help me better understand the users and their needs. This process allowed me to uncover insights that informed the strategy, tone, and design decisions for the app experience. <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/eed4722a79b1f65e17a864ffe1eb75eb3a9e30b4de704368e3a2b4396ee0e853/Vue_Research.png" data-mid="68899322" border="0" src="https://freight.cargo.site/w/1000/i/eed4722a79b1f65e17a864ffe1eb75eb3a9e30b4de704368e3a2b4396ee0e853/Vue_Research.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/583bf066ffa715c8b7c3fe0e054354913a4bdb09e843de7f781d2056bc273f14/Vue_User.png" data-mid="68899325" border="0" src="https://freight.cargo.site/w/1000/i/583bf066ffa715c8b7c3fe0e054354913a4bdb09e843de7f781d2056bc273f14/Vue_User.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/d1e65f720ccda58ab58d2ab835b1bba19e67ef318fc13ce8e766fedadaeac5fe/Vue_EmpathyMap.png" data-mid="68850837" border="0" src="https://freight.cargo.site/w/1000/i/d1e65f720ccda58ab58d2ab835b1bba19e67ef318fc13ce8e766fedadaeac5fe/Vue_EmpathyMap.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/38d53d8532979126583f3c759de0374322caf65950d5720cff1297d75cfc852b/Vue_Feature.png" data-mid="68899323" border="0" src="https://freight.cargo.site/w/1000/i/38d53d8532979126583f3c759de0374322caf65950d5720cff1297d75cfc852b/Vue_Feature.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/a02a3dddfb953472dbb5e8a6356c258cb5b047064b26b89774ec976661b2f01b/Vue_UserFlow.png" data-mid="68899324" border="0" src="https://freight.cargo.site/w/1000/i/a02a3dddfb953472dbb5e8a6356c258cb5b047064b26b89774ec976661b2f01b/Vue_UserFlow.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/78b9782895672fb62f0d179a5d7320a87b957bd3dcb592b9e31f211d946deb30/Vue_PaperProto.png" data-mid="68851295" border="0" src="https://freight.cargo.site/w/1000/i/78b9782895672fb62f0d179a5d7320a87b957bd3dcb592b9e31f211d946deb30/Vue_PaperProto.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/28ea749f59bf329d7f74f18e50e6da559cab6013e4a58dd846f86180da913daa/Vue_PaperProtoCont-d.png" data-mid="68851296" border="0" src="https://freight.cargo.site/w/1000/i/28ea749f59bf329d7f74f18e50e6da559cab6013e4a58dd846f86180da913daa/Vue_PaperProtoCont-d.png" /> <img width="2448" height="1584" width_o="2448" height_o="1584" data-src="https://freight.cargo.site/t/original/i/a4e3c3090429d4ef9cebd6b3ee17d701efdb8207a7c73119d9e127f4fa74363b/Vue_PaperProtoCont-d2.png" data-mid="68851297" border="0" src="https://freight.cargo.site/w/1000/i/a4e3c3090429d4ef9cebd6b3ee17d701efdb8207a7c73119d9e127f4fa74363b/Vue_PaperProtoCont-d2.png" /> ONBOARDING The onboarding process begins with a Register/Sign In screen that allows the user to create a Vue profile by entering their email and a secure password. <img width="3000" height="1942" width_o="3000" height_o="1942" data-src="https://freight.cargo.site/t/original/i/d2475b1b575102eb8c533dd1d8906f9d3502a407f8cbf388dfd186eb4a219ea4/Vue_SignIn.png" data-mid="68902223" border="0" src="https://freight.cargo.site/w/1000/i/d2475b1b575102eb8c533dd1d8906f9d3502a407f8cbf388dfd186eb4a219ea4/Vue_SignIn.png" /> LATEST STYLE NEWS Once the user has set up their profile, they are taken to the home screen of the app, which is a newsfeed of trending men’s fashion articles to provide a source of inspiration to the user. The user is also able to utilize a search feature to type in keywords that will populate articles based on the clothing items or article types they are looking for. <img width="3000" height="1942" width_o="3000" height_o="1942" data-src="https://freight.cargo.site/t/original/i/b769b5b793cddd62a68eef3c264277a8bf5058b056e3b55b7ffdb2629ad6a923/Vue_LatestStyle.png" data-mid="68902221" border="0" src="https://freight.cargo.site/w/1000/i/b769b5b793cddd62a68eef3c264277a8bf5058b056e3b55b7ffdb2629ad6a923/Vue_LatestStyle.png" /><img width="3000" height="1942" width_o="3000" height_o="1942" data-src="https://freight.cargo.site/t/original/i/04c5f9efd0c765a61627f18a52804d85fdb3257b52a251a2da55947527a79d7d/Vue_SearchLatest.png" data-mid="68902222" border="0" src="https://freight.cargo.site/w/1000/i/04c5f9efd0c765a61627f18a52804d85fdb3257b52a251a2da55947527a79d7d/Vue_SearchLatest.png" />VIRTUAL CLOSET One of the key features of the app is the Virtual Closet. This feature allows users to scan clothing items from their closet into a Virtual Closet in the app. Here they are able to sort their scanned items by category. <img width="3000" height="1942" width_o="3000" height_o="1942" data-src="https://freight.cargo.site/t/original/i/80efeee7f272b79c35c623b76c7a609b5184cf261dffd4416de7e7657da3ee44/Vue_VirtualCloset.png" data-mid="68902226" border="0" src="https://freight.cargo.site/w/1000/i/80efeee7f272b79c35c623b76c7a609b5184cf261dffd4416de7e7657da3ee44/Vue_VirtualCloset.png" />BUILD AN OUTFIT Another key feature of the app is the ability for users to generate outfit matching suggestions from the items saved in their Virtual Closet. This feature is designed to helps users that have trouble with color coordination when selecting their daily fit. If the user isn’t feeling the suggested fit, they can click the ‘Try Another Look’ button for another suggestion.&nbsp; <img width="3000" height="1942" width_o="3000" height_o="1942" data-src="https://freight.cargo.site/t/original/i/c80e2d7ab3fe4df47df3b84be551df4bda8a69017eaf034fc09068d47aea1cfb/Vue_BuildOutfit.png" data-mid="68902220" border="0" src="https://freight.cargo.site/w/1000/i/c80e2d7ab3fe4df47df3b84be551df4bda8a69017eaf034fc09068d47aea1cfb/Vue_BuildOutfit.png" />VUE SCANNER The Vue Scanner is the highlight feature of the app. This feature allows the user to activate a color-calibrated smart camera that allows them to inspect clothing items to better decipher their true colors. Within the Vue Scanner, users are also able to manually enable color fix controls based on their color vision deficiency. Once the user has selected their color fix controls, they are then able to use the ‘Filter’ mode to apply a filter over the item they are inspecting for a more accurate representation of what it looks like in full color. <img width="3000" height="1942" width_o="3000" height_o="1942" data-src="https://freight.cargo.site/t/original/i/8eb16542cca100dba154ee5c1ac57ae202d7ac7b382ff4b0d28f37b98003b340/Vue_Scanner.png" data-mid="68902225" border="0" src="https://freight.cargo.site/w/1000/i/8eb16542cca100dba154ee5c1ac57ae202d7ac7b382ff4b0d28f37b98003b340/Vue_Scanner.png" />INTERACTIVE PROTOTYPE