WEB DESIGN
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 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.
Provide users with a quick, clear online navigation for print ordering options.
Developed a quick hand-drawn wireframe followed by a high fidelity layout to meet tight deadlines.
A modular layout was used to support responsive behavior and easy content scanning.
Prioritized key actions of users and simplified navigation to reduce confusion. Focused on structure and usability.
High fidelity layout
Reusable Components
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
Designed and implemented a fundraising website platform for Milpitas Unified School District (MUSD), improving clarity and engagement for donors and general public.
Communicate fundraising goals and guide users through key actions such as learning about the campaign for a new campus, exploring impact on students, and making donations.
Defined the information architecture to support donor journey.
Created hand-drawn wireframes followed by a working protype to establish page structure and content hierarchy.
Developed reusable layout patterns to organize content and user flow.
Prioritized clarity, readability, and strong call-to-action placement.
Delivered a structured website experience with clear content navigation and organization
Integrated infographics to communicate donation levels and impact
Designed and implemented web page layouts within a CMS, aligning design decisions with platform capabilities and constraints
Developed reusable layout patterns to maintain consistency across pages
Translated fundraising data into clear visual content for donors, including infographics and structured content blocks
mproved clarity and engagement through clear visual hierarchy and strategic call-to-action placement.
Note: The live site is no longer available due to a CMS migration. View interactive prototype (Figma) → Link
High fidelity layout
Reusable components
Redesigned the website for See The Lord (STL), a non-profit organization providing optometry services to underserved populations, improving usability and clarity for public-facing information.
The existing WordPress site was outdated and difficult to update, limiting the organization’s ability to manage content efficiently. The team required a more flexible platform that would allow for quick updates while maintaining brand consistency.
Defined content structure and page hierarchy based on user needs and available content
Developed a flexible layout system aligned with CMS capabilities to support consistent presentation across pages
Balanced structured layouts (single column, multi-column, and modular grids) to accommodate different content types while maintaining clarity
Incorporated existing brand elements to ensure visual consistency
Delivered a redesigned website with improved navigation, clearer content organization, and more accessible information.
Established a layout system to support ongoing content updates
Improved overall usability by simplifying page structure and reducing visual clutter
Redesigned and implemented website using Wix, aligning design decisions with platform constraints
Migrated content from WordPress to Wix while maintaining structure and consistency across pages
Enabled internal team members to independently update and manage content
Improved usability and visual clarity for public-facing audiences.
View live website → Link
STL homepage screenshot