https://www.shawnsuzuki.com/blog-3-1 daily 0.75 2026-08-30 https://www.shawnsuzuki.com/blog-3-1/created-to-use-images-for-a-case-study monthly 0.5 2026-08-30 https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/9a7d163d-9c1e-422d-bf82-6930806b52fb/opps-calendar-view.png Blog - Created to use images for a case study - volunteer opportunities - calendar view Calendar view of volunteer opportunities page showing a monthly grid. Top header displays the month and year with left and right arrows to navigate months. Weekday labels run across the top from Sunday to Saturday. Some dates contain colored event blocks with short titles and times, stacked when multiple events occur on the same day. A sidebar on the right lists filters with checkboxes for categories like Community Outreach, Education, and Environment, and a search field to find events by keyword. A highlighted date is outlined to indicate the selected day. At the bottom, buttons read "Add Event" and "Export Calendar." https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/0ae349b4-bb85-4ecb-a546-86dc7a86314e/opps-list-view.png Blog - Created to use images for a case study - volunteer opportunities - list view List view showing volunteer opportunity cards stacked vertically, each card with a thumbnail image at left and text details at right: title in bold, brief description, date/time, location icon with city name, and a button labeled “I’m Interested” or “Sign Up”. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/79d459b6-be49-413c-b8d3-fae4663e7a99/opps-grid-view.png Blog - Created to use images for a case study - volunteer opportunities - grid view Desktop mockup of the Volunteer Success opportunities page in grid view, showing three volunteer opportunity cards with location, eligibility badges, organization logos, descriptions, dates, and “I’m Interested” and “See Details” actions. https://www.shawnsuzuki.com/about daily 0.75 2026-08-14 https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1597614278076-JIF6HZCQA3DSWSF7Q59Q/me2.png https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1597614459138-JS1PRTQSQRUORAQDZSLZ/quote.png https://www.shawnsuzuki.com/contact daily 0.75 2021-04-02 https://www.shawnsuzuki.com/work daily 1.0 2026-09-11 https://www.shawnsuzuki.com/work/volunteer-opportunity-marketplace monthly 0.5 2026-09-10 https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/469107f6-46d2-4b47-8212-0668adcf5752/img-hero.png https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1a74d9a8-24ad-4dd7-a6a6-bd1f58743aa7/volunteer_choices.png https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/6d9e01f5-8aed-4d5e-93c7-63439d5e7373/Firefly+%281%29.png https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/7ba9af0a-26ba-4d9d-9f19-b30a2a946d14/Explorer.png https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/7daca733-55fa-409b-948e-d9af1b438bb3/Goal-Driven.png https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/366be2ce-628c-4a31-bfea-f5798cd24a85/eventsNoppsResearch.png https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/0ba57965-2c5a-4b5e-85f3-c8bb714d7762/opportunitiesPageBeginning.png https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/149a3540-a05f-43c9-9fa6-2675deccfb65/opportunity-cards.png https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/6d9e01f5-8aed-4d5e-93c7-63439d5e7373/Firefly+%281%29.png https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/afa65aeb-ffc1-4e3a-9ee2-23c9aed43600/mockuuups-woman-working-on-dell-display-mockup.jpg https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/e8af674c-98bd-4ac7-93b8-c8508792da8a/Volunteers+_+Find+Volunteer+Opportunities+_+Volunteer+Success+%2810%29.png https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/c70beb9e-a2c6-4034-95b6-24f6bf465515/Volunteers+_+Find+Volunteer+Opportunities+_+Volunteer+Success+%2812%29.png https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/c9419998-e6da-4394-b9c0-4d9c75c8288c/signIn_final.png https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/c80166af-380d-4dc5-8380-5a632fb3512f/Volunteers+_+Find+Volunteer+Opportunities+_+Volunteer+Success+%288%29.png https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/c06cb687-f872-4ce9-b81b-cde3b8ea85e0/full-foundation-system.png https://www.shawnsuzuki.com/work/vsc monthly 0.5 2026-09-10 https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/04d64c49-2ca0-49ce-8739-174ea59d422a/Dasher.png Work - Product Design: Charity Feature | Doordash I considered what had the lowest barrier to entry and highest visibility when starting this project. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/27759b9f-46f1-4516-8bda-a3e1d38709a2/Screen+Shot+2021-03-31+at+8.58.40+AM.png Work - Product Design: Charity Feature | Doordash I sort out ideas and create goals for this portion of the project. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/a213d0f9-0519-4994-92a3-97568539e00e/VSC+Persona.png Work - Product Design: Charity Feature | Doordash Phase 1 focuses on the career dashers. Phase 2 could include part-time dashers or weekend warriors. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/4aae18d4-5833-4ded-9073-d0f407ea9950/DD+VSC+Flow.png Work - Product Design: Charity Feature | Doordash I needed to understand how data will flow to create the right visual queues for the service flow and social sharing design cards. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/e5f2edb4-2dc9-4ec6-a0dc-661572ccfcac/CA-VSC.png Work - Product Design: Charity Feature | Doordash Checking product-market fit and to see if there was another service like this one out there. There isn't one. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1615147446474-HDDOYDRC8S2RCGMKT1DU/vsc+3.2021.gif Work - Product Design: Charity Feature | Doordash Doordash + Feeding America partnership for Project Dash Banner https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1614377032796-AC50J2IS0UGQGEVQZ5IH/VSC+Design+concept+wireframes.png Work - Product Design: Charity Feature | Doordash 3 different design option wireframes that looks at designing a new layout or keeping it similar to other categories like ratings. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1608574470182-BPA4512S1OO1MDUQ0NDA/Design+concepts.png Work - Product Design: Charity Feature | Doordash Hi-fidelity wireframes of the same 3 options from above. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1617337305591-Y73NBB8G0075G2JXA1GT/usability%2Btest%2Bresults.jpg Work - Product Design: Charity Feature | Doordash Usability testing results from 11 people. There’s a heat map on the device itself, their comments through the screens, and the overall vote from the 3 options provided. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1616261629105-TILYX0VNW16JV0E4T7T4/ezgif.com-gif-maker+%281%29.gif Work - Product Design: Charity Feature | Doordash Here are the 2 variations of the designs I needed to confirm through user testing. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1616263359765-6KBJX54C53TBZPSEGUC3/Driver+interacting+with+iPhone+11+mockup+in+car+mount+%28Mockuuups+Studio%29.png Work - Product Design: Charity Feature | Doordash A hi-fidelity mock-up showing the app in use and in context with doordash. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1608576553866-A3KW0E34OLDML83I2CAW/image+%287%29.png Work - Product Design: Charity Feature | Doordash Top left-initial social share card design. Bottom left-Glass and Spin animation designs. Right-Giving an image that has a feeling of doing good with recognition card. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1616262228880-QS0K4QWU5H9X2NLV1HBZ/vsc+new.gif Work - Product Design: Charity Feature | Doordash Click on image above to experience the app for yourself. https://www.shawnsuzuki.com/work/homescreenredesign monthly 0.5 2026-08-31 https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1615147924963-IW7WHMRNV1KEPJL32OAE/Spot+SS+homescreen.gif Work - UX Design: Mobile Homescreen Redesign | Spot Concept solution https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1605593269329-WYAJVRN2QQQRIBJCH7S5/competitor+analysis.png Work - UX Design: Mobile Homescreen Redesign | Spot Secondary research to get familiar with other apps related to this business. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1605857445915-MAVUOR5O47XWF8CDUV5X/OTS+CHAD+PERSONA+FIN.png Work - UX Design: Mobile Homescreen Redesign | Spot https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1605857460386-AHCH4MTXIQ3PEAZPYUHJ/OTS+SUE+PERSONA+FIN.png Work - UX Design: Mobile Homescreen Redesign | Spot https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1605856472301-DIJ4A4FKEWSKSFQSXGZ1/OTS+Style+Guide.png Work - UX Design: Mobile Homescreen Redesign | Spot https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1597617538889-7O2QZWI8VH59VD71S1P3/roughsketch.jpg Work - UX Design: Mobile Homescreen Redesign | Spot - The Idea Based on findings of what the business owners would like to see on their home screen, I pen and papered some ideas. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1604436071790-ZFRLWS3B50L9GD1DJVMM/Mobile%2BForm%2BDesign%2BExploration.jpg Work - UX Design: Mobile Homescreen Redesign | Spot - Design Explorations My initial designs tried to accommodate the information I obtained from my guerrilla research. There was no user journey when I joined the team, so I tried to get all that information into a single screen. At the weekly design review, the entire Spot team talked through each section of screen 1. We figured out how to group certain sections together and simplify the home screen. Need to show current rating Need to show money saved with Spot Be able to find spotters Manage postings See matches https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1593194047760-ANG6595QIB585M6TA6IB/Organization+Home+Flow.jpg Work - UX Design: Mobile Homescreen Redesign | Spot - User Flow Using user research and stakeholder feedback, this is the user flow I created to match the new home screen. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1593125925566-8B28OERPHL2C3EPHHNGF/OrgScreenDesginExploration%404x.png Work - UX Design: Mobile Homescreen Redesign | Spot This design gives the user the ability to see an overview of their financials, create and fulfill gigs, find talent quickly, and get their reports. It also encompasses the stakeholder wants of star rating, money saved on hiring, and reviews. Fine tune overall look Users can navigate to desired information User friendly Easy to use https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1606206936525-2W2H1F27MYZ5U83WSPAT/Spot+SS+homescreen.gif Work - UX Design: Mobile Homescreen Redesign | Spot - Final Thoughts Final deliverable - app is currently in development https://www.shawnsuzuki.com/work/gigformredesign monthly 0.5 2026-08-31 https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1606178538771-4CBAHUZKPYLG8VNDD8R9/Spot+GIGform.gif Work - UX Design: Mobile Form Redesign | Spot https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1605637441371-Y13EBOWNBZKNJ8M0HFMM/competitor+analysis+form.png Work - UX Design: Mobile Form Redesign | Spot I researched form styles to get a different perspective on how to approach redesigning the current form but also stay within what’s normal and natural for a user. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1605645372763-X4FXTB21Y5MQT7X87SRF/OTS+Style+Guide.png Work - UX Design: Mobile Form Redesign | Spot https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1605637517836-TJ4JEDLAO345NX6ROUGW/OTS+SUE+PERSONA+FIN.png Work - UX Design: Mobile Form Redesign | Spot https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1605637528486-ZH1TY0LPXN9EPI5ZYI3T/chad.png Work - UX Design: Mobile Form Redesign | Spot https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1598095479425-GLPQUFSKKMPK6MR1OT0S/Gig+Form+Wireframes.jpg Work - UX Design: Mobile Form Redesign | Spot With an initial design constraint of 1 page and non scrollable, the initial designs were done around it. These were the lo-fi wireframes driven by user research. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1598098252302-9DMH2UTX41E5ZTYQ92WQ/Gigform+Wireframe+functions.png Work - UX Design: Mobile Form Redesign | Spot At this point, iterations of the design needed to line up with how the information will be displayed on the worker side of the app. We needed to make sure everything lined up for a great user experience on both the worker and organization side of the app. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1606181619551-I9GR2YZMOAXFVA1CIVZX/Gig+Form+UPDATE.png Work - UX Design: Mobile Form Redesign | Spot App is currently in development for market release. https://www.shawnsuzuki.com/work/shelterapp monthly 0.5 2026-08-31 https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/e77227ac-8495-418b-9ba9-f6acb6efd062/Desktop+-+2.png Work - UX Design: Landing Page Redesign | Shelter App https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/0a30dfd9-c402-455b-bb09-44f213c3f281/Desktop+-+3.png Work - UX Design: Landing Page Redesign | Shelter App https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/cc0cc341-e87e-46d4-a887-489ffefb0620/Desktop+-+4.png Work - UX Design: Landing Page Redesign | Shelter App https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/c610c765-4562-4c1a-8798-ada365c6b1bc/Desktop+-+5.png Work - UX Design: Landing Page Redesign | Shelter App https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/32467fa1-cb8a-4125-b365-f9100cc98135/Desktop+-+6.png Work - UX Design: Landing Page Redesign | Shelter App https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/9cba0db2-eb3d-4de7-a515-535aae8c3a8e/Desktop+-+1.png Work - UX Design: Landing Page Redesign | Shelter App https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1623791809898-R2Q0M0UDJA7KGA2OGXZ4/shelter+logo.png Work - UX Design: Landing Page Redesign | Shelter App - 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/5e7060ec0bca553b364c7349/1623791855289-F7UMCSVEB1ASSOD1SWBT/LogoOnly_Purple.png Work - UX Design: Landing Page Redesign | Shelter App - 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/5e7060ec0bca553b364c7349/1623792330386-17BBC7BWG7A80S4XSHTU/beforeAndAfter.png Work - UX Design: Landing Page Redesign | Shelter App - As a user who is trying to find an app that will help me get the help I’m looking for, I want to know if they can help me quickly. I decided to break down the information from the old site into more digestible bits of information that is easy to scan. The hope of this decision is to allow users to see quickly, if we can support them or not. Before and After designs of landing page. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1623793400344-FPK39BFJ2YEHUDHHMHM5/landing.original.png Work - UX Design: Landing Page Redesign | Shelter App Original landing page design https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1623793394910-EAW7S0W38YIIR5X3FSMI/landing.new.png Work - UX Design: Landing Page Redesign | Shelter App - Make it stand out New landing page design https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1626483090375-GORQWSTHE0EKYA2PRUJ3/landing+page+test.png Work - UX Design: Landing Page Redesign | Shelter App - Make it stand out Left image is original landing page idea. Right image has the added download now button. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1626484046646-KQG89G8A1LWYCTBXIQN2/neither+1.png Work - UX Design: Landing Page Redesign | Shelter App - Make it stand out Image of voting results on which landing page design would entice user to download app with 89% voting for the right 1 and 11% voting for neither. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1626483719004-WW6ARC9G4Q2BI8R3YQXL/dual+cta.png Work - UX Design: Landing Page Redesign | Shelter App - Make it stand out Image of woman holding child in oversized hat and kissing them. Buttons to download now and see how. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1623793745111-4IWMWLW63PG0BQWEZ0TO/aboutApp.png Work - UX Design: Landing Page Redesign | Shelter App Original about section version https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1623793782585-ACKV24P9XBXSOT2C2W4Y/counties.png Work - UX Design: Landing Page Redesign | Shelter App - Make it stand out Map with points showing counties currently in our database. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1626485997574-QP20J4IHLQ0QQ40LBVU7/top5notes.png Work - UX Design: Landing Page Redesign | Shelter App - Make it stand out 5 quotes from testers. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1623793770733-MB1HIXRUEZPNT691B1MS/we%27reON.png Work - UX Design: Landing Page Redesign | Shelter App - Make it stand out Image with download links for desktop, tablet, and phone. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1623793898547-P2LSN3XQ5FTNZ4Q2NYHE/featuresectionOriginal.png Work - UX Design: Landing Page Redesign | Shelter App Screenshots of original designs for Shelter App features and screenshots pages. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1623794689085-32Z6X18D804PTJA98IA3/clout.png Work - UX Design: Landing Page Redesign | Shelter App Screenshot of original section with awards and partners. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1623794800312-8VM0CZ6LFRQOCXUYIGZV/Desktop+-+27.png Work - UX Design: Landing Page Redesign | Shelter App - Make it stand out Screenshot of Partner Logos and Award Logos on their own carousels. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1626487931358-WVPUY0T2ZA0FGK7KYNF6/contactform.png Work - UX Design: Landing Page Redesign | Shelter App - The old site didn’t have a contact section in the current landing page reel. Research has shown that including a form generates more leads than a site with a separate contact page only. To solve these issues, I... Created a contact form with floating labels. Added 3 suggestions for contacting us. Before and After designs of landing page. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1623800226205-48SQVY7E93JKVFB3XBZD/image+1.jpg Work - UX Design: Landing Page Redesign | Shelter App Original landing page design. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1626486237113-YYNYWN5WT361USDCUM0D/ShelterMarketingPageRedesign2021NEW.png Work - UX Design: Landing Page Redesign | Shelter App - Make it stand out New landing page design. https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1626487017752-NL9W7MIRUCRWAPE9CQIN/ShelterMarketingPageRedesign2021MidResponsive.png Work - UX Design: Landing Page Redesign | Shelter App - 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/5e7060ec0bca553b364c7349/1626487122190-J959JFX1WZBYPTSV5WY1/ShelterMarketingPageRedesign2021Responsive.png Work - UX Design: Landing Page Redesign | Shelter App - 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/5e7060ec0bca553b364c7349/1627312804986-LOX0M27HF9H5O2W3RYEO/singleview.png Work - UX Design: Landing Page Redesign | Shelter App - Make it stand out Landing Page design Desktop version https://images.squarespace-cdn.com/content/v1/5e7060ec0bca553b364c7349/1627313041266-PDLZAML071MFN481J4EM/ShelterMarketingPageRedesign2021Responsive.png Work - UX Design: Landing Page Redesign | Shelter App - Make it stand out Landing Page design Mobile version