Saddleback College
UI Design
Redesigned key UI elements and created page templates.
Saddleback College is a community college located in Mission Viejo, California.
Overview
For this particular project, I collaborated closely with Agency 73 to create various page templates and design a selection of new graphic elements specifically for Saddleback College’s website. I utilized the existing brand identity as a foundation and enhanced it further with contemporary styles, engaging illustrations, and appealing textures. After turning over the finalized designs to Agency 73 for development, Saddleback College rolled out the updated and refreshed look across its entire website.
Results
The following are user interface (UI) design samples developed for this project. In this role, I not only focused on creating something that looks visually appealing but also ensured that it is user-friendly and intuitive to navigate. I carefully designed each aspect of these elements to enhance the overall user experience.
Impact
The refreshed website design improved user engagement by making the interface more visually appealing and easier to navigate while reinforcing Saddleback College’s brand identity with a modern, cohesive look.
Custom UI Assets
Created a suite of graphic elements, illustrations, and textures to refresh the website’s look and feel, enhancing the existing brand identity with a modern and engaging visual style.
Scalable Header Graphic
Designed a customizable header image using campus photos of students and faculty, creating a unique yet easily replicable graphic style that allowed for quick production of distinctive visuals across the website.
Custom Illustrations and Graphics
Developed illustrations and graphics that reflect the college’s character and incorporate its official colors, adding a cohesive and engaging visual element throughout the website.
Testimonial Template
Designed a versatile and visually appealing template to showcase student and faculty testimonials, ensuring consistency and clarity across the website.
Website Page Layouts
A selection of page and section designs, demonstrating a cohesive, modern, and user-friendly interface that enhances navigation while reinforcing the college’s refreshed brand identity.