WEB DESIGN & DEVELOPMENT
UI/UX Design | Responsive Design | Front-End Web Development | Public Communication | Visual Systems
UI/UX Design | Responsive Design | Front-End Web Development | Public Communication | Visual Systems
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.
Provide users with a quick, clear online navigation for print ordering options.
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.
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.
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
Print Services homepage layout
Print Services homepage layout -mobile version
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.
Communicate fundraising goals and guide users through key actions such as learning about the campaign, exploring impact on students, and making donations.
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
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
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.
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.
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.
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.
Designed a website for San Jose Chinese Catholic Mission (SJCCM) church in collaboration with other team members.
Design a new website for easy navigation and easy access to information.
Defined content required and established website structure. A combination of z-lout layout and magazine layout was used for the homepage.
Designed an informational website with a layout system and easy navigation.
Created original content on the website. Captured and edited photographic assets to support visual navigation.
Collaborated with the communications team (web developers, interaction designer, communications specialist).