USC Avenues
web redesign // rebranding
TOOLS
TIMELINE
ROLE
SKILLS
Sep - Nov 2023
Web Team Lead
Web Design
Brand Design
Project Management
Figma
Notion
Final Thoughts
IDEATION
Website Building
HI-FI MOCK-UPS
To boost engagement and better organize information to represent our organization as a whole.
To convey community, inclusivity, & innovation to USC students
Key Goals
Style Compilation
Because our client requested for a professional and clean look for their website redesign, we gathered images that we could take inspiration from.
Design System
We maintained the initial color palette that USC Avenues had but explored various typography styles.
WIREFRAMES / LOW-FI SCREENS
We created 4 pages: Home, About Us, Our Community, and Services.
Our main focus was to make sure our website was interactive and dynamic; each page's interactions are unique but maintain unity through design elements and features.
mid-fidelity screens
Each team member was assigned to a different page to explore different styles.
Design Critique
After talking with our client, we were able to decide on the overall style while combining elements & features from each designer to create a cohesive look:
unique main CTA button to apply
use of carousel for images
consistency of color palette
create a tech website aesthetic using more blues and emphasize with orangish-red color
remove the sections and establish flow from beginning to end of the page
Our team spent the most time iterating various elements and features so that each of the pages maintained consistency despite 4 designers working on them.
Project Management
———————————————
This web design project was the first one that I led alone, and my team made the experience enjoyable and interactive. I place more value in design critiques after this project to be able to maintain more cohesion in a website.
Design Critique
———————————————
Our team spent several weeks critiquing and iterating various designs so that all the different pages were consistent throughout the website. Discussions and communication were key components throughout the project.
Next steps
———————————————
Our team was only required to build the high-fidelity mock-ups of the website; the developer for the USC Avenues website needs to publish the site to be fully functional and interactive.
Key Takeaways
