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

Bon AppÉtit

  • User Experience Design
  • Responsive Design
  • Mobile First Design
  • HTML
  • CSS
  • jQuery

The objective of this project was to create a one-page responsive site that is compatible across all devices – desktop, tablet and mobile. This project ties together two things I am passionate about: good food & responsive design. I designed this project with flexbox to create a masonry grid layout (inspired by pinterest) which is based on columns that don’t have fixed height rows. I used a lightbox to showcase the images. With a responsive design approach, I disabled the lightbox on specific screen sizes and switched in a responsive navigation bar to bring together a functional user experience.

View Live

I incorporated colorful food imagery to bring out the vibrant theme of this project. I also used a hover effect on the images so that users would be inclined to click on the photos to enable the lightbox.

A black, white and gray color swatch was chosen for this project to keep the design minimalistic against the vibrant colors of the images.




bonappetit ipad screenshot
bonappetit ipad screenshot
bonappetit iphone screenshot