https://catherinepham.me/about daily 0.75 2022-03-14 https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1608075456199-Q604Z8B28P7RW6HE0PQG/CP%2Bphoto.jpg About https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1623888697936-0K8TOTNXS08B4BPQXNUM/Clarity+Hero+sm.png About - Make it stand out Redesigning The Lab https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/18c0abca-94e5-4a41-a046-422cec45f930/Helpr+Hero+Image.png About - Make it stand out Integrating In-App Booking https://catherinepham.me/work daily 1.0 2024-04-12 https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/18c0abca-94e5-4a41-a046-422cec45f930/Helpr+Hero+Image.png Work Integrating In-App Booking Helpr connects working families with high-quality, affordable backup care, and provides online academic and enrichment services through Helpr Online. Read more https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1623888697936-0K8TOTNXS08B4BPQXNUM/Clarity+Hero+sm.png Work Redesigning The Lab Clarity Campaign Labs (Clarity) provides custom data, polling, and analytics solutions and tools for progressive political campaigns and organizations. Read more https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/cb7d87b2-e96d-4bb5-ac54-df3f9a68bc1d/SpareChange+Hero.png Work Using Spare Change to Create Real Change In this hypothetical project, SpareChange rounds up every purchase to the nearest dollar and saves it until you're ready to donate to an organization of choice. Read more https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1624411226237-ALKGPX7GKSZ5CNOA4DMP/Chronos+Hero.png Work Democratizing Time Travel In this hypothetical project, Chronos is a time travel tourism company, offering 289 travel packages from all over the world—from prehistoric times through today. Read more https://catherinepham.me/work/chronos monthly 0.5 2021-06-23 https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1624386351587-IT93EK7VYH7VV9Z5984E/Chronos+Hero+TB.png Work - Chronos - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1609294818313-H176T3XKOHJL7BIM5MEZ/Chronos+WM+logo.png Work - Chronos https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1609373677848-I5JFX3PZJIXSDF0T6GLW/Persona+for+Case+Study+%281%29.png Work - Chronos https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1624386862464-CD4O8YVXEJEYG5RFC0T9/Competitive+Analysis.png Work - Chronos - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1608436309515-NREB15FC3HVICP3S5YZW/User+Flows.png Work - Chronos https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1609375209918-8GC0IGP58OHDBEI16PY3/Site+Map+for+Case+Study.png Work - Chronos https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1624387359952-PQ18C2B61I7CXL4L238R/Chronos+Task+Flow.png Work - Chronos - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1608440406522-GPZW8GIUPWK3WRJ2ZWLT/Logo+Design+for+Case+Study.png Work - Chronos https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1608440888342-SRV3EU542DT15ILZ43ZZ/Style+Guide+for+Case+Study.png Work - Chronos https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1609376844494-FOZBH4GY0UCEDGGGNWKB/Trip+Page+for+Case+Study.png Work - Chronos - Efficiency Trip pages are comprehensive and provide users with all the relevant information they need about a trip. Users can view the trip at a glance at the top, scroll down to review further details of the trip, and navigate to different section using the side bar. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1608439616297-2H0HLOBW4VYEFFBWF8E5/Responsive+Wireframes+for+Case+Study.png Work - Chronos https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1624393477319-1EMB1V0Y4GYCHHQMWEOB/Chronos+Lo-Fi+Wireframes.png Work - Chronos - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1609376762965-MXV8BOSX9ENK81NNG5UI/Social+Proof+for+Case+Study.png Work - Chronos - Trustworthiness Trip pages include reviews from previous travelers, a feature that is important for our users. Reviews provide social proof and helps build credibility. As Chronos gets more popular, it would be useful to consider linking out to external sources. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1609376899278-FMUOPBQ5LPZU05X8OQIC/Add+Ons+for+Case+Study.png Work - Chronos - Flexibility Trips pages give users the ability to personalize their trips by adding on activities or food & drink and by choosing their room. On the left-hand sidebar, users have full transparency and can see the price of the trip auto-calculate based on their choices. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1624481868148-88SMFWLBV4VPZSEBVH7K/Chronos+Affinity+Map.png Work - Chronos - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1608443335565-HZGL18UQBFGIYK29T1H2/Prototype+02.png Work - Chronos Prototype 02 Search bar is visible when a user lands on the page Increased contrast improves readability of text and visibility of other features Copy added for clarity https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1608442524653-QARRQCTCIAYMMHI9AORF/Prototype+01.png Work - Chronos Prototype 01 Hero image takes up most of the screen Profile icon is hard to see https://catherinepham.me/work/childcareapp monthly 0.5 2021-05-15 https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620001662980-GRCM6VTIN4D2EU3S2PST/Helpr+hero Work - Helpr https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620078661949-3D8J2H9F4TXCXG2ZHQSJ/Helpr+Primary+Logo+V1.png Work - Helpr https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620003907865-KE7CBEGP548LBH7TMQXH/Helpr+Market+Research+and+Competitive+Analysis.png Work - Helpr https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620004322553-SIQ44SGX4UZFHUBNKIA2/Helpr+Persona+and+Empathy+Map.png Work - Helpr As a busy, overwhelmed parent, Elisa needs the feature to be seamless, intuitive, and fast. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620174243116-NCJN7B5NM1XU5CXQ4EBM/Helpr+Comparing+Mobile+UIs+reframe.png Work - Helpr https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622595023843-94ZYE2O44DGW45ONMELG/Helpr+App+Flow+for+Case+Study+BB.png Work - Helpr - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620066072427-XQ07EVS0E9HWFMTYDAU0/Helpr+Lo-Fi+Wireframes.png Work - Helpr https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622595179729-A344HD2ECYR0AQPGCH9X/Helpr+User+Flow+for+Case+Study+BB.png Work - Helpr - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620068039293-KP7XGMO0VX5XDLVJFMFS/Helpr+Filter.png Work - Helpr - Filter relevant results A filter option enables Elisa to view the results that are only relevant to her — in reference to our persona scenarios, Elisa's 8 year old daughter is having trouble in math, and so Elisa can filter for tutors or Homework Helprs that meet that criteria. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620068258388-LJ1FK7O0ETY9LA2Z8PI3/Helpr+Pass+Status.png Work - Helpr - Keep track of hours and passes A tedious pain point introduced with SimplyBook is the utilization of session passes, which acts like a currency, to book a Helpr Online session. However, Helpr already uses app hours for its primary services, and hours need to be converted to session passes. Confusing, I know. So, I added instances where Elisa can keep track of her app hours and session passes, not unlike a receipt. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620068151958-EOLHU06GFR7KNKNLG4NN/Helpr+At-a-Glance.png Work - Helpr - Scan important information Similarly, each result displays a snapshot of important information, so Elisa can easily scan the results and determine what may be relevant to her at-a-glance, without needing to tap for more. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620077191576-WOXFZ8KCR71NFK9Y8614/Helpr+Number+of+Participants+v2.png Work - Helpr - Prototype 02 The “1” was replaced with a CTA, which makes it clear that it actionable. It’s also larger, so it’s easier to see. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620076702513-LTOLNTSCIEJR8W1WWZA7/Helpr+Number+of+Participants+v1.png Work - Helpr - Prototype 01 Prototype 01 When directed to the Session Notes, it was not clear that Number of Participants was interactive. The default “1” was hard to see. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620077649606-J9TPCIDC2A9KGX2X8K8D/Helpr+CTA+Placement+Prototype+v1.png Work - Helpr Prototype 01 I had initially placed CTAs by what I determined to be the primary action on top, which meant that after completing the flow, the CTAs are reversed. I saw that a user went in a circle, as if they were expecting it to be in the same place. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620077739396-4TMN1PAC366DE0C510Y3/Helpr+CTA+Placement+Prototype+v2.png Work - Helpr Prototype 02 I presented a few not mutually exclusive ways to address this issue. Keep CTAs remain in the same place and/or visually differentiate the CTAs are two ways. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620079267138-1PXI7567HSFDF89478J9/Helpr+Pain+points+and+solutions+tranparent.png Work - Helpr https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620079242581-WWW2WXGT4Z849MUIHNZO/Helpr+Persona+Revisted+transparent.png Work - Helpr https://catherinepham.me/work/sparechange monthly 0.5 2021-06-17 https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620870858436-NTUL4FC9A9ZAHGBKD8KX/SpareChange+Hero+TB.png Work - SpareChange https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1621026920429-E5E097NQZYNES2MA4X87/SpareChange+Logo+dark.png Work - SpareChange - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1621027397061-84VWU8UR83EGUJMN23WN/SpareChange+vertical+logo.png Work - SpareChange - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620926050699-04H1SOPJUWNX7OB7RB23/SpareChange+Competitive+Analysis.png Work - SpareChange - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620926262578-52J7QIQJYPWI9EOODQAP/SpareChange+Persona.png Work - SpareChange - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620947948394-BHVO86MPT6C56XGLATLG/SpareChange+App+Map+TB.png Work - SpareChange https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620947992693-83YJXY86SUNHQUMM5MG1/SpareChange+Lo-Fi+Wireframes+TB.png Work - SpareChange https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620947763161-Q1M4I1KKW97GL7D5LE3P/Analysis+TB.png Work - SpareChange https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620948518110-ZT6ZBBVWBVUQ8IQA6TND/SpareChange+Pattern+Library.png Work - SpareChange - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620948617259-21TJ82S2R4PGVCFEU6AV/SpareChange+Style+Tile.png Work - SpareChange - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620948562262-1R94EYAU7RIEEP83UVWQ/SpareChange+Branding+TB.png Work - SpareChange - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620949192176-EDDXW5FE1CMV5G73YRJV/SpareChange+Onboarding+TB.png Work - SpareChange https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620949540765-PBFFC67RG8UNIRHDP225/SpareChange+Recurring+Donations+TB.png Work - SpareChange - Setting up recurring donations When setting up recurring donations for the first time, Aaron will be walked through this process, similar to an onboarding flow, so that he can customize his preferences. He can choose frequency of donations based on time (eg. every month, every 3 months, etc.) or when he has saved to a certain amount. He can choose which type of notification he would like to receive. He can turn on automatic donations or choose to approve every donation, which is a setting I added for users who want more control of the movement of their money or feel uncomfortable with automatic withdrawals. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620950008201-4RJCZQY15M4CAUBFXH7O/SpareChange+Donate+TB.png Work - SpareChange - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620950688905-JD60H3OK1WHSV18KFHJH/SpareChange+Kano+Model.png Work - SpareChange - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620951185237-OFGOB9I062KBS15746F8/SpareChange+Rice+Matrix.png Work - SpareChange - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620951914750-O8KL3AYOCEN6N4I8UCAR/SpareChange+Menu+v1+TB.png Work - SpareChange - Make it stand out Prototype 01 For the menu, I thought that users would think to set up recurring donations under Donation Settings, but saw that they interpreted that task as setting up a type of notification, so the information architecture didn't align to their expectations. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620951472584-ICSGV9YH6OFX910PPZVH/SpareChange+Clarify+Key+v1+TB.png Work - SpareChange - Make it stand out Prototype 01 Participants expressed varying degrees of confusion when asked about their understanding of the SpareChange Key. In addition, in order to feel more secure and establish legitimacy, they wanted to learn more about the app before deciding to create an account. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620951561954-41SDZMD1OC18PUAT9EJC/SpareChange+Clarify+Key+v2+home+screen+TB.png Work - SpareChange - Make it stand out Prototype 02 If users skip the guided tour, they have another opportunity to learn about SpareChange and the Key at the end of the account creation flow and on their home screen. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620951532182-PBAMWSGYB1HHFLR9JI18/SpareChange+Clarify+Key+v2+TB.png Work - SpareChange - Make it stand out Prototype 02 I improved the initial guided tour by clarifying the copy, adding complementary illustrations, and providing a way for users to learn more or read FAQs. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620968065787-UV39G0NVLONR71J1CGC4/SpareChange+Loading+compressed.gif Work - SpareChange - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620952219417-NCJMEU8JSJ0RI928AJZJ/SpareChange+Explore+and+Donate+TB.png Work - SpareChange - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1620951974035-87RE943Z2E40IX5UCAEP/SpareChange+Menu+v2+TB.png Work - SpareChange - Make it stand out Prototype 02 I rethought, reorganized, and cut down the menu to reduce ambiguity and overchoice. I combined Donation Settings with Notifications & Emails into one menu option. https://catherinepham.me/work/clarity-campaign-labs monthly 0.5 2021-06-17 https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1623883695448-LLVV8UX4AGLYTD96FEZ7/Clarity+Hero+TB+sm.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622670278367-EGXC2C60AS4Y1L7MGA6R/clarity_square_logo.jpg Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622776209466-6B2QK7T798IY4JIC5CT7/clarity_square_logo.jpg Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622672912443-NARL08A5HXTEN6TO1OQU/Clarity+Customer+Journey+Stages.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1623885089717-L84QECGE2WPB8K9THTYI/Clarity+Affinity+Map.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622672708969-A64B5IZE1ZK2V5P6PJDL/Clarity+Round+1+Lab+Confusing+Quotes+%283%29.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1624411054342-9C8YAH4W0SJYISB8NNOY/Clarity+Competitive+Analysis+Orgs.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622673325556-586H7UO2MEVJIT4UGWT6/Clarity+Customer+Journey+Map.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622778426425-700AB3I8W61K8UHR4BOL/Clarity+Alison+Newton+L.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622672657818-2ERBKVV5RHFOBE41INU3/Clarity+Round+1+Lab+Exciting+Quotes+%283%29.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1623883860831-3CR3KPFYO63XVARNZ41L/Clarity+Most+Visited+Pages+pct+only.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622677745564-SMKMXFGVOA8ZXJ07XYOI/Clarity+Back+and+Forth+Communication+TB.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622835750191-DFYR8O9DADNUBXZ0FSQT/Clarity+Researching+Design+Patterns+less-min.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622677366034-30A8P4799X09W1UK14SL/Clarity+Adapting+Patterns+TB.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622677559600-5G18AL2X20UOFT5T6I18/Clarity+Design+System+TB-min.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622677642965-JISU8DBWNBDR4WEM5XTD/Clarity+Responsive+TB.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622680848269-5GNAABC9V93P36P7KT1N/Clarity+Reduce+Cognitive+Load+v2.png Work - Clarity Campaign Labs - Make it stand out New Design I arranged the content so that the user can only focus on one tool at a time. It has placeholder text for a description so the user can gauge its relevance as well as a button to clearly show the user that there's more. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622681081541-FUB7TFO511GLR7C6BRQM/Clarity+Aiming+to+Scan+v2+1600.png Work - Clarity Campaign Labs - Make it stand out New Design I laid out the content like a list, making use of different sized fonts to indicate relative importance. I utilized more whitespace to give content room to breathe and wrote "punchy" headings that describe what the tool can do for the user. Users can just skim the headings to get a gist and make a decision. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622680958585-LCSBGCQNWRGHFR4DP4C5/Clarity+Making+Actions+Easy+v2.png Work - Clarity Campaign Labs - Make it stand out New Design The purpose of the website is to move potential clients to reach out to Clarity, and so I tried to make that action as easy as possible. All pages have a "Request a Demo" CTA, where the form is either embedded or opens in a lightbox so users don't have to be directed to another page. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622681149071-62ST9EE4FK23DJVLAIOP/Clarity+Pleasing+the+Eye+v1-min.png Work - Clarity Campaign Labs - Make it stand out Original Design Participants commented on the use of bright green and orange and the stock images that made the text hard to read. They also noticed the usage of screenshots, the largeness of the images, and the inconsistency of visuals compared to the rest of the website. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622680719190-644XZ08SSCR1Z7UBPUAI/Clarity+Reduce+Cognitive+Load+v1-min.png Work - Clarity Campaign Labs - Make it stand out Original Design The Lab page presents four projects in a grid, with large images and titles and smaller sized descriptions underneath. When viewing this, it's difficult to discern what is actually important to focus attention. In addition, the layout doesn't clearly indicate that the projects can be clicked/tapped for more. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622681031332-U47KBJNT0INUO1KCZEQL/Clarity+Aiming+to+Scan+v1-min.png Work - Clarity Campaign Labs - Make it stand out Original Design The layout doesn't allow the user to easily scan the content and find what they are looking for. Images are large, while text is small for the viewport. Copy isn’t very descriptive relative to its image. Pages require lots of scrolling. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622680907672-BPQFBYEZ225NRGXS8EU1/Clarity+Making+Actions+Easy+v1.png Work - Clarity Campaign Labs - Make it stand out Original Design It wasn't clear what the main action users were supposed to take after getting to the bottom of a page. One page has a "reach Clarity" button that directs to the "Contact Us" page. Another has a "Request a Demo" embedded form. Other pages have a "back to the Lab" button. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622686746188-9HIJLZLYD5D0F6UZ5CH0/Pleasing+eye+v2+gif+TB.gif Work - Clarity Campaign Labs - Make it stand out New Design While trying to stay within Clarity's existing design system, I did break a few rules, which Clarity was receptive to with reasoning. I used muted instead of the "intense" green and orange so it's easier on the eyes. I also increased the margin size of the page so that it's easier to read. I removed the stock images and redesigned the screenshot visuals to be more aesthetically pleasing, but still convey meaning. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622693481994-DBWM1D51LDXOSXKKD229/Clarity+Round+2+Quotes+03.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622693194922-0I6YLPPQODYFH75T7EW0/Clarity+Round+2+Quotes+01.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622693316276-BKJXYHITDZS7XUC9TEUN/Clarity+Round+2+Quotes+02.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622693584554-IFSAH2927EOGH92X6MUH/Clarity+Round+2+Quotes+04.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fd80dcfdba154430f7877d9/1622694189846-R5KVQZ8CTW3PZMJZIT98/Clarity+Jayson+Romero.png Work - Clarity Campaign Labs - Make it stand out Whatever it is, the way you tell your story online can make all the difference.