https://www.janetliu.design/work daily 1.0 2026-08-06 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616099718065-6S5JAJNOZVAY1XOD2A9Q/TempleofHeaveneedited.jpg https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/212b7b39-1d88-4d86-95c2-d5b3942d2720/FFEBF2.png https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/212b7b39-1d88-4d86-95c2-d5b3942d2720/FFEBF2.png https://www.janetliu.design/work/seafood-watch monthly 0.5 2023-02-27 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620529182312-2CBOA1YUIDD011VMPQRJ/innocenceproject_Scene+5+-+Portrait+Tablet.jpg Work - The Monterey Bay Aquarium Seafood Watch Program - 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/6047054b00a40d0d1c0c2098/1620498272682-OZ43LYCDNCN4KOJPTHBS/Copy+of+New+York+Cares%27+Digital+Prototype+%281%29.jpg Work - The Monterey Bay Aquarium Seafood Watch Program - 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/6047054b00a40d0d1c0c2098/1620332286612-RC0W9URRWHPAUCZYPVDB/63-638212_wallpaper-of-animal-fish-sea-life-underwater-background.jpg Work - The Monterey Bay Aquarium Seafood Watch Program - 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/6047054b00a40d0d1c0c2098/1620463095535-7A4B75I1RP14SGU72BKE/Screen+Shot+2021-05-08+at+4.38.05+PM.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Seafood Watch 2021 Dashboard - Start Page Search Behavior Most users search using the Global Search bar. The Global Search has a much higher percentage of Search Exits (70.32%) compared to the Recommendations page search (18.28%). This could indicate users find what they are looking for immediately and exit without exploring further. However, the Average Search Depth, Time after Search, and % Search Refinements are high. This means it could also indicate users are having to refine their search multiple times and click on different pages to find what they are looking for. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620464720250-SZD86FMJSVIBBBTJRZ7Q/Screen+Shot+2021-05-08+at+5.03.39+PM.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Google Analytics - Landing Pages Most users starting on the Home Page get to the Recommendations by using the Search Block and selecting “Best Choice” (9.68% sessions). The second choice is navigating to the Recommendations Search Page (8.4% sessions). They are least likely to use Global Search (4.52%). https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620475213810-KEG5KVJ5LX5X4016XV6Z/FireShot+Capture+349+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Seafood Watch 2021 Dashboard - Top Searched Terms Most users search for specific fish species. Salmon is the most searched term followed by shrimp. However, Google Analytics separates search terms by case, making it difficult to visualize the total entries for each term. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620466125619-C717D62QMO43KUP04JDE/Screen+Shot+2021-05-08+at+5.28.28+PM.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Before: Website’s Recommendations Page The Search bar on the Recommendations page is not immediately discoverable upon entering the page. On mobile, it even requires an extra step. The low visibility of the Recommendations Search bar compared to the Global Search bar could be the reason most users type into the latter. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620466053675-82HG2ZDWDI5F41XPZEGL/Screen+Shot+2021-05-08+at+5.27.25+PM.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out After: Mockup showing unified search bar and filters as dropdown options As most users are searching for species and almost half are searching on mobile, it will help to make the Recommendations Search bar visible upon entering the page on both desktop and mobile. Instead of each “narrow by” filter having their own search bar, there could be one visible search bar and the filters could be dropdowns with either all or most popular options inside them. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620469723587-5U5ZT1CZKLUC1SZUC1D6/FireShot+Capture+373+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Seafood Watch 2021 Dashboard - Landing Pages The majority of users (40.6%) start their website journey on the Home Page. Other top landing pages include Fishing and Farming Methods (7%) and Download Consumer Guides (5.5%). https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620472473308-Z1XIUIN4IKIPEKP4WO09/FireShot+Capture+380+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Google Analytics - Popular Pages The most popular pages include Download Consumer Guides and Fishing and Farming Methods which are also the top landing and exit pages with the highest bounce rates. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620470477101-OKQ8CFF3K0HSE22W76KA/Screen+Shot+2021-05-05+at+11.07.12+PM.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Google Analytics - Fishing and Farming Methods Behavior Flow https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620470537747-SBGHXQY7LQKLIK72ZWQH/Screen+Shot+2021-05-05+at+11.04.20+PM.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Google Analytics - Download Consumer Guides Behavior Flow https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620471274434-5NYSTI78SN31O0LQLHL8/FireShot+Capture+334+-+Fishing+and+farming+methods+-+Seafood_+-+https___www+%282%29.jpg Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Mockup with a recommendations search block added to the end of Fishing and Farming Methods Page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620471447813-JTAN6T6DCACXH50582MN/consumerguides%2B%25281%2529.jpg Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Mockup with links to to the recommendation search page and another popular page added to the end of Download Consumer Guides Page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620475274093-4L7O4JWXUYVZ2JC77O5G/FireShot%2BCapture%2B386%2B-%2BSeafood%2BWatch%2BGoogle%2BAnalytics%2BDashbo_%2B-%2Bhttps___datastudio.google.com_u_0_.jpg Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Seafood Watch 2021 Dashboard - Traffic Channels 43.4% entered the website by way of Organic Search, while 41.9% of Seafood Watch users access its website directly. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620475345873-EUI78TEYVIE35O3D1IW2/FireShot+Capture+395+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Seafood Watch 2021 Dashboard - Social Media Channels Users coming from Social Media: 62% access the website via Facebook followed by Youtube at 22%. However, we found some Youtube links to be broken, titles not search optimized, and no tags used. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620475442250-Y1EOJYN11WXEM234SWZH/FireShot+Capture+392+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Seafood Watch 2021 Dashboard - Traffic Sources by City in the United States Most users access the website from NY, followed by LA. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620474072953-4U1F9RHKUH88R6QXK0MM/FireShot+Capture+398+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Seafood Watch 2021 Dashboard - Traffic by Day of the Week Most users are accessing the website during the middle of the week. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620475541671-5BIXMQ5Q4DZT5C4ES0CQ/FireShot+Capture+402+-+Seafood+Watch+Presentation+-+Google+S_+-+https___docs.google.com_presentati.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Seafood Watch’s Facebook Page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620475605523-TAS4MD63IGI6BAB59EDR/FireShot+Capture+405+-+Seafood+Watch+Presentation+-+Google+S_+-+https___docs.google.com_presentati.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Seafood Watch’s Youtube Account https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620476282826-KXLH9E816X210K56690P/FireShot+Capture+411+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Seafood Watch 2021 Dashboard - Top PDF Download Count Site-Wide 7.11% of visitors download PDFs. Majority of PDF downloads occur on Consumer Guides Page and are Consumer Guides. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620476217208-VA3B7IDB50APXOCAHMMJ/FireShot+Capture+408+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Seafood Watch 2021 Dashboard - Top PDF Downloads on Recommendation Pages Other PDF downloads occur on a variety of pages with a variety of content. However, Seafood Watch analytics does not currently distinguish between the type of PDF download, which became a limitation to our analysis. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620476778997-16SAX4VNK5X6P58DGQ8O/Screen+Shot+2021-05-08+at+8.25.15+PM.png Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Mockups with action buttons https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620332058277-Y8J5CV4QZ1UV0Q8UNNU9/seafood-watch-card-wharf-IMG_3077.jpg Work - The Monterey Bay Aquarium Seafood Watch Program - Make it stand out Photo credit: Monterey Bay Aquarium https://www.janetliu.design/work/caira monthly 0.5 2023-02-27 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616820632859-JPLV9RG95UPELM0O2MO7/Top+Scene_caira.jpg Work - CAIRA Surgical - 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/6047054b00a40d0d1c0c2098/1616200200379-C5VBLMWG772T6J8ORTIZ/ProjectPath.jpg Work - CAIRA Surgical - 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/6047054b00a40d0d1c0c2098/1616220725300-QAT9B49EEA8VPM5M9TSH/Screen%2BShot%2B2021-03-20%2Bat%2B2.08.06%2BPM.jpg Work - CAIRA Surgical - Make it stand out Photo credit: CAIRA Surgical https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1663235308561-J3QEFD3Y8SPW3WRHLKPW/CAIRA_persona1.jpg Work - CAIRA Surgical - Persona 1: A younger orthopedic surgeon https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1663235308560-3MB2XIJ4BZBMRW5H3IGA/CAIRA_persona2.jpg Work - CAIRA Surgical - Persona 2: A older orthopedic surgeon https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1663235312561-5A4FTOQKNFBTOYQ6BXLM/CAIRA_persona3.jpg Work - CAIRA Surgical - Persona 3: A surgical assistant or medical tech representative https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1663235312615-H2D7QHFXSJFKYCK9812P/CAIRA_persona4.jpg Work - CAIRA Surgical - Persona 4: A patient receiving knee surgery https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616213099781-P8FIAUZFH5TLR80N73BL/Site%2BMap.png Work - CAIRA Surgical - 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/6047054b00a40d0d1c0c2098/1663302189168-0CANWUNJEC5597KTR7PD/CAIRA_userflow1.jpg Work - CAIRA Surgical Pre-Op User Flow https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1663302189649-EJ2ZDC1K0T3V6XVQ57XN/CAIRA_userflow2.jpg Work - CAIRA Surgical Surgery and Tech Setup User Flow 1 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1663302190471-M39TLPZQUFORYYSDFUDT/CAIRA_userflow3.jpg Work - CAIRA Surgical Surgery and Tech Setup User Flow 2 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1663303448211-4YEKOEVS0RA2E52K53D3/CAIRA_userflow4.jpg Work - CAIRA Surgical Surgery and Tech Setup User Flow 3 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1663302192094-QFK03PN7N2PB0TM7HEP2/CAIRA_userflow5.jpg Work - CAIRA Surgical Post-Op User Flow https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616214404888-IH6WG16T8BUPXBD2YW2P/Dashboard%2B-%2Bpreop%2B%281%29.png Work - CAIRA Surgical - Make it stand out Sample Pre-Op Tablet Dashboard https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616214588295-XXQKNK6JWKYVF12M2LTF/Post-cut%2Bkinematics%2Bbands%2Band%2Bligaments.png Work - CAIRA Surgical - Make it stand out Sample Surgery Tablet Screen https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616214459436-CJ6OX8V5OF6ZDPZ9O611/Activation%2B-%2BReady.png Work - CAIRA Surgical - Make it stand out Sample Tech Setup Tablet Screen https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616214626773-NSKOAAKRP95JPAMK80WZ/indiviual%2B-%2Bresults.png Work - CAIRA Surgical - Make it stand out Sample Post-Op Desktop Screen https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616221739827-GFFTK8DRDN1R0OVTXBVI/rom_sugeryscreen.jpg Work - CAIRA Surgical - Make it stand out Range of motion screen https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616222797350-KQ4BK0NAOWR7Z0K1WXL8/implantsize_preop.png Work - CAIRA Surgical - Make it stand out New pre-op planning screen with +/- toggles for implant size https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616223095326-VW88HJSUYQXTFD8QNXN9/rotationreference_preoop.png Work - CAIRA Surgical - Make it stand out New pre-op planning screen with on/off toggles for rotation reference https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616223348865-QR5EI042MZ6GIQBGYPW3/femurtibiadropdown_preoop.png Work - CAIRA Surgical - Make it stand out New pre-op planning screen with femur and tibia drop-downs set to default open https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616220812750-2BB6ZZN10E4ACF8CCMCI/shutterstock_247869448.jpg Work - CAIRA Surgical - Make it stand out Photo credit: ChaNaWiT https://www.janetliu.design/work/canadian-museum-nature monthly 0.5 2023-02-27 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617018140788-L4FBL6CT400NNP0GTV6W/cmn_Scene+10+-+Laptop+Screen.jpg Work - Canadian Museum of Nature - 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/6047054b00a40d0d1c0c2098/1616102367471-7BHXCAG61U0WIDNPFIEL/CanadianMuseumofNatureNew8.jpg Work - Canadian Museum of Nature - 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/6047054b00a40d0d1c0c2098/1616123783999-OJ038TFU49WBWUMT29J1/fixedw_large_4x.jpg Work - Canadian Museum of Nature - Make it stand out Photo credit: Trover https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616122046206-2DM1L8CYO9ABS6LQTI3K/people%2B%282%29.png Work - Canadian Museum of Nature - 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/6047054b00a40d0d1c0c2098/1616150498909-C46ZZW2U03E043H6OT9H/CMNMockup_RecommendationsSquarespace2.png Work - Canadian Museum of Nature - Make it stand out Problem Home Page has four navigation bars to access the same information “Buy Tickets” and “Donate” labels are not obvious, while the color red signifies warning or danger https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616150559882-BFANO1OX11153ET6QF6B/CMNMockup_RecommendationSquarespace.png Work - Canadian Museum of Nature - Make it stand out Recommendation Remove “Information for” navigation bar to prevent detouring users Remove middle navigation bar, as all the content can be found in the “Plan Your Visit” section Create “Donate” and “Buy Tickets” call to action buttons on the top sub-navigation bar https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616151116909-6TNCDERQ7VAAJMYZYG84/CMNMockupRec6.png Work - Canadian Museum of Nature - 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/6047054b00a40d0d1c0c2098/1616151183210-3J2J1R7HYKRCXOA0Z4SN/CMNMockupRec2.png Work - Canadian Museum of Nature - Make it stand out Problem (left) Ticket prices are displayed in a long, list format. This requires users to have to memorize or scroll up and down to retrieve the prices There is an unclear hierarchy for membership details, general admission tickets, combo tickets, and secondary information Recommendation (right) Display general admission ticket prices and membership details at the top to show the most important information first Organize ticket combos in one row so visitors can compare prices and save time on scrolling Include a drop-down filter for “special exhibitions” to avoid information overload Include a FAQ collapsible list to hide secondary information which users can expand on https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616151793862-0FGLBUR17GKO2SIGMT08/CMNMockupRec5.png Work - Canadian Museum of Nature - Make it stand out Problem Long, lengthy texts inhibit users from skimming Font size and background color does not support readability Photo collage overshadows vital information Website’s layout makes photos and text appear boxy and cramped https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616151849935-H7OPN0FQV56TZZ6NUPWS/CMNMockupRec4.png Work - Canadian Museum of Nature - Make it stand out Recommendation Make key information (date, time, cost, age group) discoverable by adding a right-hand column Shorten texts and include subheadings in larger font sizes Move the photo collage to the bottom so event logistics can be seen all together Switch to a light background Play with different font pairings for a more modern feel https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616152672310-7QAX197N8E7VZFEAK98C/FireShot%2BCapture%2B272%2B-%2BProjects%2B%E2%80%94%2BJANE_%2B-%2Bhttps___scarlet-sponge-xgjj.squarespace.com_projects_%23_cmn.png Work - Canadian Museum of Nature - Make it stand out Photo credit: Joe https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616153663440-97L3Z2XWH00UZCXWIRRD/Screen%2BShot%2B2020-05-07%2Bat%2B3.51.56%2BAM.png Work - Canadian Museum of Nature - Make it stand out Happy smiles after our client presentation. Zooming from: New York (4:00pm) & Hong Kong (4:00am). https://www.janetliu.design/work/innocence-project monthly 0.5 2023-02-27 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617078807113-U4SSDJ1JWA1PA45R1TQL/innocenceproject_Scene+5+-+Portrait+Tablet.jpg Work - Innocence Project - 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/6047054b00a40d0d1c0c2098/1617007712365-CBPDHNXZXIUFAEZVVHRQ/NewYorkCares_ProjectPath.jpg Work - Innocence Project - 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/6047054b00a40d0d1c0c2098/1617007617743-Y3RHQU2RI1M73MF0UAB9/IP-logo-1080x675.jpg Work - Innocence Project - 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/6047054b00a40d0d1c0c2098/1616997826910-G2LFD0T4OUY7LCAI62D4/Final%2BReport_%2BInnocence%2BProject.jpg Work - Innocence Project - Make it stand out Original “Case” page on desktop Problem (Desktop): Three users failed to realize “State of Conviction” is a location filter because of the word choice and open-ended search bar. Lack of label order and discrepancy in the information on the “Case” page and “Case Details” page makes it difficult for users to find information quickly as they will have to manually look through each case. A checkbox list is used for all filters including mutually exclusive results. The checkbox works for filters such as “Year of Exoneration” where selecting more than one option will produce multiple cases as each option operates individually. However, using checkboxes for non-multiple select filters such as “Innocence Project Involved” and “Race of Defendant” will confuse users as selecting more than one option will produce zero cases. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616998364104-NJKGG0IYPIOUMHYDJKD9/Revised_Case_Page.jpg Work - Innocence Project - Make it stand out Revised “Case” page on desktop Recommendation (Desktop): Revise “State of Conviction” label name to “Location of Conviction” and include a helpful phrase in the search bar. Organize the label order into three main groups (Figure 1). Include filters such as “Type of Charge” and “Type of Conviction” on the “Case” page so filters are discoverable and in a consistent order with the “Case Details” page. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616998683808-FE1JFQB5HRWL1NZLG6BQ/Revised_order_filters.jpg Work - Innocence Project - Make it stand out Figure 1 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616999047457-P13MGFFZ68KGN3X277VG/casepage_mobile.jpg Work - Innocence Project - Make it stand out Original “Case” page on mobile devices https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616999351175-RVREPOHKLL97V0WVK476/revised_casefilter.jpg Work - Innocence Project - 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/6047054b00a40d0d1c0c2098/1616999382202-N5LIERRRB93CT0838LEB/revisedcasefilter1.jpg Work - Innocence Project - 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/6047054b00a40d0d1c0c2098/1617001330314-BC7E1MRQMRL9AB1104B2/getinvovledpage_existing.jpg Work - Innocence Project - Make it stand out Problem: Nesting “Campaign” under “Latest” does not match real-world conventions as participants had trouble understanding the connection between “Campaigns” and “Latest.” Most participants understood the word “Latest” as latest organizational news and announcements, not related to campaigns. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617001394177-E7EH3LFJG0WRGOOO5VHC/getinvolved_revised.jpg Work - Innocence Project - Make it stand out Recommendation: Dedicate a tile specifically for campaigns under the “Get Involved” to make the campaign section of the site more discoverable. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617002020871-UGX8VOTE4LGAWK8FK73W/navigationmenu_original.jpg Work - Innocence Project - Make it stand out Original navigation bar on mobile devices https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617002886094-87SG6TXNKHG3EEXS7KBR/navigationmenu_revised.jpg Work - Innocence Project - Make it stand out Revised navigation bar on mobile devices Recommendation Move the search bar to the top of the navigation menu to make the search feature more discoverable and potentially shorten their search time. Design a search bar that provides instant feedback and instructions. Add sub-filters to the main navigation menu such as listing options available for users who interested in being potential advocates under “Get Involved” page. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617005455225-TKEK1IS4LZFC4I87E8RX/innocence-project-rebrand-collage-2019.jpg Work - Innocence Project - Make it stand out Photo credit: Innocence Project https://www.janetliu.design/work/new-york-cares monthly 0.5 2023-02-27 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1662198799766-6YQG91FPZNMF5EIDHQS3/newyorkcares_banner.jpg Work - New York Cares - 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/6047054b00a40d0d1c0c2098/1616391395431-DZWLBSAY5C75337UT6O3/43c6721d-9854-4b00-8a25-dd4d53f160b2-1.jpg Work - New York Cares - Make it stand out Meet Team Hugo. From left to right: Nora, Kaige, Janet (me), and Ting https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616392201342-YCUVLQKUOWXDOPRM2DS7/DesignStorypg6and7.jpg Work - New York Cares - 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/6047054b00a40d0d1c0c2098/1616507239814-OQ9W7PUHNPKOLH1QB7MG/NYC.jpg Work - New York Cares - Make it stand out Photo credit: Pexels https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616507685266-IR3I10KYT28J6B41F4X5/IMG_6360.jpg Work - New York Cares - 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/6047054b00a40d0d1c0c2098/1616516796118-X49VWU6K04M0MY0MTKBC/DesignStorypg10.jpg Work - New York Cares - Make it stand out Early storyboard sketch https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616517210829-DXYZH514LTOLIHTB2N9X/DesignStorypg11.jpg Work - New York Cares - 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/6047054b00a40d0d1c0c2098/1616517559392-XHUHOPT753LR8VK8F281/DesignStorypg13.jpg Work - New York Cares - Make it stand out Direct competitors: Idealist, The Philadelphia Foundation, Volunteer New York. Indirect competitors: Archtober, REI https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616593803044-A7LK99FYJ277VFU2Q5X7/DesignStorypg17.jpg Work - New York Cares - Make it stand out A closer look into our six dimensions https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616595148004-8YZMVPA0KLC65UJ542V4/Screen+Shot+2019-12-09+at+6.20.57+PM.png Work - New York Cares - Make it stand out Card sorting study designed on Optimal Workshop https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616595340787-2SAQ1L8OOEOBNC1Y1K6R/DesignStorypg14.jpg Work - New York Cares - Make it stand out Tree testing study designed on Optimal Workshop https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616596666360-9I2QM79L47J1S8OKXPS1/Artboard%2B4.jpg Work - New York Cares - 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/6047054b00a40d0d1c0c2098/1616597039793-14HQYLQSSJ176ZU4T1PQ/DesignStorypg18.jpg Work - New York Cares - Make it stand out User Flows https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616597240589-ZR4W9DJJ6810SZBM2QZ3/DesignStorypg19.jpg Work - New York Cares - Make it stand out Hand-drawn paper prototype https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1662366202486-9TU1R6DBTFA4PDX5XH4X/DesignStorypg22.jpeg Work - New York Cares Problem & Recommendation #1: Portals on Homepage https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1662439585423-HK60CJVM9HVLXUJ962M0/DesignStorypg23.jpeg Work - New York Cares Problem & Recommendation #2: Search-bar on Homepage https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1662366201427-9129ZHWWCP36P26E2EP4/DesignStorypg24.jpeg Work - New York Cares Problem & Recommendation #3: Search filters on Search results page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1662366211798-IJVQAHE0O51MSD91ZEGC/DesignStorypg25.jpeg Work - New York Cares Problem & Recommendation #4: Main navigation bar https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1662366211977-EJRLWLMRB8E3LPWQ2I9I/DesignStorypg26.jpeg Work - New York Cares Problem & Recommendation #5: Sticky navigation bar in get involved tab https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616600936172-20XXMIBQCUP7M9UHF7J3/Screen+Shot+2019-12-16+at+3.38.37+AM.png Work - New York Cares - 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/6047054b00a40d0d1c0c2098/1616601662986-6NKDKYJBGSGWV238ZE40/DesignStorypg28.jpg Work - New York Cares - 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/6047054b00a40d0d1c0c2098/1616602009521-EXPODEBPE03BLX3DHYAO/DesignStorypg29.jpg Work - New York Cares - 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/6047054b00a40d0d1c0c2098/1616603079082-U4HSRQ2YQ9CEX6D2UJUP/NONPROFITS_160209994_AR_-1_MDTNYRDKVQNN.jpg Work - New York Cares - Make it stand out Credit: New York CaresCredit: New York Cares https://www.janetliu.design/work/asia-worlds-fairs monthly 0.5 2023-02-27 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1662198156014-X9KKQWMHNUV9AV0HF44M/asia-worlds-fairs-banner1.jpg Work - Asia at the World’s Fairs - 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/6047054b00a40d0d1c0c2098/4403e55b-d543-4871-bcef-1aa0082522ad/IMG_1772.jpg Work - Asia at the World’s Fairs - 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/6047054b00a40d0d1c0c2098/9283f605-e6aa-422e-a53d-52825935ba61/Project+Management+Timeline+Infographic+Graph.jpg Work - Asia at the World’s Fairs - 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/6047054b00a40d0d1c0c2098/3bf69db1-527a-453a-b21b-8e797989bf83/D7195A3C-13E4-4E3F-BA0D-60EED85A5567.JPG Work - Asia at the World’s Fairs - 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/6047054b00a40d0d1c0c2098/1b68aa04-79a9-46da-a593-92e894353f78/HkfieTpR7YlMXXGB0NnV3XYniqLJy3JEFLmUasMe5vE.jpg Work - Asia at the World’s Fairs - Make it stand out “In the Midst:” Audio Autobiography of Barbara Beach Alter Boston University School of Theology Pro: Content is organized in multiple ways, giving users the flexibility of either looking at the stories by theme, by time, or by place. Themes are displayed in a grid-like manner. Pages open up to display audio recordings corresponding to the theme. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/ea35e399-3ddc-4b63-aafa-c4d21f859aaa/16788481823_483b1aff11_c.jpg Work - Asia at the World’s Fairs - “Old & New in Shona Religion” of Dr. M. L. Daneel Boston University School of Theology PRO: option of viewing multimedia content through photographs, audio slides, films, or books, which are linked to other websites. Mix of audio slides, which will display their video content. “Old & New in Shona Religion” of Dr. M. L. Daneel Boston University School of Theology Pro: Users are given the option of viewing multimedia content through photographs, audio slides, films, or books, which are linked to other websites. Themes include a mix of audio slides as well as video content. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/89228b9a-ffea-4b01-8720-d2f1af07e641/5c90e992a5701d645a9f2093_cave-walls.jpg Work - Asia at the World’s Fairs - Make it stand out Web Design & Art History Webflow Pro: A vertical scrolling template with parallax responsive design. Parallax scrolling is a technique where the background of the web page moves at a slower rate than the foreground, creating a 3D like-effect and sense of depth to your screen. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/c5a36ef8-2c5e-4eed-829e-c51559cb1778/USS-Powhatan.jpg Work - Asia at the World’s Fairs - Make it stand out MIT Visualizing Cultures Pro: Displaying content in “units.” This grid-like template is an appealing way to organize and expand upon. Horizontal scrolling can provide an element of story-telling, similar to looking at a picture book accompanied with short text. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/bf9b93fc-c72b-42dc-9e95-c30367e798f5/HomePageGifFinal.gif Work - Asia at the World’s Fairs - 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/6047054b00a40d0d1c0c2098/edb9e2c8-6752-4b4c-8248-bac0ff76a726/ArchitectureHome.jpg Work - Asia at the World’s Fairs - Make it stand out Theme: Architecture, Home Page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/ce4aeeab-f51a-4dc0-8365-868d0c9809e4/DanceHomePage1.jpg Work - Asia at the World’s Fairs - Make it stand out Theme: Dance, Home Page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675698700069-SCWPGCX9CUSZGLLVAQWX/Architecture_Room1_90.png Work - Asia at the World’s Fairs - Make it stand out Theme: Architecture, Exhibition Room 1 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675698714943-Q1JA6FR2ZKQ6DI64LX50/Architecture_Room2_Combined.jpg Work - Asia at the World’s Fairs - Make it stand out Theme: Architecture, Exhibition Room 2 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675698715869-GDX02VZD84QR9UF8HF1L/Architecture_Room3_90.jpg Work - Asia at the World’s Fairs - Make it stand out Theme: Architecture, Exhibition Room 3 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/cb69fa81-8ccc-4e7c-9276-f446dcf30c5b/Dance_Room1.jpg Work - Asia at the World’s Fairs - Make it stand out Theme: Dance, Exhibition Room 1 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/b10fcdb8-8aef-403b-aaac-67242a210d4c/Dance_Room2.jpg Work - Asia at the World’s Fairs - Make it stand out Theme: Dance, Exhibition Room 2 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1b816cc1-b997-4dca-bc20-10ff4c24d28a/Dance_Room3.jpg Work - Asia at the World’s Fairs - Make it stand out Theme: Dance, Exhibition Room 3 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/fc4eb657-c4aa-4201-84fb-ff33e3f5470d/AlbumCollection.jpg Work - Asia at the World’s Fairs - Make it stand out ‘Cambodian Dancers’ album https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/9c260183-f050-4ce0-bb6c-0bd532da9654/MeettheCurators.jpg Work - Asia at the World’s Fairs - Make it stand out Meet the Curators Page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/f73aa7d2-f119-4e3b-8eef-cf4b14379d97/ContactUs.jpg Work - Asia at the World’s Fairs - Make it stand out Contact Us Page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/2255ddec-3eba-44f8-9dd6-27fcbf320731/PostcardFinal.gif Work - Asia at the World’s Fairs - Make it stand out Contact Form https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/4b88c734-8f1d-4b30-bfba-e6237d0b318f/Worlds-Fair-final-poster-4.11.18.jpg Work - Asia at the World’s Fairs - Make it stand out Asia at the World’s Fairs Symposium Poster https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/25c14261-17d3-482b-95c1-f3d1fdb2134d/BUCSA%2BWorld%27s%2BFair%2B4.23.18%2BJanet%2BLiu%2BIMG_0289_preview%2B%281%29.jpg Work - Asia at the World’s Fairs - Make it stand out Speaking at the ‘Asia at the World’s Fairs’ Symposium on April 23, 2018 https://www.janetliu.design/work/category/Data+Evaluation monthly 0.5 https://www.janetliu.design/work/category/Online+Exhibition monthly 0.5 https://www.janetliu.design/work/category/Usability+Evaluation monthly 0.5 https://www.janetliu.design/work/category/User+Research monthly 0.5 https://www.janetliu.design/work/category/Website+Builder monthly 0.5 https://www.janetliu.design/work/category/Desktop+Design monthly 0.5 https://www.janetliu.design/work/category/Digital+Archive monthly 0.5 https://www.janetliu.design/work/category/Desktop+Redesign monthly 0.5 https://www.janetliu.design/work/category/Tablet+Redesign monthly 0.5 https://www.janetliu.design/work/category/User+Testing monthly 0.5 https://www.janetliu.design/work/category/Data+Analytics monthly 0.5 https://www.janetliu.design/work/category/Mobile+Redesign monthly 0.5 https://www.janetliu.design/work/category/Innovative+Digital+Learning monthly 0.5 https://www.janetliu.design/work/tag/Google+Data+Studio monthly 0.5 https://www.janetliu.design/work/tag/Mockups monthly 0.5 https://www.janetliu.design/work/tag/Site+Map monthly 0.5 https://www.janetliu.design/work/tag/Google+Analytics monthly 0.5 https://www.janetliu.design/work/tag/Coggle monthly 0.5 https://www.janetliu.design/work/tag/Adobe+XD monthly 0.5 https://www.janetliu.design/work/tag/MVP monthly 0.5 https://www.janetliu.design/work/tag/Wix monthly 0.5 https://www.janetliu.design/work/tag/High-Fidelity+Prototype monthly 0.5 https://www.janetliu.design/work/tag/Metrics monthly 0.5 https://www.janetliu.design/work/tag/Competitive+Reviews monthly 0.5 https://www.janetliu.design/work/tag/Usability+Report monthly 0.5 https://www.janetliu.design/work/tag/Miro monthly 0.5 https://www.janetliu.design/work/tag/Adobe+InDesign monthly 0.5 https://www.janetliu.design/work/tag/Personas monthly 0.5 https://www.janetliu.design/work/tag/Low-Fidelity+Prototype monthly 0.5 https://www.janetliu.design/work/tag/Cms monthly 0.5 https://www.janetliu.design/work/tag/Optimal+Workshop monthly 0.5 https://www.janetliu.design/work/tag/InVision monthly 0.5 https://www.janetliu.design/work/tag/Adobe+Photoshop monthly 0.5 https://www.janetliu.design/work/tag/Card+Sorting monthly 0.5 https://www.janetliu.design/work/tag/Figma monthly 0.5 https://www.janetliu.design/work/tag/Userflows monthly 0.5 https://www.janetliu.design/work/tag/Google+Dashboard monthly 0.5 https://www.janetliu.design/work/tag/Tree+Testing monthly 0.5 https://www.janetliu.design/work/tag/User+Journeys monthly 0.5 https://www.janetliu.design/personal daily 0.75 2023-02-06 https://www.janetliu.design/personal/champs-rocket-pork monthly 0.5 2023-02-06 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675228449325-HR0QHO77FC2UJYJ3V9S0/champsrocketpork_banner.jpg Personal - Champ’s Rocket Pork Squarespace Website - 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/6047054b00a40d0d1c0c2098/2486d310-8ef7-4d10-8a2d-072c39888ed7/FireShot+Capture+031+-+CHAMP%27S+ROCKET+PORK+-+www.champsrocketpork.com-min.jpg Personal - Champ’s Rocket Pork Squarespace Website - Make it stand out Home Page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/a8668994-e5bd-49bf-a1c2-ecf817fedefa/FireShot+Capture+032+-+About+1+%E2%80%94+CHAMP%27S+ROCKET+PORK+-+www.champsrocketpork.com.png Personal - Champ’s Rocket Pork Squarespace Website Sample Product Page https://www.janetliu.design/personal/video-game-sales monthly 0.5 2022-10-06 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1664946147710-WFBIURN4VKYTIH9U7FQA/videogames_banner.jpg Personal - Video Game Sales Data Visualization - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.janetliu.design/personal/hk-covid19-portal monthly 0.5 2023-02-03 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1673856679656-UI8QMOLQ09GBA6ILBPR1/hkcovidportal_screen.jpg Personal - hk_covid19_portal - 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/6047054b00a40d0d1c0c2098/a7d1bb61-af93-4c6c-b51e-7be5d7d906c3/IMG_3378+copy.jpg Personal - hk_covid19_portal - Make it stand out View from my quarantine room at Penny’s Bay Camp https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/3d96d1bf-f80f-4931-a913-10211c076a64/COVID-19+HK+Portal+Database+-+ERD_v4.jpg Personal - hk_covid19_portal - Make it stand out hk_covid19_portal database ERD design https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/db739458-a1bd-4b7e-a037-a739a420b0ce/COVID-19+HK+Portal+Database+-+Sitemap_v1.png Personal - hk_covid19_portal - Make it stand out hk_covid19_portal sitemap design https://www.janetliu.design/personal/animal-crossing-benchmark monthly 0.5 2023-01-16 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1664860818761-ZQOT87VHZ38827SEYKQA/animalcrossing_benchmark_banner.jpg Personal - Animal Crossing Benchmark Analysis - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.janetliu.design/personal/covid19-pratt-data monthly 0.5 2023-02-03 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1664901959342-DTS2MMUL0B5OR1VL6HXL/pratt_covid.jpg Personal - COVID-19 & Pratt Data Visualization - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.janetliu.design/personal/china-vimeo monthly 0.5 2023-02-06 https://www.janetliu.design/personal/fun-with-logos monthly 0.5 2023-02-03 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/b916735d-cb85-4b64-966c-5bd4ef70ed77/JajaBinks_LogoSheetNotes-1.jpg Personal - Fun with Logos - Make it stand out Rough sketch showing the logo design process https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/a15f3d1b-0562-4379-8a2f-cbb8b2e2a698/JajaBinks_LogoConcept1-1.jpg Personal - Fun with Logos - Make it stand out Three final concepts - refined and iterated https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1664821961630-FXZBT0WIEVKBOEXLXQ3S/jajalogo.jpg Personal - Fun with Logos - Make it stand out Final logo design https://www.janetliu.design/personal/apple-health-data-visualization monthly 0.5 2023-02-06 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675681372396-N05V5P90QFTUMOMGKN74/EmbeddedImage.jpg Personal - Apple Health Data Visualization - Make it stand out Washington Post illustration https://www.janetliu.design/personal/rijksmuseum-heuristic-evaluation monthly 0.5 2023-02-03 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1662188620081-LH9KISF58HTVQQ6OESHZ/rijksmuseum_banner.jpg Personal - Rijksmuseum Heuristic Evaluation - 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/6047054b00a40d0d1c0c2098/16c9c71f-f073-4c22-a546-b92ad1007447/0001.jpg Personal - Rijksmuseum Heuristic Evaluation - Make it stand out Sample Results Page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/e8c9be32-2c4b-43b5-b1e0-3d095d94b1da/0002.jpg Personal - Rijksmuseum Heuristic Evaluation - Make it stand out Sample Recommendations Page https://www.janetliu.design/personal/vr-trompe-loeil monthly 0.5 2023-02-03 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/2b2aa13a-55bb-4c96-9fc1-e6c8091870c5/37771785736_d98a816acb_o.jpg Personal - VR & Trompe L'oeil - Make it stand out Charles Willson Peale American 1741 – 1827 Staircase Group (Portrait of Raphaelle Peale and Titian Ramsay Peale), 1795 Oil on canvas Source: Flickr https://www.janetliu.design/personal/jaja-in-china monthly 0.5 2022-10-06 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/40d62e9a-cc2f-4499-900c-917369330e1b/Jaja_In_China%21+2.jpg Personal - Jaja_in_China.gif - Make it stand out .jpg made on Illustrator https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1664863298514-4L9DCNYID0CGSZVN727C/Jaja_in_China.gif-high.gif Personal - Jaja_in_China.gif - Make it stand out .gif made on Adobe After Effects https://www.janetliu.design/personal/super-mario-infographic monthly 0.5 2023-02-03 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1664823070140-GWIKCJV1DOM8V4CH39FE/marioinfographic5-1.jpg Personal - Super Mario Infographic - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.janetliu.design/personal/lijiang-yunnan-photography monthly 0.5 2023-02-06 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665653850227-JPAVK6W6MEU7HXHGEHKR/Scan102793.jpg Personal - Lijiang, Yunnan Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665653843448-L9R0RDAK3BAHBYLBJWWL/Scan102787.jpg Personal - Lijiang, Yunnan Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665653845634-DOP0ZXDHXLJT6XS42MQU/Scan102790.jpg Personal - Lijiang, Yunnan Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665653839101-9YWQMVWNCN2XE17H8WA8/Scan102785.jpg Personal - Lijiang, Yunnan Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665653827562-JWYBO0P6YDZA97HBNPWO/Scan102778.jpg Personal - Lijiang, Yunnan Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665653851020-6PNR9OO4HJFZUR42F8GI/Scan102803.jpg Personal - Lijiang, Yunnan Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665653827012-FJ2TCLL571DLVL7FTUXC/Scan102780.jpg Personal - Lijiang, Yunnan Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665653836346-LWPKEFW7TXQV7NEOZ6EQ/Scan102782.jpg Personal - Lijiang, Yunnan Province https://www.janetliu.design/personal/dunhuang-gansu-photography monthly 0.5 2023-02-06 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665717438085-9ZS7OYVZ03UGEDTN0SEV/0D8E6FCA-71C1-49DF-92DE-AF204D2B7006.jpg Personal - Dunhuang, Gansu Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665717425225-WPM3PYS4SH44A3TVXFO8/C807196F-7B26-4ADB-9BAD-91B8C9ABCF7D.jpg Personal - Dunhuang, Gansu Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665717414286-BJKL8SGX9RIE34O70UYZ/08E2DDB9-F743-4B7E-8367-EB9A7E8710CE.jpg Personal - Dunhuang, Gansu Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665717415990-IWF90X2M1EOSU2BUXDMI/6DCA9F4B-D103-4C81-8EDB-1AF73DF742A8.jpg Personal - Dunhuang, Gansu Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665717446316-SFRFJN9TFN1BWI3ZGCPI/5785B96E-8D36-4D08-A638-1FA5093AE04B.jpg Personal - Dunhuang, Gansu Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665717443571-LKZNSHP3WAJXFUKQ2EA8/73FB956D-422C-4E8E-AF97-1B4DBC30EE75.jpg Personal - Dunhuang, Gansu Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665717432349-982UHWK50V9YD1PZIZWU/1707C25E-349A-4A5C-A672-95BDDA9D7123.jpg Personal - Dunhuang, Gansu Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665717436046-Y0WI0GMRC3CYBIEA1TDQ/48BCB312-A9CF-40FD-BC82-B7B9C3B79BF8.jpg Personal - Dunhuang, Gansu Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665717422276-6EC9Z7EZDMJNDY409ZGE/CF0F8726-C4C8-4AF2-91FB-77417FA8DEAD.jpg Personal - Dunhuang, Gansu Province https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665717416907-1MKFJ4417F9WTRSDGR2V/030FA662-DAE9-4F7A-A537-E5DD802B397A.jpg Personal - Dunhuang, Gansu Province https://www.janetliu.design/personal/bucsa-vimeo monthly 0.5 2023-02-06 https://www.janetliu.design/personal/portland-vimeo monthly 0.5 2023-02-06 https://www.janetliu.design/personal/kanab-utah-photography monthly 0.5 2023-02-06 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675658898125-3WVIL9HG10KZNGLD2UXB/utah_1.jpg Personal - Kanab, Utah https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675658902062-MNL8ROKP27R26W7N99U3/utah_2.jpg Personal - Kanab, Utah https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675658909485-4VS60AXP6XYLKPBUVAAE/utah_3.jpg Personal - Kanab, Utah https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675658909250-OPVR8K065L21988BWRZ9/utah_4.jpg Personal - Kanab, Utah https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675658916387-53EB6OFJ92AM16MJMZ39/utah_5.jpg Personal - Kanab, Utah https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675658917094-AY5RSRQJO488M9AFVL85/utah_6.jpg Personal - Kanab, Utah https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675658931273-8HEQTNUUFRR4XXLPKWTF/utah_7.jpg Personal - Kanab, Utah https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675658930215-PGIO61ON72Y159IH8ZMX/utah_8.jpg Personal - Kanab, Utah https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675658935866-937F6JAM3TLOJ0CF4U82/utah_9.jpg Personal - Kanab, Utah https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675658939898-RRRBH84I5ML0MKUMSMK0/utah_10.jpg Personal - Kanab, Utah https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675658948588-IHJDXA4GTFJ77H5XGZ9E/utah_11.jpg Personal - Kanab, Utah https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675658946286-0LJS2HXP9CDGAZSU2398/utah_12.jpg Personal - Kanab, Utah https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675658954954-K68MX967DKZY2TV6FJWT/utah_13.jpg Personal - Kanab, Utah https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1675658955068-V59UB57W9GVTMHZYIR76/utah_14.jpg Personal - Kanab, Utah https://www.janetliu.design/personal/xu-bing-studio monthly 0.5 2023-02-06 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/cfefa87c-f0f2-4f70-b6ad-335f27a23f89/11.jpg Personal - Xu Bing’s Studio - Make it stand out Rubbings made at the Beijing studio https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/19ef863d-f094-4fa1-a1c3-d491ff24a2aa/Campsite.jpg Personal - Xu Bing’s Studio - Make it stand out Setting up camp https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665202366480-CHXC3CP1EF80PNSFUWCX/3.5.jpg Personal - Xu Bing’s Studio - Make it stand out Trying to find a path up for tomorrow’s hike https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665202362341-1A4S55H6FVTBYSJZ1V4Z/13919979_10157213244180335_1263152688218638410_o.jpg Personal - Xu Bing’s Studio - Make it stand out Hanging on for life~ https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1665202364868-MSFR00BRF50Y4Q466NI9/WechatIMG47.jpg Personal - Xu Bing’s Studio - Make it stand out Lamb skewers for dinner! https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/7fdec202-54e6-4afc-b14e-0962fca0d488/13923411_10157213251210335_3694642395706893146_o.jpg Personal - Xu Bing’s Studio - Make it stand out We’ve made it! After an exhausting six hour climb https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/de94af46-0468-4cc3-acd8-be6387d05352/image-asset.jpg Personal - Xu Bing’s Studio - Make it stand out The start of our rubbing process https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/55fd4d15-3c43-4afa-a422-5158d5f9d09c/13913883_10157213252120335_8712770737407124322_o.jpg Personal - Xu Bing’s Studio - Make it stand out Step 1: attaching the xuan paper with baiji https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/c16b14e3-1c4d-4154-88c4-48c818191c96/13925449_10157213254870335_5173018777806129183_o.jpg Personal - Xu Bing’s Studio - Make it stand out Patiently waiting for the baiji to dry… (look at all the cracks) https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/0c34e9cd-da63-457e-b002-391e75ad3a0f/13987419_10157213261500335_7580098020906477682_o.jpg Personal - Xu Bing’s Studio - Make it stand out Step 2: beating the wall with ink. We even managed to capture a few carvings https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/c97271df-8999-4a1f-940b-a3aef551e653/13958071_10157213253645335_5886289155955055941_o.jpg Personal - Xu Bing’s Studio - 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/6047054b00a40d0d1c0c2098/e7593889-7808-4e86-80e6-5835fef3393b/13988258_10157213262740335_156719462890118848_o.jpg Personal - Xu Bing’s Studio - 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/6047054b00a40d0d1c0c2098/f306912d-5884-4e00-8b09-6bc49beab553/13963058_10157213266680335_7749534972823788832_o.jpg Personal - Xu Bing’s Studio - Make it stand out My first rubbing https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/400d8495-d1d5-4627-9912-d8aac8cdb5f3/IMG_0986.jpg Personal - Xu Bing’s Studio - Make it stand out My Beijing family https://www.janetliu.design/personal/category/Benchmark+Analysis monthly 0.5 https://www.janetliu.design/personal/category/Heuristic+Evaluation monthly 0.5 https://www.janetliu.design/personal/category/GIF monthly 0.5 https://www.janetliu.design/personal/category/Database+Design monthly 0.5 https://www.janetliu.design/personal/category/Logo+Design monthly 0.5 https://www.janetliu.design/personal/category/Photography monthly 0.5 https://www.janetliu.design/personal/category/Web+Design monthly 0.5 https://www.janetliu.design/personal/category/Video monthly 0.5 https://www.janetliu.design/personal/category/Data+Visualization monthly 0.5 https://www.janetliu.design/personal/category/Motion+Graphic monthly 0.5 https://www.janetliu.design/personal/category/Infographic monthly 0.5 https://www.janetliu.design/personal/category/Data+Analytics monthly 0.5 https://www.janetliu.design/personal/category/Blog monthly 0.5 https://www.janetliu.design/personal/category/Web+Development monthly 0.5 https://www.janetliu.design/personal/tag/Pandas+Library monthly 0.5 https://www.janetliu.design/personal/tag/Google+Analytics monthly 0.5 https://www.janetliu.design/personal/tag/phpMyAdmin monthly 0.5 https://www.janetliu.design/personal/tag/Film monthly 0.5 https://www.janetliu.design/personal/tag/GitHub monthly 0.5 https://www.janetliu.design/personal/tag/Vimeo monthly 0.5 https://www.janetliu.design/personal/tag/HTML monthly 0.5 https://www.janetliu.design/personal/tag/Jupyter+Notebook monthly 0.5 https://www.janetliu.design/personal/tag/Brackets monthly 0.5 https://www.janetliu.design/personal/tag/MySQL monthly 0.5 https://www.janetliu.design/personal/tag/PHP monthly 0.5 https://www.janetliu.design/personal/tag/Usability+Report monthly 0.5 https://www.janetliu.design/personal/tag/Adobe+After+Effects monthly 0.5 https://www.janetliu.design/personal/tag/Motion+Graphic monthly 0.5 https://www.janetliu.design/personal/tag/YouTube+Data+Tools monthly 0.5 https://www.janetliu.design/personal/tag/Rubbings monthly 0.5 https://www.janetliu.design/personal/tag/Adobe+InDesign monthly 0.5 https://www.janetliu.design/personal/tag/Python monthly 0.5 https://www.janetliu.design/personal/tag/Google+Sheets monthly 0.5 https://www.janetliu.design/personal/tag/Google+Site monthly 0.5 https://www.janetliu.design/personal/tag/Benchmark+Analysis monthly 0.5 https://www.janetliu.design/personal/tag/CSS monthly 0.5 https://www.janetliu.design/personal/tag/Tableau+Public monthly 0.5 https://www.janetliu.design/personal/tag/Squarespace+Analytics monthly 0.5 https://www.janetliu.design/personal/tag/Adobe+Illustrator monthly 0.5 https://www.janetliu.design/personal/tag/Adobe+Photoshop monthly 0.5 https://www.janetliu.design/personal/tag/Sitemap monthly 0.5 https://www.janetliu.design/personal/tag/XAMPP monthly 0.5 https://www.janetliu.design/personal/tag/Word+Clouds monthly 0.5 https://www.janetliu.design/personal/tag/LucidChart monthly 0.5 https://www.janetliu.design/personal/tag/Bulma monthly 0.5 https://www.janetliu.design/personal/tag/ERD monthly 0.5 https://www.janetliu.design/personal/tag/Squarespace monthly 0.5 https://www.janetliu.design/personal/tag/OpenRefine monthly 0.5 https://www.janetliu.design/personal/tag/Virtual+Reality monthly 0.5 https://www.janetliu.design/personal/tag/Trompe+l%27oeil monthly 0.5 https://www.janetliu.design/about daily 0.75 2024-08-21 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/91667dcc-d06b-4da6-9e18-56d037b064f3/zhangjiajie https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/7f4c8a61-9118-467b-953d-1df0155ec199/52E9579E-0FED-496D-8B51-9D24621B1F61.JPG https://www.janetliu.design/services daily 0.75 2022-09-30 https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618497259178-6XJGK9GR6YAVBQL5L519/20140301_Trade-151_012-2.jpg Services https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694583486-2PQT0LQ193RL7MCB6DX4/20140228_Trade+151_0046.jpg Services https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694644871-IC85FNH781UNZSZEGHDR/Aro+Ha_0428.jpg Services https://www.janetliu.design/vr-trompe-loeil-examples daily 0.75 2023-02-03 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/43f794b9-4c19-4fa7-8301-725807bd6050/monalisa_beyondglass https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/4f02a958-fcd3-4111-b76d-c4854682eee0/16701793757_58e4d9caaa_k.jpg https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/bdf1587d-47d4-4784-8e94-75c11a628579/ss_25d046fd5e77fb03bd45a7cdc83e200a8a5a192d.jpg https://www.janetliu.design/portfolio daily 0.75 2022-09-22 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616099718065-6S5JAJNOZVAY1XOD2A9Q/TempleofHeaveneedited.jpg https://www.janetliu.design/portfolio/canadian-museum-of-nature monthly 0.5 2021-03-29 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616102367471-7BHXCAG61U0WIDNPFIEL/CanadianMuseumofNatureNew8.jpg Portfolio - Canadian Museum of Nature https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616123783999-OJ038TFU49WBWUMT29J1/fixedw_large_4x.jpg Portfolio - Canadian Museum of Nature https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616122046206-2DM1L8CYO9ABS6LQTI3K/people%2B%282%29.png Portfolio - Canadian Museum of Nature https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616150498909-C46ZZW2U03E043H6OT9H/CMNMockup_RecommendationsSquarespace2.png Portfolio - Canadian Museum of Nature Problem Home Page has four navigation bars to access the same information “Buy Tickets” and “Donate” labels are not obvious, while the color red signifies warning or danger https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616150559882-BFANO1OX11153ET6QF6B/CMNMockup_RecommendationSquarespace.png Portfolio - Canadian Museum of Nature Recommendation Remove “Information for” navigation bar to prevent detouring users Remove middle navigation bar, as all the content can be found in the “Plan Your Visit” section Create “Donate” and “Buy Tickets” call to action buttons on the top sub-navigation bar https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616151116909-6TNCDERQ7VAAJMYZYG84/CMNMockupRec6.png Portfolio - Canadian Museum of Nature https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616151183210-3J2J1R7HYKRCXOA0Z4SN/CMNMockupRec2.png Portfolio - Canadian Museum of Nature Problem (left) Ticket prices are displayed in a long, list format. This requires users to have to memorize or scroll up and down to retrieve the prices There is an unclear hierarchy for membership details, general admission tickets, combo tickets, and secondary information Recommendation (right) Display general admission ticket prices and membership details at the top to show the most important information first Organize ticket combos in one row so visitors can compare prices and save time on scrolling Include a drop-down filter for “special exhibitions” to avoid information overload Include a FAQ collapsible list to hide secondary information which users can expand on https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616151793862-0FGLBUR17GKO2SIGMT08/CMNMockupRec5.png Portfolio - Canadian Museum of Nature Problem Long, lengthy texts inhibit users from skimming Font size and background color does not support readability Photo collage overshadows vital information Website’s layout makes photos and text appear boxy and cramped https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616151849935-H7OPN0FQV56TZZ6NUPWS/CMNMockupRec4.png Portfolio - Canadian Museum of Nature Recommendation Make key information (date, time, cost, age group) discoverable by adding a right-hand column Shorten texts and include subheadings in larger font sizes Move the photo collage to the bottom so event logistics can be seen all together Switch to a light background Play with different font pairings for a more modern feel https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616152672310-7QAX197N8E7VZFEAK98C/FireShot%2BCapture%2B272%2B-%2BProjects%2B%E2%80%94%2BJANE_%2B-%2Bhttps___scarlet-sponge-xgjj.squarespace.com_projects_%23_cmn.png Portfolio - Canadian Museum of Nature Photo credit: Joe https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616153663440-97L3Z2XWH00UZCXWIRRD/Screen%2BShot%2B2020-05-07%2Bat%2B3.51.56%2BAM.png Portfolio - Canadian Museum of Nature Happy smiles after our client presentation. Zooming from: New York (4:00pm) & Hong Kong (4:00am). https://www.janetliu.design/portfolio/caira-surgical monthly 0.5 2021-03-25 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/33933b06-96f9-47ce-9a47-497f621b159e/RyanPatel.png Portfolio - CAIRA Surgical Persona 1: A younger orthopedic surgeon https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/310a454c-b2ef-440d-b853-f39e257325dd/User%2BFlow%2B1%2B-%2BPre%2BOp%2Bcopy.jpg Portfolio - CAIRA Surgical Pre-Op User Flow https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/8ee56b3b-50bd-4dea-9157-70be7cf495a9/WilliamStone.png Portfolio - CAIRA Surgical Persona 2: A older orthopedic surgeon https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/c21eb275-2029-483f-b026-895d4535fd4a/User%2BFlow%2B2%2B-%2BSurgery%2BDay%2Bcopy.png Portfolio - CAIRA Surgical Surgery and Tech Setup User Flow 1 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/dfe17228-ea04-4aa4-beb9-57bc1dfd50e2/MariaSaito.png Portfolio - CAIRA Surgical Persona 3: A surgical assistant or medical tech representative https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/4102c061-dcbd-4ca0-8a72-ae4ac41a130b/User%2BFlow%2B3%2B-%2BTech%2BSet%2BUp%2Bcopy.png Portfolio - CAIRA Surgical Surgery and Tech Setup User Flow 2 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/b902cb59-c78c-4512-bb45-19150d93de0c/ChrisAnthony.png Portfolio - CAIRA Surgical Persona 4: A patient receiving knee surgery https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/4de9e1fd-e620-45d0-9e58-7a87e24c8037/User%2BFlow%2B4%2B-%2BSurgery%2Bcopy.png Portfolio - CAIRA Surgical Surgery and Tech Setup User Flow 3 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/42b28a55-5565-4568-97f6-61024d964eb2/User%2BFlow%2B5%2B-%2BPost%2BOp%2Bcopy.png Portfolio - CAIRA Surgical Post-Op User Flow https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616200200379-C5VBLMWG772T6J8ORTIZ/ProjectPath.jpg Portfolio - CAIRA Surgical https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616220725300-QAT9B49EEA8VPM5M9TSH/ciara+surgical Portfolio - CAIRA Surgical https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616213099781-P8FIAUZFH5TLR80N73BL/Site%2BMap.png Portfolio - CAIRA Surgical https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616214404888-IH6WG16T8BUPXBD2YW2P/Dashboard%2B-%2Bpreop%2B%281%29.png Portfolio - CAIRA Surgical Sample Pre-Op Tablet Dashboard https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616214588295-XXQKNK6JWKYVF12M2LTF/Post-cut%2Bkinematics%2Bbands%2Band%2Bligaments.png Portfolio - CAIRA Surgical Sample Surgery Tablet Screen https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616214459436-CJ6OX8V5OF6ZDPZ9O611/Activation%2B-%2BReady.png Portfolio - CAIRA Surgical Sample Tech Setup Tablet Screen https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616214626773-NSKOAAKRP95JPAMK80WZ/indiviual%2B-%2Bresults.png Portfolio - CAIRA Surgical Sample Post-Op Desktop Screen https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616221739827-GFFTK8DRDN1R0OVTXBVI/rom_sugeryscreen.jpg Portfolio - CAIRA Surgical Range of motion screen https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616222797350-KQ4BK0NAOWR7Z0K1WXL8/implantsize_preop.png Portfolio - CAIRA Surgical New pre-op planning screen with +/- toggles for implant size https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616223095326-VW88HJSUYQXTFD8QNXN9/rotationreference_preoop.png Portfolio - CAIRA Surgical New pre-op planning screen with on/off toggles for rotation reference https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616223348865-QR5EI042MZ6GIQBGYPW3/femurtibiadropdown_preoop.png Portfolio - CAIRA Surgical New pre-op planning screen with femur and tibia drop-downs set to default open https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616220812750-2BB6ZZN10E4ACF8CCMCI/shutterstock_247869448.jpg Portfolio - CAIRA Surgical Photo credit: ChaNaWiT https://www.janetliu.design/portfolio/new-york-cares monthly 0.5 2022-09-02 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/c69d5cbd-b16e-4c05-a94d-6bc9d52b5d95/DesignStorypg22.jpeg Portfolio - New York Cares Problem & Recommendation #1: Portals on Homepage https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/fee380db-2528-4241-97e5-6b8c6be56435/DesignStorypg23.jpeg Portfolio - New York Cares Problem & Recommendation #2: Search-bar on Homepage https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/f5f8ce4d-4246-4d9e-a1e1-880a1e9ce726/DesignStorypg24.jpeg Portfolio - New York Cares Problem & Recommendation #3: Search filters on Search results page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/0e9b3241-7e60-417c-86ed-ff88e8adb465/DesignStorypg25.jpeg Portfolio - New York Cares Problem & Recommendation #4: Main navigation bar https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/a30b927b-2965-460e-b50f-9a4fc6531615/DesignStorypg26.jpeg Portfolio - New York Cares Problem & Recommendation #5: Sticky navigation bar in get involved tab https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616391395431-DZWLBSAY5C75337UT6O3/43c6721d-9854-4b00-8a25-dd4d53f160b2-1.jpg Portfolio - New York Cares Meet Team Hugo. From left to right: Nora, Kaige, Janet (me), and Ting https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616392201342-YCUVLQKUOWXDOPRM2DS7/DesignStorypg6and7.jpg Portfolio - New York Cares https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616507239814-OQ9W7PUHNPKOLH1QB7MG/NYC.jpg Portfolio - New York Cares https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616507624728-OMEG3XYZJWWB0YD3NYAX/IMG_6360.jpg Portfolio - New York Cares https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616516796118-X49VWU6K04M0MY0MTKBC/DesignStorypg10.jpg Portfolio - New York Cares Early storyboard sketch https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616517210829-DXYZH514LTOLIHTB2N9X/DesignStorypg11.jpg Portfolio - New York Cares https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616517559392-XHUHOPT753LR8VK8F281/DesignStorypg13.jpg Portfolio - New York Cares Direct competitors: Idealist, The Philadelphia Foundation, Volunteer New York. Indirect competitors: Archtober, REI https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616593803044-A7LK99FYJ277VFU2Q5X7/DesignStorypg17.jpg Portfolio - New York Cares A closer look into our six dimensions https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616595148004-8YZMVPA0KLC65UJ542V4/Screen+Shot+2019-12-09+at+6.20.57+PM.png Portfolio - New York Cares Card sorting study designed on Optimal Workshop https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616595340787-2SAQ1L8OOEOBNC1Y1K6R/DesignStorypg14.jpg Portfolio - New York Cares Tree testing study designed on Optimal Workshop https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616596666360-9I2QM79L47J1S8OKXPS1/Artboard%2B4.jpg Portfolio - New York Cares https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616597039793-14HQYLQSSJ176ZU4T1PQ/DesignStorypg18.jpg Portfolio - New York Cares User Flows https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616597240589-ZR4W9DJJ6810SZBM2QZ3/DesignStorypg19.jpg Portfolio - New York Cares Hand-drawn paper prototype https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616600936172-20XXMIBQCUP7M9UHF7J3/Screen+Shot+2019-12-16+at+3.38.37+AM.png Portfolio - New York Cares https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616601662986-6NKDKYJBGSGWV238ZE40/DesignStorypg28.jpg Portfolio - New York Cares https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616602009521-EXPODEBPE03BLX3DHYAO/DesignStorypg29.jpg Portfolio - New York Cares https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616603079082-U4HSRQ2YQ9CEX6D2UJUP/NONPROFITS_160209994_AR_-1_MDTNYRDKVQNN.jpg Portfolio - New York Cares Credit: New York Cares https://www.janetliu.design/portfolio/innocence-project monthly 0.5 2021-05-05 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617007712365-CBPDHNXZXIUFAEZVVHRQ/NewYorkCares_ProjectPath.jpg Portfolio - Innocence Project https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617005366085-37IIQ4ROE1DSA4TMU3PZ/IP-logo-1080x675.jpg Portfolio - Innocence Project https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616997826910-G2LFD0T4OUY7LCAI62D4/Original+%E2%80%9CCase%E2%80%9D+page+on+desktop+1. Portfolio - Innocence Project Original “Case” page on desktop Problem (Desktop): Three users failed to realize “State of Conviction” is a location filter because of the word choice and open-ended search bar. Lack of label order and discrepancy in the information on the “Case” page and “Case Details” page makes it difficult for users to find information quickly as they will have to manually look through each case. A checkbox list is used for all filters including mutually exclusive results. The checkbox works for filters such as “Year of Exoneration” where selecting more than one option will produce multiple cases as each option operates individually. However, using checkboxes for non-multiple select filters such as “Innocence Project Involved” and “Race of Defendant” will confuse users as selecting more than one option will produce zero cases. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616998364104-NJKGG0IYPIOUMHYDJKD9/Revised_Case_Page.jpg Portfolio - Innocence Project Revised “Case” page on desktop Recommendation (Desktop): Revise “State of Conviction” label name to “Location of Conviction” and include a helpful phrase in the search bar. Organize the label order into three main groups (Figure 1). Include filters such as “Type of Charge” and “Type of Conviction” on the “Case” page so filters are discoverable and in a consistent order with the “Case Details” page. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616998683808-FE1JFQB5HRWL1NZLG6BQ/Revised_order_filters.jpg Portfolio - Innocence Project Figure 1 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616999047457-P13MGFFZ68KGN3X277VG/casepage_mobile.jpg Portfolio - Innocence Project Original “Case” page on mobile devices https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616999351175-RVREPOHKLL97V0WVK476/revised_casefilter.jpg Portfolio - Innocence Project https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616999382202-N5LIERRRB93CT0838LEB/revisedcasefilter1.jpg Portfolio - Innocence Project https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617001330314-BC7E1MRQMRL9AB1104B2/getinvovledpage_existing.jpg Portfolio - Innocence Project Problem: Nesting “Campaign” under “Latest” does not match real-world conventions as participants had trouble understanding the connection between “Campaigns” and “Latest.” Most participants understood the word “Latest” as latest organizational news and announcements, not related to campaigns. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617001394177-E7EH3LFJG0WRGOOO5VHC/getinvolved_revised.jpg Portfolio - Innocence Project Recommendation: Dedicate a tile specifically for campaigns under the “Get Involved” to make the campaign section of the site more discoverable. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617002020871-UGX8VOTE4LGAWK8FK73W/navigationmenu_original.jpg Portfolio - Innocence Project Original navigation bar on mobile devices https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617002886094-87SG6TXNKHG3EEXS7KBR/navigationmenu_revised.jpg Portfolio - Innocence Project Revised navigation bar on mobile devices Recommendation Move the search bar to the top of the navigation menu to make the search feature more discoverable and potentially shorten their search time. Design a search bar that provides instant feedback and instructions. Add sub-filters to the main navigation menu such as listing options available for users who interested in being potential advocates under “Get Involved” page. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617005455225-TKEK1IS4LZFC4I87E8RX/innocence-project-rebrand-collage-2019.jpg Portfolio - Innocence Project Photo credit: Innocence Project https://www.janetliu.design/portfolio/monterey-bay-aquarium-seafood-watch-program monthly 0.5 2021-05-09 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620498272682-OZ43LYCDNCN4KOJPTHBS/Copy+of+New+York+Cares%27+Digital+Prototype+%281%29.jpg Portfolio - Monterey Bay Aquarium Seafood Watch Program https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620332286612-RC0W9URRWHPAUCZYPVDB/63-638212_wallpaper-of-animal-fish-sea-life-underwater-background.jpg Portfolio - Monterey Bay Aquarium Seafood Watch Program https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620463894900-L9I37CYUONOIBZ8V9ELC/FireShot+Capture+346+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Seafood Watch 2021 Dashboard - Start Page Search Behavior Most users search using the Global Search bar. The Global Search has a much higher percentage of Search Exits (70.32%) compared to the Recommendations page search (18.28%). This could indicate users find what they are looking for immediately and exit without exploring further. However, the Average Search Depth, Time after Search, and % Search Refinements are high. This means it could also indicate users are having to refine their search multiple times and click on different pages to find what they are looking for. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620464720250-SZD86FMJSVIBBBTJRZ7Q/Screen+Shot+2021-05-08+at+5.03.39+PM.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Google Analytics - Landing Pages Most users starting on the Home Page get to the Recommendations by using the Search Block and selecting “Best Choice” (9.68% sessions). The second choice is navigating to the Recommendations Search Page (8.4% sessions). They are least likely to use Global Search (4.52%). https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620475213810-KEG5KVJ5LX5X4016XV6Z/FireShot+Capture+349+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Seafood Watch 2021 Dashboard - Top Searched Terms Most users search for specific fish species. Salmon is the most searched term followed by shrimp. However, Google Analytics separates search terms by case, making it difficult to visualize the total entries for each term. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620466125619-C717D62QMO43KUP04JDE/Screen+Shot+2021-05-08+at+5.28.28+PM.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Before: Website’s Recommendations Page The Search bar on the Recommendations page is not immediately discoverable upon entering the page. On mobile, it even requires an extra step. The low visibility of the Recommendations Search bar compared to the Global Search bar could be the reason most users type into the latter. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620466053675-82HG2ZDWDI5F41XPZEGL/Screen+Shot+2021-05-08+at+5.27.25+PM.png Portfolio - Monterey Bay Aquarium Seafood Watch Program After: Mockup showing unified search bar and filters as dropdown options As most users are searching for species and almost half are searching on mobile, it will help to make the Recommendations Search bar visible upon entering the page on both desktop and mobile. Instead of each “narrow by” filter having their own search bar, there could be one visible search bar and the filters could be dropdowns with either all or most popular options inside them. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620469723587-5U5ZT1CZKLUC1SZUC1D6/FireShot+Capture+373+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Seafood Watch 2021 Dashboard - Landing Pages The majority of users (40.6%) start their website journey on the Home Page. Other top landing pages include Fishing and Farming Methods (7%) and Download Consumer Guides (5.5%). https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620472473308-Z1XIUIN4IKIPEKP4WO09/FireShot+Capture+380+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Google Analytics - Popular Pages The most popular pages include Download Consumer Guides and Fishing and Farming Methods which are also the top landing and exit pages with the highest bounce rates. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620470477101-OKQ8CFF3K0HSE22W76KA/Screen+Shot+2021-05-05+at+11.07.12+PM.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Google Analytics - Fishing and Farming Methods Behavior Flow https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620470537747-SBGHXQY7LQKLIK72ZWQH/Screen+Shot+2021-05-05+at+11.04.20+PM.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Google Analytics - Download Consumer Guides Behavior Flow https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620471274434-5NYSTI78SN31O0LQLHL8/FireShot+Capture+334+-+Fishing+and+farming+methods+-+Seafood_+-+https___www+%282%29.jpg Portfolio - Monterey Bay Aquarium Seafood Watch Program Mockup with a recommendations search block added to the end of Fishing and Farming Methods Page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620471447813-JTAN6T6DCACXH50582MN/consumerguides+%281%29.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Mockup with links to to the recommendation search page and another popular page added to the end of Download Consumer Guides Page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620475309968-9E7ZTUJZ26YAZHJOMUZT/FireShot+Capture+386+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Seafood Watch 2021 Dashboard - Traffic Channels 43.4% entered the website by way of Organic Search, while 41.9% of Seafood Watch users access its website directly. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620475345873-EUI78TEYVIE35O3D1IW2/FireShot+Capture+395+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Seafood Watch 2021 Dashboard - Social Media Channels Users coming from Social Media: 62% access the website via Facebook followed by Youtube at 22%. However, we found some Youtube links to be broken, titles not search optimized, and no tags used. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620475442250-Y1EOJYN11WXEM234SWZH/FireShot+Capture+392+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Seafood Watch 2021 Dashboard - Traffic Sources by City in the United States Most users access the website from NY, followed by LA. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620474072953-4U1F9RHKUH88R6QXK0MM/FireShot+Capture+398+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Seafood Watch 2021 Dashboard - Traffic by Day of the Week Most users are accessing the website during the middle of the week. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620475541671-5BIXMQ5Q4DZT5C4ES0CQ/FireShot+Capture+402+-+Seafood+Watch+Presentation+-+Google+S_+-+https___docs.google.com_presentati.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Seafood Watch’s Facebook Page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620475605523-TAS4MD63IGI6BAB59EDR/FireShot+Capture+405+-+Seafood+Watch+Presentation+-+Google+S_+-+https___docs.google.com_presentati.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Seafood Watch’s Youtube Account https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620476282826-KXLH9E816X210K56690P/FireShot+Capture+411+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Seafood Watch 2021 Dashboard - Top PDF Download Count Site-Wide 7.11% of visitors download PDFs. Majority of PDF downloads occur on Consumer Guides Page and are Consumer Guides. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620476217208-VA3B7IDB50APXOCAHMMJ/FireShot+Capture+408+-+Seafood+Watch+Google+Analytics+Dashbo_+-+https___datastudio.google.com_u_0_.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Seafood Watch 2021 Dashboard - Top PDF Downloads on Recommendation Pages Other PDF downloads occur on a variety of pages with a variety of content. However, Seafood Watch analytics does not currently distinguish between the type of PDF download, which became a limitation to our analysis. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620476778997-16SAX4VNK5X6P58DGQ8O/Screen+Shot+2021-05-08+at+8.25.15+PM.png Portfolio - Monterey Bay Aquarium Seafood Watch Program Mockups with action buttons https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1620332058277-Y8J5CV4QZ1UV0Q8UNNU9/seafood-watch-card-wharf-IMG_3077.jpg Portfolio - Monterey Bay Aquarium Seafood Watch Program Photo credit: Monterey Bay Aquarium https://www.janetliu.design/portfolio/asia-worlds-fairs-no monthly 0.5 2022-09-02 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617007712365-CBPDHNXZXIUFAEZVVHRQ/NewYorkCares_ProjectPath.jpg Portfolio - Asia at the World's Fairs (no) https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617005366085-37IIQ4ROE1DSA4TMU3PZ/IP-logo-1080x675.jpg Portfolio - Asia at the World's Fairs (no) https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616997826910-G2LFD0T4OUY7LCAI62D4/Original+%E2%80%9CCase%E2%80%9D+page+on+desktop+1. Portfolio - Asia at the World's Fairs (no) Original “Case” page on desktop Problem (Desktop): Three users failed to realize “State of Conviction” is a location filter because of the word choice and open-ended search bar. Lack of label order and discrepancy in the information on the “Case” page and “Case Details” page makes it difficult for users to find information quickly as they will have to manually look through each case. A checkbox list is used for all filters including mutually exclusive results. The checkbox works for filters such as “Year of Exoneration” where selecting more than one option will produce multiple cases as each option operates individually. However, using checkboxes for non-multiple select filters such as “Innocence Project Involved” and “Race of Defendant” will confuse users as selecting more than one option will produce zero cases. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616998364104-NJKGG0IYPIOUMHYDJKD9/Revised_Case_Page.jpg Portfolio - Asia at the World's Fairs (no) Revised “Case” page on desktop Recommendation (Desktop): Revise “State of Conviction” label name to “Location of Conviction” and include a helpful phrase in the search bar. Organize the label order into three main groups (Figure 1). Include filters such as “Type of Charge” and “Type of Conviction” on the “Case” page so filters are discoverable and in a consistent order with the “Case Details” page. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616998683808-FE1JFQB5HRWL1NZLG6BQ/Revised_order_filters.jpg Portfolio - Asia at the World's Fairs (no) Figure 1 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616999047457-P13MGFFZ68KGN3X277VG/casepage_mobile.jpg Portfolio - Asia at the World's Fairs (no) Original “Case” page on mobile devices https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616999351175-RVREPOHKLL97V0WVK476/revised_casefilter.jpg Portfolio - Asia at the World's Fairs (no) https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616999382202-N5LIERRRB93CT0838LEB/revisedcasefilter1.jpg Portfolio - Asia at the World's Fairs (no) https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617001330314-BC7E1MRQMRL9AB1104B2/getinvovledpage_existing.jpg Portfolio - Asia at the World's Fairs (no) Problem: Nesting “Campaign” under “Latest” does not match real-world conventions as participants had trouble understanding the connection between “Campaigns” and “Latest.” Most participants understood the word “Latest” as latest organizational news and announcements, not related to campaigns. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617001394177-E7EH3LFJG0WRGOOO5VHC/getinvolved_revised.jpg Portfolio - Asia at the World's Fairs (no) Recommendation: Dedicate a tile specifically for campaigns under the “Get Involved” to make the campaign section of the site more discoverable. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617002020871-UGX8VOTE4LGAWK8FK73W/navigationmenu_original.jpg Portfolio - Asia at the World's Fairs (no) Original navigation bar on mobile devices https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617002886094-87SG6TXNKHG3EEXS7KBR/navigationmenu_revised.jpg Portfolio - Asia at the World's Fairs (no) Revised navigation bar on mobile devices Recommendation Move the search bar to the top of the navigation menu to make the search feature more discoverable and potentially shorten their search time. Design a search bar that provides instant feedback and instructions. Add sub-filters to the main navigation menu such as listing options available for users who interested in being potential advocates under “Get Involved” page. https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1617005455225-TKEK1IS4LZFC4I87E8RX/innocence-project-rebrand-collage-2019.jpg Portfolio - Asia at the World's Fairs (no) Photo credit: Innocence Project https://www.janetliu.design/portfolio/asia-worlds-fairs monthly 0.5 2022-09-02 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/c69d5cbd-b16e-4c05-a94d-6bc9d52b5d95/DesignStorypg22.jpeg Portfolio - Asia at the World's Fairs Problem & Recommendation #1: Portals on Homepage https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/fee380db-2528-4241-97e5-6b8c6be56435/DesignStorypg23.jpeg Portfolio - Asia at the World's Fairs Problem & Recommendation #2: Search-bar on Homepage https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/f5f8ce4d-4246-4d9e-a1e1-880a1e9ce726/DesignStorypg24.jpeg Portfolio - Asia at the World's Fairs Problem & Recommendation #3: Search filters on Search results page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/0e9b3241-7e60-417c-86ed-ff88e8adb465/DesignStorypg25.jpeg Portfolio - Asia at the World's Fairs Problem & Recommendation #4: Main navigation bar https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/a30b927b-2965-460e-b50f-9a4fc6531615/DesignStorypg26.jpeg Portfolio - Asia at the World's Fairs Problem & Recommendation #5: Sticky navigation bar in get involved tab https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/4403e55b-d543-4871-bcef-1aa0082522ad/IMG_1772.jpg Portfolio - Asia at the World's Fairs Meet Team Hugo. From left to right: Nora, Kaige, Janet (me), and Ting https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616392201342-YCUVLQKUOWXDOPRM2DS7/DesignStorypg6and7.jpg Portfolio - Asia at the World's Fairs https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/3bf69db1-527a-453a-b21b-8e797989bf83/D7195A3C-13E4-4E3F-BA0D-60EED85A5567.JPG Portfolio - Asia at the World's Fairs https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/035bc392-1ed1-4a43-8e34-f1d556be264e/Asia_at_the_Worlds_Fairs_Online_Exhibition_Mind-Map.png Portfolio - Asia at the World's Fairs https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616516796118-X49VWU6K04M0MY0MTKBC/DesignStorypg10.jpg Portfolio - Asia at the World's Fairs Early storyboard sketch https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616517210829-DXYZH514LTOLIHTB2N9X/DesignStorypg11.jpg Portfolio - Asia at the World's Fairs https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616517559392-XHUHOPT753LR8VK8F281/DesignStorypg13.jpg Portfolio - Asia at the World's Fairs Direct competitors: Idealist, The Philadelphia Foundation, Volunteer New York. Indirect competitors: Archtober, REI https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616593803044-A7LK99FYJ277VFU2Q5X7/DesignStorypg17.jpg Portfolio - Asia at the World's Fairs A closer look into our six dimensions https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616595148004-8YZMVPA0KLC65UJ542V4/Screen+Shot+2019-12-09+at+6.20.57+PM.png Portfolio - Asia at the World's Fairs Card sorting study designed on Optimal Workshop https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616595340787-2SAQ1L8OOEOBNC1Y1K6R/DesignStorypg14.jpg Portfolio - Asia at the World's Fairs Tree testing study designed on Optimal Workshop https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616596666360-9I2QM79L47J1S8OKXPS1/Artboard%2B4.jpg Portfolio - Asia at the World's Fairs https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616597039793-14HQYLQSSJ176ZU4T1PQ/DesignStorypg18.jpg Portfolio - Asia at the World's Fairs User Flows https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616597240589-ZR4W9DJJ6810SZBM2QZ3/DesignStorypg19.jpg Portfolio - Asia at the World's Fairs Hand-drawn paper prototype https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616600936172-20XXMIBQCUP7M9UHF7J3/Screen+Shot+2019-12-16+at+3.38.37+AM.png Portfolio - Asia at the World's Fairs https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616601662986-6NKDKYJBGSGWV238ZE40/DesignStorypg28.jpg Portfolio - Asia at the World's Fairs https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616602009521-EXPODEBPE03BLX3DHYAO/DesignStorypg29.jpg Portfolio - Asia at the World's Fairs https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616603079082-U4HSRQ2YQ9CEX6D2UJUP/NONPROFITS_160209994_AR_-1_MDTNYRDKVQNN.jpg Portfolio - Asia at the World's Fairs Credit: New York Cares https://www.janetliu.design/portfolio/rijksmuseum monthly 0.5 2022-09-03 https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/c69d5cbd-b16e-4c05-a94d-6bc9d52b5d95/DesignStorypg22.jpeg Portfolio - Rijksmuseum Problem & Recommendation #1: Portals on Homepage https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/fee380db-2528-4241-97e5-6b8c6be56435/DesignStorypg23.jpeg Portfolio - Rijksmuseum Problem & Recommendation #2: Search-bar on Homepage https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/f5f8ce4d-4246-4d9e-a1e1-880a1e9ce726/DesignStorypg24.jpeg Portfolio - Rijksmuseum Problem & Recommendation #3: Search filters on Search results page https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/0e9b3241-7e60-417c-86ed-ff88e8adb465/DesignStorypg25.jpeg Portfolio - Rijksmuseum Problem & Recommendation #4: Main navigation bar https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/a30b927b-2965-460e-b50f-9a4fc6531615/DesignStorypg26.jpeg Portfolio - Rijksmuseum Problem & Recommendation #5: Sticky navigation bar in get involved tab https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/2213cdbe-69cc-4f65-9835-d532ee4021bd/Rijksmuseum+introduction.jpg Portfolio - Rijksmuseum - 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/6047054b00a40d0d1c0c2098/6f89288d-6132-4264-ac45-05b5bbec9468/RijksmuseumHeuristicEvaluation-Final-02.jpg Portfolio - Rijksmuseum - 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/6047054b00a40d0d1c0c2098/6aac9851-ec2d-48e8-8759-d94ee1c05b58/RijksmuseumHeuristicEvaluation-Final-03.jpg Portfolio - Rijksmuseum - 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/6047054b00a40d0d1c0c2098/1616391395431-DZWLBSAY5C75337UT6O3/43c6721d-9854-4b00-8a25-dd4d53f160b2-1.jpg Portfolio - Rijksmuseum Meet Team Hugo. From left to right: Nora, Kaige, Janet (me), and Ting https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616392201342-YCUVLQKUOWXDOPRM2DS7/DesignStorypg6and7.jpg Portfolio - Rijksmuseum https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616507239814-OQ9W7PUHNPKOLH1QB7MG/NYC.jpg Portfolio - Rijksmuseum https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616507624728-OMEG3XYZJWWB0YD3NYAX/IMG_6360.jpg Portfolio - Rijksmuseum https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616516796118-X49VWU6K04M0MY0MTKBC/DesignStorypg10.jpg Portfolio - Rijksmuseum Early storyboard sketch https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616517210829-DXYZH514LTOLIHTB2N9X/DesignStorypg11.jpg Portfolio - Rijksmuseum https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616517559392-XHUHOPT753LR8VK8F281/DesignStorypg13.jpg Portfolio - Rijksmuseum Direct competitors: Idealist, The Philadelphia Foundation, Volunteer New York. Indirect competitors: Archtober, REI https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616593803044-A7LK99FYJ277VFU2Q5X7/DesignStorypg17.jpg Portfolio - Rijksmuseum A closer look into our six dimensions https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616595148004-8YZMVPA0KLC65UJ542V4/Screen+Shot+2019-12-09+at+6.20.57+PM.png Portfolio - Rijksmuseum Card sorting study designed on Optimal Workshop https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616595340787-2SAQ1L8OOEOBNC1Y1K6R/DesignStorypg14.jpg Portfolio - Rijksmuseum Tree testing study designed on Optimal Workshop https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616596666360-9I2QM79L47J1S8OKXPS1/Artboard%2B4.jpg Portfolio - Rijksmuseum https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616597039793-14HQYLQSSJ176ZU4T1PQ/DesignStorypg18.jpg Portfolio - Rijksmuseum User Flows https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616597240589-ZR4W9DJJ6810SZBM2QZ3/DesignStorypg19.jpg Portfolio - Rijksmuseum Hand-drawn paper prototype https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616600936172-20XXMIBQCUP7M9UHF7J3/Screen+Shot+2019-12-16+at+3.38.37+AM.png Portfolio - Rijksmuseum https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616601662986-6NKDKYJBGSGWV238ZE40/DesignStorypg28.jpg Portfolio - Rijksmuseum https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616602009521-EXPODEBPE03BLX3DHYAO/DesignStorypg29.jpg Portfolio - Rijksmuseum https://images.squarespace-cdn.com/content/v1/6047054b00a40d0d1c0c2098/1616603079082-U4HSRQ2YQ9CEX6D2UJUP/NONPROFITS_160209994_AR_-1_MDTNYRDKVQNN.jpg Portfolio - Rijksmuseum Credit: New York Cares