DVSA (Duwamish valley Sustainability association)

Company Website

Design a responsive company website for the city association for youth enrichment programs

Job Context: Freelance Work (DVSA)

Project Output: 
Figma Screen Designs, Webflow Website

Collaborated With: Project Manager, Co-Designer

My Responsibility: Process incoming website content into website CMS and design a website UI.

Story: The Duwamish Valley Sustainability Association had been using a Facebook page for a year and was looking to expand their content and mission to a website format that would help streamline the joining process for incoming youth looking to participate in a DVSA program.

Contact ME

Cancel
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Contact ME

Cancel
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Problem Statement

Program content for the website was sitting in Google Document text format and needed to be placed in many different individual program pages requiring a CMS solution. The association did not have a website yet and so one needed to be made from scratch.

Constraints

This was government agency work and so the scope was limited by what the city was willing to pay for the site. The program manager was also on her two weeks so the launch date was confined to just before she had to leave and give a website presentation to the city board.

Users

The primary users of the DVSA website are Rainier Beach youth from middle school to high school looking to get involved in after school programs regarding 3D modeling, video editing, public gardening, and other projects related to sustainability public work.

Another user would be the program filing administrator who would be instructed by me on how to use the Webflow editor tool to update CMS items for new program pages in the future.

Approach

I first met with the DVSA program manager who outlined a brief for me to work from. I did preliminary research on the DVSA via their Facebook to get more extensive photographic content to include in my website designs. I built out a brand based on the colors and font the PM provided and then began building the website design in Figma and then brought it into Webflow for development. I then began transferring content from their shared document to fill out the CMS and create website pages in Webflow. I also met with the other designer who gave feedback on my Figma designs and final touches to my Weblow site design. Finally I gave a walkthrough of the editor for the filing administrator so they could update the site with ease in the future.

Results

www.dvsaseattle.com

The DVSA group now has a working and modernized personal website for their association that makes learning about and joining their programs easy for incoming youth as well as streamlines the process for future program updating within the organization.