https://meganreed.studio Megan Reed Studio Mon, 02 May 2022 17:25:44 +0000 https://meganreed.studio en https://meganreed.studio/Homepage Thu, 17 Feb 2022 02:14:10 +0000 Megan Reed Studio https://meganreed.studio/Homepage Designer + Strategist + Creative Leader I design inclusive, human-centered experiences shaped by research, data, and strategy — creating work that’s as functional as it is thoughtful for the people using it and the teams behind it. https://meganreed.studio/Storm-the-Center Thu, 17 Feb 2022 02:14:08 +0000 Megan Reed Studio https://meganreed.studio/Storm-the-Center Storm the Center ︎Under Armour Taking Canadian youth hockey to the next level. Storm The Center was an Under Armour competition that invited Bantam age hockey players to connect with Under Armour through hockey. The competition allows 2 teams to spend the day at the Canadiens’ Bell Centre where they trained and practiced just like the pros. In the end, they got to compete on the famous Canadiens’ ice for the Under Armour Cup.&nbsp; ︎RoleAs the lead&nbsp; designer, I collaborated and executed every phase of the project Including: reseach, leading the digital and gamification strategy, wireframes, branding, UI look &amp; feel and prototyping.— Work done at RTO+P <img width="3000" height="1946" width_o="3000" height_o="1946" data-src="https://freight.cargo.site/t/original/i/dd6fcb9aa2803ff1c4abe2334d36a24bdf85317c02ac8999588b983366fa835f/2-PhoneMockups.jpg" data-mid="133773253" border="0" src="https://freight.cargo.site/w/1000/i/dd6fcb9aa2803ff1c4abe2334d36a24bdf85317c02ac8999588b983366fa835f/2-PhoneMockups.jpg" /> ︎Challenge Create a virtual competition for Bantam aged hockey teams to battle for their chance to play at the Armour Cup. Curate a digital experience that incentivized the users to generate content consistently throughout the competition. How do you get a group of teenage boys, their coach and their parents to want to post more video and image content while keeping up with their busy schedules? <img width="2470" height="1436" width_o="2470" height_o="1436" data-src="https://freight.cargo.site/t/original/i/330fe12dd47f4a5579332ea42c9fcf835fb9760271569bd2d945e9688e0d732f/mobile-screens-3.jpg" data-mid="133889175" border="0" src="https://freight.cargo.site/w/1000/i/330fe12dd47f4a5579332ea42c9fcf835fb9760271569bd2d945e9688e0d732f/mobile-screens-3.jpg" /> UXD ︎Research Highlights+ Primary Audience: Bantam Aged Players &amp; Parents + Secondary Audience: Coach+ Young athletes are DMing coaches and using social platforms to connect directly+ A digital reward system is popular amongst this age group shown by the statistics of teenagers who play video games+ Findings from 2018 Program: &nbsp; &nbsp; + Monday Uploads = 1,000+ &nbsp; &nbsp; + Saturday &amp; Sunday Uploads = 700+ ︎Goals + Get users who don’t upload to upload.+ Incentivize users that upload to upload more.+ Increase the number of teams that register+ Generate weekly uploads vs. all at once at the end of 6 week virtual competition <img width="2688" height="1613" width_o="2688" height_o="1613" data-src="https://freight.cargo.site/t/original/i/5739c231e2c8698407923921045cce4745318c05cd98712fb9991c4570427ad2/STC-wireframes.jpg" data-mid="133889525" border="0" src="https://freight.cargo.site/w/1000/i/5739c231e2c8698407923921045cce4745318c05cd98712fb9991c4570427ad2/STC-wireframes.jpg" /> ︎Digital Reward Strategy We leaned heavily on the Hook Model — a four step process to hook users and form habits. ︎︎︎Trigger. ︎︎︎Action. ︎︎︎Investment. ︎︎︎Variable Reward. ︎︎︎Repeat. Throughout the competition, we rewarded them with physical rewards as well as digital rewards. Each week there was a new prize to unlock, which gave us the window to communicate with teams and create investment through out the entirety of the competition. <img width="1180" height="1030" width_o="1180" height_o="1030" data-src="https://freight.cargo.site/t/original/i/2880ae9a85f4a5fdf1f533e640b2a486ce3b0d00a50dde8e3143d5a4cc9d0381/STC-Digital-Rewards-1.jpg" data-mid="133890224" border="0" src="https://freight.cargo.site/w/1000/i/2880ae9a85f4a5fdf1f533e640b2a486ce3b0d00a50dde8e3143d5a4cc9d0381/STC-Digital-Rewards-1.jpg" /> Branding &amp; UI ︎Inital Brand Concepting The Storm the Centre competition was going on year 4. Each year, we revamped and enhanced the branding and imagery of the competition. I proposed several concepts to our internal team in which we selected 3 and presented those to the client. Each direction had it’s own focus, but all aimed to appeal to the younger, teenage audience. The color palette utilized the Canadiens red and blue brand colors. <img width="1166" height="812" width_o="1166" height_o="812" data-src="https://freight.cargo.site/t/original/i/6f94e1389d306b60a760cb724b4f997e65c5384b8401990c00b59e79b3cd3cdb/concept-1.jpg" data-mid="133773790" border="0" src="https://freight.cargo.site/w/1000/i/6f94e1389d306b60a760cb724b4f997e65c5384b8401990c00b59e79b3cd3cdb/concept-1.jpg" /> <img width="1160" height="809" width_o="1160" height_o="809" data-src="https://freight.cargo.site/t/original/i/099ea9364f1cf25ab2af0efed0863c3e705addfc85082a98c8a97382892b7cd1/concept-2.jpg" data-mid="133773791" border="0" src="https://freight.cargo.site/w/1000/i/099ea9364f1cf25ab2af0efed0863c3e705addfc85082a98c8a97382892b7cd1/concept-2.jpg" /> <img width="1159" height="809" width_o="1159" height_o="809" data-src="https://freight.cargo.site/t/original/i/c5d7a582310dd25b3abedd749a26fb6d7bff656086ee7001cc349b0a08c32cba/concept-3.jpg" data-mid="133773792" border="0" src="https://freight.cargo.site/w/1000/i/c5d7a582310dd25b3abedd749a26fb6d7bff656086ee7001cc349b0a08c32cba/concept-3.jpg" /> <img width="2688" height="1613" width_o="2688" height_o="1613" data-src="https://freight.cargo.site/t/original/i/a7c061e8dcae020c307df088e3fe8d323efdd5cef337804f9d722d6412aa4af1/STC-desktop.jpg" data-mid="134407839" border="0" src="https://freight.cargo.site/w/1000/i/a7c061e8dcae020c307df088e3fe8d323efdd5cef337804f9d722d6412aa4af1/STC-desktop.jpg" /> ︎Micro Moments The micro moments within the competition experience were opportunities to amplify the rewards teams received. Animating the teams’ badges that held their team logo as they reached the next level felt impactful, substantial, and exciting. In order to create the desire to complete the full badge, the next level was foreshadowed and grayed out. The more the team’s put in, the more their badge grew. <img width="1200" height="1200" width_o="1200" height_o="1200" data-src="https://freight.cargo.site/t/original/i/8100f06b9d494ab699825f0c4aa57e2f0723aa5b2cd29adfd1cd42a1c05fc4ca/STC-reward.gif" data-mid="133891317" border="0" src="https://freight.cargo.site/w/1000/i/8100f06b9d494ab699825f0c4aa57e2f0723aa5b2cd29adfd1cd42a1c05fc4ca/STC-reward.gif" /> ︎Sticker RewardsIn order to create the rewards feedback loop, one of the variable rewards were stickers. Similar to the concept of adding stickers to Instagram stories, the teams could unlock stickers to place on their video and image uploads to jazz up their content. These were hockey centric illustrations that personally took a bit of research to represent hockey lingo. <img width="2688" height="1748" width_o="2688" height_o="1748" data-src="https://freight.cargo.site/t/original/i/454ac54e072b9d8c7470c0d0cfc569ef9b7db771577dd20df29c9cfd5df9ac6c/Stickers.jpg" data-mid="133890875" border="0" src="https://freight.cargo.site/w/1000/i/454ac54e072b9d8c7470c0d0cfc569ef9b7db771577dd20df29c9cfd5df9ac6c/Stickers.jpg" /> https://meganreed.studio/Onust-1 Fri, 18 Feb 2022 03:57:07 +0000 Megan Reed Studio https://meganreed.studio/Onust-1 Onust Progressive App ︎Onust &nbsp; Changing the way automotive warranty works. Onust is an up and coming startup advancing the automotive warranty and servicing arena. Onust empowers consumers with information, resources and tools that will protect them and provide a piece of mind on the road. I was tasked with creating the progressive web app experience after the user logs in. I collaborated closely with the Onust team who were true experts that knew everything about vehicles. ︎RoleI collaborated and executed many phases of the project including: research, strategy, wireframes, UI look &amp; feel, developed and maintained a design system, prototyping and testing.&nbsp;&nbsp; <img width="2045" height="1554" width_o="2045" height_o="1554" data-src="https://freight.cargo.site/t/original/i/b9c5693a2dac46cac11891f07c618ec14a6fe99e4ff30c52460119aebff18726/Mobile-3-screens.jpg" data-mid="134590317" border="0" src="https://freight.cargo.site/w/1000/i/b9c5693a2dac46cac11891f07c618ec14a6fe99e4ff30c52460119aebff18726/Mobile-3-screens.jpg" /> ︎ChallengeCreate an MVP progressive web app that allows consumers to access all the information and benefits Onust has to offer, while simultaneously introducing Onust to the U.S. Startups are always challenging in their own way, so defining what Onust should and could initally offer was all par for the course. UX ︎Research Exercises + Market Research &amp; Competitor AuditI began digging into the reviews of the competitors and was able to pull substantial insights on what the market is missing and wants as well as features within the product experience. Comparing competitor’s products and reviews helped narrow down existing pain points and include features that were missing from other products/subscriptions. + Personas Creating personas allowed me to model, summarize, and communicate my initial research data, and it ultimately allowed me to have a consumable way to reflect on it with stakeholders. Aligning on whom the target audience will be is crucial to the success of the product. ︎Goals + Generate leads+ Subscription Growth+ Get consumers to make referrals + Launch an MVP version to iterate upon <img width="1936" height="1259" width_o="1936" height_o="1259" data-src="https://freight.cargo.site/t/original/i/e3d7b07ee9ffb0ce448906ad590239a24268a60b2f189cdd7f3e25ec771c8844/personas.jpg" data-mid="134699413" border="0" src="https://freight.cargo.site/w/1000/i/e3d7b07ee9ffb0ce448906ad590239a24268a60b2f189cdd7f3e25ec771c8844/personas.jpg" /> <img width="1936" height="1259" width_o="1936" height_o="1259" data-src="https://freight.cargo.site/t/original/i/62de4ae7436e76002524deed4048115620a54743aaf21ac9253dc9a4c9fb251d/competitors.jpg" data-mid="134699398" border="0" src="https://freight.cargo.site/w/1000/i/62de4ae7436e76002524deed4048115620a54743aaf21ac9253dc9a4c9fb251d/competitors.jpg" /> ︎Prototype Phase In order to get a product to market on a tight timeline and budget, we had to focus on building the core. I created and reiterated upon a clickable prototype that answered as many questions as it exposed. The engineer team helped test and field any questions to determine what was feasible and what integrations we needed to consider for phase 2. The client knew everything there was to know about vehicles (and I mean everything), so determining what should be included was a true collaborative effort.The strategic thinking throughout the process included considerations on onboarding, subscription growth, building brand affinity, nuturing model, payment options and many more. <img width="1453" height="1554" width_o="1453" height_o="1554" data-src="https://freight.cargo.site/t/original/i/cc7268c5173c98028a4506e5e3811b01889a316be7ca639437c4ff5a73ab7c49/prototype-wireframes.jpg" data-mid="134749952" border="0" src="https://freight.cargo.site/w/1000/i/cc7268c5173c98028a4506e5e3811b01889a316be7ca639437c4ff5a73ab7c49/prototype-wireframes.jpg" /> <img width="1936" height="1259" width_o="1936" height_o="1259" data-src="https://freight.cargo.site/t/original/i/07c05737673287de9f0dde81e5116da71798def7e41100430feb37008fe30c25/wireframes.jpg" data-mid="134748786" border="0" src="https://freight.cargo.site/w/1000/i/07c05737673287de9f0dde81e5116da71798def7e41100430feb37008fe30c25/wireframes.jpg" /> ︎User Testing OpportunitiesI did a low budget user test to gain the users’ impressions and perspective on the subscription options layout. There were 3 things we needed to communicate about our subscriptions: 1. annual payment vs yearly payment 2. individual plan vs family plan (of up to 4) 3. Annual payment option comes with 3 free months. We needed the layout and functionality to be digestable and intuitive for the user. NOTE: This testing was not used due to a change in the business strategy and subscription offerings, but provided good insight.User Test Prototype UI Design ︎Inital ConceptingI did a few explorations of initial elements and components. I began exploring key elements of the design system ranging from: ︎︎︎color palette︎︎︎ iconography styles︎︎︎ type hierarchy︎︎︎ image treatment︎︎︎ button stylesThe design process started off as a style tile that morphed into layouts and pages for better visualization to get the full picture. The final product aligned closely with the brand identity that was happening&nbsp;simultaneously. <img width="1453" height="1554" width_o="1453" height_o="1554" data-src="https://freight.cargo.site/t/original/i/30b6f44f56b33182d7ce382cc74f860e57fb1a632fb8890b9d7fef37d30f8c34/Onust-concepting.jpg" data-mid="134589053" border="0" src="https://freight.cargo.site/w/1000/i/30b6f44f56b33182d7ce382cc74f860e57fb1a632fb8890b9d7fef37d30f8c34/Onust-concepting.jpg" /> <img width="4090" height="2312" width_o="4090" height_o="2312" data-src="https://freight.cargo.site/t/original/i/ff6a519ea6a87a20e6d5e9eddf2068eda42d14b330035ad136c944ed73a88224/DESIGN.jpg" data-mid="141106095" border="0" src="https://freight.cargo.site/w/1000/i/ff6a519ea6a87a20e6d5e9eddf2068eda42d14b330035ad136c944ed73a88224/DESIGN.jpg" /> ︎Design SystemTo maintain consistency and ensure efficient design to development handoff, I developed a modular design system based on reusable components and their states. Every component can be rearranged and combined with others while maintaining design consistency and recognizable UI patterns for the user. Our front end developer created a pattern library that allowed for flexibility and easier updates as the product continues to grow and develop. <img width="3636" height="2572" width_o="3636" height_o="2572" data-src="https://freight.cargo.site/t/original/i/952ff14fb2901d58f8bfe44d97dd286a2b1df2894931e23909e215a2aebc6e84/Onust-components.jpg" data-mid="140998490" border="0" src="https://freight.cargo.site/w/1000/i/952ff14fb2901d58f8bfe44d97dd286a2b1df2894931e23909e215a2aebc6e84/Onust-components.jpg" /><img width="3636" height="1902" width_o="3636" height_o="1902" data-src="https://freight.cargo.site/t/original/i/23cae045d96032f85b73ea01b93abc9639776376e3aafe9375a3544ac7ce0868/Onust-Color.jpg" data-mid="140998488" border="0" src="https://freight.cargo.site/w/1000/i/23cae045d96032f85b73ea01b93abc9639776376e3aafe9375a3544ac7ce0868/Onust-Color.jpg" /> https://meganreed.studio/Websites Wed, 23 Feb 2022 03:37:49 +0000 Megan Reed Studio https://meganreed.studio/Websites Empowering the Arena Suite — a unified platform that links acquisition, management and analytics in one seamless experience. Reimagining Wodify — transforming a gym tool into a movement for fitness founders. Elevating Collin College — highlighting a legacy of academic excellence and community-driven impact. Strengthening Penn Public Health — connecting research, policy, and people to build a healthier future for all. Defining Gravity Haus, helping shape a cohesive identity that balances nature and nurture, adventure and comfort. Reimagining Spread Bagelry rebranding a beloved Montreal-style bagel shop to reflect its roots as a true community staple. Elevating Clark Capital, empowering advisors through partnership and performance. Refreshing Tantos shaping a modern identity for a puffed-pasta brand rooted in Italian craft. Championing Dietz &amp; Watson, Philly’s iconic maker of premium meats and cheeses. Showcasing Reyka Vodka, born of fire and ice in the land of glaciers and lava. https://meganreed.studio/Character-Lab Mon, 02 May 2022 17:25:44 +0000 Megan Reed Studio https://meganreed.studio/Character-Lab Dashboard Payment &amp;&nbsp; Credit Flow ︎Character Lab Character Lab advances scientific insights that help kids thrive. By connecting researchers with educators, Character Lab seeks to create greater knowledge about the conditions that lead to social, emotional, academic, and physical well-being for young people throughout the country. An MVP dashboard portal for researchers to request studies was created and it was time for the next phase of feature improvement. ︎RoleWireframing Workshop IdeationUser-interface designDesign System EvolutionDeveloper Collaboration <img width="2480" height="1441" width_o="2480" height_o="1441" data-src="https://freight.cargo.site/t/original/i/71a42352cc763d9a160edf4931ccda9784d733d7f956061aa8aa1e8e794ce5f3/overview.jpg" data-mid="141699885" border="0" src="https://freight.cargo.site/w/1000/i/71a42352cc763d9a160edf4931ccda9784d733d7f956061aa8aa1e8e794ce5f3/overview.jpg" /> ︎Understanding the Problem An MVP dashboard experience for core payment functionaltity and flow was created, but it was time to iterate and improve. The payment flow for credits heavily relied on the Character Lab’s internal team to manually input information in order to process a payment. Charges were triggered based on the team manually editing field inputs. Nothing was automated, which left room from user error and lots of time wasted. ︎OpportunitiesTake the charging aspect out of the editor admin modal and put it on the user (researcher). By doing so, we could put a payment page on the user’s dashboard that allows them to accept &amp; submit their own payment. This would reduce headaches of customer support on the Character Lab team and save time. This would also create a stronger feedback loop and instant communication with the user which would speed up the transaction process. ︎Goals + Remove friction and add automation of the payment &amp; credits flow+ Create a feedback loop that nutured the users through the process&nbsp;+ Decrease length of transaction to encourage more studies ︎Brainstorming WorkshopI held a brainstorming workshop with the entire team to ideate additional user touchpoints and features to include in this next phase of payment and credits flow. There was a lot of great ideas that came out of the workshop, which heavily informed the strategy of the end result. The engineers also surfaced any development implications that influenced the feasibility of parts of the experience. <img width="1200" height="932" width_o="1200" height_o="932" data-src="https://freight.cargo.site/t/original/i/3cf11ef2e2840050ca6bf6fa1fb2ecd825a5919f220380b2692494c0f6605555/Thumbnail.jpg" data-mid="141696958" border="0" src="https://freight.cargo.site/w/1000/i/3cf11ef2e2840050ca6bf6fa1fb2ecd825a5919f220380b2692494c0f6605555/Thumbnail.jpg" /> ︎User Flow Defining the user flow not only helped flush out the payment process, but also helped identify points of communication we have with the user and areas to focus on. Although the transaction process was a key priority, I defined other areas of the dashboard that were pain points for the user due to lack of information. <img width="2473" height="756" width_o="2473" height_o="756" data-src="https://freight.cargo.site/t/original/i/3cc6be9424dad7f74062f7a1e17d066bee6107ebc1f045a216695795e7fd024b/journey-map.jpg" data-mid="141697054" border="0" src="https://freight.cargo.site/w/1000/i/3cc6be9424dad7f74062f7a1e17d066bee6107ebc1f045a216695795e7fd024b/journey-map.jpg" /> ︎Prototyping and Usability I created a prototype to emmulate the experience and full flow of the process. This testing allowed me to refine and reiterate the flow and designs based on input and feedback. This also helped drive communication with the engineering team for functionality and what information needed to pull from the database.&nbsp; <img width="1260" height="615" width_o="1260" height_o="615" data-src="https://freight.cargo.site/t/original/i/8e293f7553a20d52759d6ed848bb336077aa94523da73238a11aea7f64668b94/flow.jpg" data-mid="141736955" border="0" src="https://freight.cargo.site/w/1000/i/8e293f7553a20d52759d6ed848bb336077aa94523da73238a11aea7f64668b94/flow.jpg" /> ︎Design System &amp; Comoponent IterationA flexible design system had been established during the MVP phase. The new designs used this as a base to iterate upon. I introduced an automated credit balance UI element in the top navigation to create a channel of instant feedback with the user. <img width="2473" height="1910" width_o="2473" height_o="1910" data-src="https://freight.cargo.site/t/original/i/888165d25149689ef10d2361f0f20f24942d5d23b51f87ad46f61f4a286d03dc/nav.jpg" data-mid="141699194" border="0" src="https://freight.cargo.site/w/1000/i/888165d25149689ef10d2361f0f20f24942d5d23b51f87ad46f61f4a286d03dc/nav.jpg" /> https://meganreed.studio/Knowledge-at-Wharton Fri, 18 Feb 2022 17:25:39 +0000 Megan Reed Studio https://meganreed.studio/Knowledge-at-Wharton Knowledge at Wharton Redesign ︎Knowledge at Wharton A business journal from the Wharton School of the University of Pennsylvania. They aim to share their intellectual capital with free access to all of their articles, podcasts, and videos highlighting Wharton faculty research and analysis of current business trends. ︎RoleIterative Design Wireframing User Interface Design Brainstorming Workshops Design System CreationLogo Redesign Brand Refresh Content Audit <img width="4153" height="2640" width_o="4153" height_o="2640" data-src="https://freight.cargo.site/t/original/i/e8d0541a6ea12818872b9bfc01002e2a24569f0787d3c3eb6d2eae3e0e5d4f74/homepage.jpg" data-mid="141848770" border="0" src="https://freight.cargo.site/w/1000/i/e8d0541a6ea12818872b9bfc01002e2a24569f0787d3c3eb6d2eae3e0e5d4f74/homepage.jpg" /> ︎Understanding the ChallengeKnowledge at Wharton has a lot of content and resources to offer, but people don’t know it exists. The content that did exist on the site often lead to dead ends. ︎Opportunities+ Introduce Knowledge at Wharton to new users + Strike a balance between bite-sized pieces that are digestible easy to skim and more in-depth content +&nbsp; Create unique design elements that not only provide a wholistic on-site experience, but can be used to promote the site + Consider user-friendly cues to increase engagement with all types of content +&nbsp;Article pages must act as website landing pages, with so many users landing first on these pages +&nbsp;Streamline the main site navigation to cater to how users are moving through the site.+ Create consistent callouts at the bottom of content detail pages so users are always met with something else to read. ︎Goals + Establish a design system and identity that helps define who Knowledge at Wharton is on and off-site+ Aggregation of insights to create one seamless user experience + Create an experience that strategically connects various types of related content in an accessible and user-friendly way +&nbsp; Capture all audiences once they arrive on the site and create an experience that makes them want to return and take an action +&nbsp; Optimize article pages to become landing pages that not only house article content but encourages deeper site exploration - retention UXD ︎Research Conducted&nbsp; In order to make informed decisions during strategy and design, there were a series of exercises to minimize assumptions and establish opportunities. ︎︎︎ User Interviews ︎︎︎3 Workshops ︎︎︎ Survey Results Review ︎︎︎Material Audit ︎︎︎Website Heat Mapping ︎︎︎ Competitor Analysis <img width="1179" height="1258" width_o="1179" height_o="1258" data-src="https://freight.cargo.site/t/original/i/70fc8d3cde4d4d62f665f96ef77811eb9a1a4872350fa9833e49750e11f72530/workshop.jpg" data-mid="141847301" border="0" src="https://freight.cargo.site/w/1000/i/70fc8d3cde4d4d62f665f96ef77811eb9a1a4872350fa9833e49750e11f72530/workshop.jpg" /> <img width="1179" height="1258" width_o="1179" height_o="1258" data-src="https://freight.cargo.site/t/original/i/57c65c87050a5e0e5a3f36b8cebf188480d26d40de592d4c73807bcb319fc92a/survey.jpg" data-mid="141848963" border="0" src="https://freight.cargo.site/w/1000/i/57c65c87050a5e0e5a3f36b8cebf188480d26d40de592d4c73807bcb319fc92a/survey.jpg" /> ︎Synthesizing Research &amp; Establishing OpportunitiesThe various research methodologies provided great insight into the user journey, who are audiences are and the areas needing the most optimization. Creating surveys and workshops help set our goals and get real time feedback from the users themselves. “Even when [looking at] market trends or things like that, it’s the things that offer conclusion rather than regurgitating the data.” - In response to article content Audiences Based on analytics and interview, there were several audiences defined. ︎Wharton Associated Audience ︎︎︎Students︎︎︎Alumni︎︎︎Faculty &amp; Staff ︎Non-Wharton Associated Audience︎︎︎Journalists ︎︎︎Press ︎︎︎Industry Professionals ︎Mindsets︎︎︎Organic Search Visitors Organic Search drives the most amount of traffic to the site and has continued to increase year over year. This provides a large opportunity to get in front of an audience who is not as familiar with Knowledge at Wharton and convert them into a return audience - only 15% of organic search users returned to the site more than once in the past year.︎︎︎Email Subsribers According to the survey results, the majority of this audience has subscribed for more than 5 years, while there is also a newer audience as well (subscribed for 2 or less years). This audience mainly lives in North America, skews older (over 55) and works in the following industries: C-Suite, Manager, Retired. Strategy ︎Wireframing &amp; Content Audit Knowledge at Wharton is a content heavy site. There were 4 main types of content - articles, video, podcasts and books. During the strategy phase, it was key determine the content pieces for each of the content types. This would optimize the content pages and lead to digestible information. This was the start of thinking through the component library with the goal of effortlessly incorporating different types of content together in a way that feels easy to understand and expected.&nbsp; <img width="7150" height="3483" width_o="7150" height_o="3483" data-src="https://freight.cargo.site/t/original/i/b082823ff47fad0c0ab385e1eba1c5edadc5c64c10327637d079f0bf9a1a9785/wireframes.jpg" data-mid="141850513" border="0" src="https://freight.cargo.site/w/1000/i/b082823ff47fad0c0ab385e1eba1c5edadc5c64c10327637d079f0bf9a1a9785/wireframes.jpg" /> Design ︎Design &amp; Component System I created a design system that allowed space for fluid, creative evolution. I made sure to create components that were easily accessible and could even be applied accross other mediums. The content pieces needed to be fluid enough to be placed throughout different pages and layouts of the site. The system was based off the atomic design methodology — base styles,&nbsp;UI elements, components, templates and pages. <img width="5375" height="3695" width_o="5375" height_o="3695" data-src="https://freight.cargo.site/t/original/i/6dd40246c6831cbd0099b0438d8df7fa55c5cdfd9315fe87886143c3e7cd1d52/component-guide.jpg" data-mid="141857875" border="0" src="https://freight.cargo.site/w/1000/i/6dd40246c6831cbd0099b0438d8df7fa55c5cdfd9315fe87886143c3e7cd1d52/component-guide.jpg" />