Vanguard

The Santa Clara Vanguard (SCV) Drum & Bugle Corps

The Santa Clara Vanguard (SCV) Drum & Bugle Corps hired us to create a website.

The challenge was to build a website to be simple and easy to navigate for all sorts of users with various missions.

After the wireframing process, I created an interface to ease accomplishing multiple tasks for multiple primary stakeholders.

I took advantage of simplicity and modern visuals to attract a young audiences.

ROLE

Creative, Art Director, Designer

UX - UI - Visual - Iconography - graphics

Vanguard users

- Bingo players - Starting age:50
- Doners
- young students and juveniles
- parents

It narrows down to people of all ages with different tasks

Tasks that are meant to be accomplished by users on the website

Bingo players

Find out about the schedules
(opening and closing hours)

Doners

why donate - What department to donate

Students

Latest events - latest news - find out about different programs - schedules - shop

Parents

Latest events - latest news - shop - Schedules - find out about different programs

Navigation

The decision on the hamburger menu and its challenges:

When the navigation is too long, the hamburger menu is a helpful option to incorporate a site menu without taking up too much room.

- condenses information
- achieves a minimalist aesthetic
- keeps site uncluttered

Challenge

Considering the fact that one group of users is in the age-range over 50 years old, I didn’t think the hamburger menu is a smart choice for that target. I believe the main information and tasks that most users looking for, needs to be upfront and center to hook users immediately upon arrival.

Solution

Kept the hamburger menu and added 3 circles on hero image in homepage to guide users to a shortcut accomplishing their tasks.

what's next