Hello, world.

I鈥檓 Chris Ota, a San Francisco-based product designer working at Lyft. I am passionate about researching problems and solving them through design while providing a pleasant user experience.


My Work



Designed and built an internal dashboard reporting system for the Apple Maps Engineering team to display data from other tools used in the organization. Other team contributions included an internal design system, which assisted engineers with the styling of their applications.

User Experience Documentation, Design, HTML/CSS

Mall Redesign

A large mall was looking for a redesign to improve the online browsing experience for local and international visitors.

I was involved with creating user-experience documents (touchpoints, site audit, competitor analysis, sitemaps, responsive wireframes, user personas, customer and stakeholder interviews) and a mobile-first design approach.

View Case Study

User Experience Documentation, Design, HTML/CSS, WordPress Integration

School Kine Cookies

School Kine Cookies was looking for a custom, backend dashboard system to help teachers manage local cookie sales in Hawaii. After launching, there was a 98% adoption rate with a steady increase of sales.

View Case Study

Wireframes, Design, HTML/CSS, Ruby on Rails, Shopify Integration


Headquartered in Chicago, Clearstream came to us looking for a custom dashboard reporting system. Built from the ground up, I worked closely with engineers and stakeholders during many different steps of the process.

View Case Study

Design, HTML/CSS, Ruby on Rails

Resort Design

A local hotel and resort chain wanted to refresh the look of their current site and rethink the user experience when looking for a room. We also worked closely with the client on widening their appeal to a broader audience by coming up with social media strategies.

Wireframes, Design


Being the largest local wireless provider in Hawaii, Mobi PCS wanted to wanted to provide the best online service to its customers by allowing them to check call history, data usage, pay bills, add plan features, and buy phones.

Working closely with our developers, I assisted in creating the bill-pay and plan selection features of the website. Since a style guide was provided, the design process was skipped and I went from wireframes to static HTML/CSS implementation.

Wireframes, HTML/CSS, Ruby on Rails


Things Around SF

Since I am not a San Francisco native, I have become more aware of my surroundings and environment. To reflect this, I started an illustration series called "Things Around SF". Each illustration was created for fun in a couple of hours. Enjoy!

View on Dribbble


Daily UI

Building my portfolio with small exercises provided by Daily UI.



I like to test my front-end capabilities in CodePen from time to time. Whether it is illustrating something in pure CSS or squashing an annoying visual bug, I enjoy the challenge in trying to accomplish something new.

View More


Design System

I am creating a design system using SCSS @extends to make implementation of basic design components easier for designers and engineers easier. Building an interface shouldn't be made complex by installing a lot of dependencies so only a single SCSS file will be needed.

The design system is a work in progress and will include buttons, form layouts, table styling, color palettes, and much more. This will be made publicly available when it is ready.


Chris Ota Interface Designer

9 Years Ago...

I graduated from Kapiolani Community College with a degree in Interface Design and began my career working for different agencies in Hawaii. Wanting to be more active in the design community, I volunteered my time as a board member with AIGA Honolulu and taught front-end development at a local community college.

In 2015, I packed my bags and decided to move to San Francisco for a fresh start and to immerse myself in the world of design.

If I'm not running to k-pop, I'm watching a Miyazaki or anime flick, shopping for sneakers, or trying to save money for that Eames Lounge Chair.

Good design is long-lasting.