Case Studies
Close
Close

Case Studies

Close
Close

Case Studies

Case Study

Santa Cruz County

Veteran Network

Responsive Design in Webflow
Scroll

About the Organization

Created by Vets4Vets of Santa Cruz, SCVeteran Network is a website that offers a comprehensive look at resources and programs available to Veterans and their families residing in Santa Cruz County.

Challenge

Vets4Vets Santa Cruz and VSO Santa Cruz has been trying to get this project off the ground for several years but were met with dead end after dead end.

Build a website that would take the most critical resources from the VA, Calvet, etc and simplify it for the user, reduce the amount of mouse clicking, and searching.

Wireframes

I helped refine the basic user interface, Vets4Vets wanted the main page to be a series of buttons or tabs that allowed the user to access what they need to.

The subsequent pages will have a similar look with buttons which reveal more information upon clicking.

Colors & Fonts

The idea was to keep the color scheme fairly simple similar to the Department of VA and Calvet websites. Creating a sense of familiarity, and clarity.

Dark Slate Blue
#06366d
Dark Blue
#02214c
Slate Blue
#5860a1
Maroon
#530101
Dark Goldenrod
#a08000
Midnight Blue
#06366d
Light Gray
#afafaf
Font Type

PT Sans

Majority of the users are in an older demographic, and the client wanted to a font that was legible enough to not cause eye strain.

PT Sans was used in this instance, solving the legibility problem as well as not adding to the cost of the website.

Collaboration and Visual Design.  

Vets4Vets Santa Cruz and I collaborated on ways to create a space for users to find important resources such as Benefits without having to spend all day searching for it.

We decided on creating buttons that users can click on and it opens up to more information and links or videos if needed.

While this was a huge undertaking, and utilizing the Webflow CMS was the ideal way to organize it. Here's a few examples.

Mobile design concept.

Video Demo - Buttons

One of the key elements to this website are the buttons/tabs. Since this website is content rich (specifically text driven).

I decided to create buttons where the user would be able to click to reveal more information and hide it when they want to move onto the next button.

Final Results.

This website is early days, but the client was startin to feel the boost of the new website, and has built traction to other counties looking for a similar solution.

View The Live Site
View the Live Site

Next Project

Website Design Case Study

L&M Fire Protection

Client: L&M Fire Protection - Soquel, CA
Responsive Design in Webflow