About

Aloha, I’m Brenda. I’m a product designer and web developer with a passion for designing fluid web and mobile interfaces that bring together functional and engaging user experiences. I take a user centered approach to build great visual and product design.

I have always been intrigued by great design. Whether it is a solid piece of furniture, a nice pair of sunglasses or a well-structured layout, great design has always caught my eye. The beauty, functionality and creativity that go into design are elements that inspire me to craft digital experiences. I enjoy writing clean, organized and semantic code while experimenting with typography, subtle animations and CSS tricks. I love what I do and I’m always striving to improve my design skills.

I’m currently a product designer at Centerfield, a marketing and advertising technology firm. There are many projects in the works, but some of the key projects I lead the design and implementation include an Agent Console, Workforce Management platform and IVR Script Studio application.

Fun facts about me: I'm a certified open water diver, lover of puppies, and lover of all things matcha. I was also a pharmacy technician in another life.

Connect with me at hello@brendalau.com

My Developing Child

  • UX Design
  • UI Design
  • WordPress Custom Theme
  • Information Architecture
  • Branding
  • Responsive Design
  • PHP
  • Sass
  • Git
  • User Testing

My Developing Child is an educational website for a biotech company’s non-profit sector. The website focuses on bringing awareness to autism and provides information from screening, signs, diagnosis, management and advocacy support groups.

View Live

Project GoalsThe goal of this project aims to achieve two goals: to educate users/parents on the genetic cause of autism and to increase the number of sign ups.

The design and development of this project provides a clean, easy to navigate, and family friendly site that is accessible by all devices. The overall project was completed in a tight span of five weeks and was a collaborative effort with two other awesome team members. We worked closely with our client, based in Utah, to establish the development of the site.

Initial Meeting   We had an in-person discovery meeting with the client to better understand the scope of the project and the following information:

  • Objective of the site
  • Priorities to consider for the development of the site
  • Users or target audience
  • The primary task users are looking to accomplish when using site
  • Competitors
  • Design features
  • Brand guideline/colors/typefaces
  • Style/tone or imagery to consider

Process   From the details uncovered in the discovery meeting, we then began the research phase. We worked with the client to conduct 5 in-person interviews and 15 survey interviews of users (parents) selected from various advocacy groups.

Key Findings

  • Average age of users are 25-35 years old
  • Users would spend approximately 10 minutes visiting a health education site
  • Users would revisit a site if there are current news/events that are frequently updated
  • Users prefer to view sites on desktop for more in depth analysis. However, when they are on the go, they enjoy a mobile friendly site for quick information
  • Users expect to find clear, easy to locate content/information that does not have a lot jargon
  • Besides health education sites, users would also frequent blogs, WebMD and advocacy sites
  • If the site has social media links, users are likely to follow to get access of more information
  • Users are frustrated by sites that are vague, hard to navigate (don’t know where to click next) and do not have credible sources
My Developing Child IA
My Developing Child Sitemap
My Developing Child wireframes

Color Swatch   We decided on the following colors to establish a family-friendly tone.

#01667D

#0099B5

#0CA2C7

#7A93A0

#4C4C4C

Development   The site was built on a custom WordPress theme. Each page was coded separately since the structural content of each page was different. With a user centered approach, we incorporated various dynamic elements to enhance the overall usability of the site with specific functions enabled/disabled across various devices.

We also implemented a progress bar at the bottom of each page so that users can navigate through the informational ‘steps’ of autism from screening to support.

User Testing   For the final portion of the project, we conducted a site testing to determine the usability and efficiency of the site. The site testing allowed us to observe a user’s interaction with the interface, layout and content and to validate specific features that were incorporated into the site. Overall, the testing provided a lot of valuable feedback to the design and development of the site.

For a more in depth analysis, please view the pdf site testing report below.

Site Testing Report
My Developing Child iphone
My Developing Child Screenshot
My Developing Child Screenshot
Top