Designed and implemented the homepage for a new print-ordering platform for the Print Services Department at Santa Clara County Office of Education (SCCOE) to improve navigation and reduce friction for internal and external users placing print orders.  

Goal

Provide users with a quick, clear online navigation for print ordering options. 

Approach

• Developed a quick hand-drawn wireframe to meet tight deadlines.  

• A modular layout was used to support responsive behavior and easy content scanning. 

• Prioritized key actions and simplified navigation to reduce user confusion. Focused on structure and usability rather than full visual customization.

Solution

• Delivered a responsive homepage with clear structure and easy navigation.

• Used visual images to guide users through available services.

• Streamlined ordering flow by organizing products into categories.

Key Contributions

• Built and implemented the homepage using HTML/CSS (flexbox), adapting designs to platform constraints. Collaborated with the vendor to implement to ensure accurate implementation.

• Produced and edited photographic assets to support usability and visual clarity.

• Enabled easier content updates for internal staff through structured layout and organization.

View implemented homepage →  Link 

Designed and implemented a fundraising website platform for Milpitas Unified School District (MUSD) to build a new campus, improving clarity and engagement for donors and general public.

Goal

Communicate fundraising goals and guide users through key actions such as learning about the campaign, exploring impact on students, and making donations. 

Approach

• Defined the information architecture to support donor journey. 

• Created wireframes and a working protype to establish page structure and content hierarchy.

• Developed flexible layout patterns (single column, modular grid, and multi-column) to organize different types of content effectively.

• Prioritized clarity, readability, and strong call-to-action placement across pages

Solution

• Delivered a structured website experience with clear navigation and content organization

• Integrated infographics to communicate donation levels and impact 

• Designed pages to support both storytelling and quick access to key information

Key Contributions

• Designed and implemented website layouts within a CMS, aligning design decisions with platform constraints 

• Developed reusable layout patterns to maintain consistency across pages 

• Translated complex fundraising data into clear visual content for donors

• Enhanced user experience through clear hierarchy and strategic call-to-action placement.

View interactive prototype (Figma) → Link

Note: The live site is no longer available due to a CMS migration.

A complete redesign of See The Lord (STL) website. STL is non-profit organization that provides optometry services to underserved populations worldwide.

Problem:

Outdated site on Wordpress. Management would like to have easier access for last minute updates and desired to use Wix. Incorporate established logo and Hex#572C5F purple color.

Approach:

Developed a visual system, organization, and structure based on CMS constraints and content. A combination of z-layout and an asymmetrical  layout was used for the homepage to grab attention. Layout for rest of the pages were dependent on content. www.seethelord.org. 

Key Contributions:

• Redesigned website in Wix with a layout system.

• Migrated content from Wordpress to the Wix. 

•  Management was able to add/update information by themselves.

• Improved usability and visual clarity.