Ryan Porter - Product Design & Strategy

Ryan Porter is a digital product designer living Northern California.

Ryan has contributed to some of the world's most recognizable technology brands such as: eBay, Google & AirBnB. He has built a reputation for designing systems & experiences that solve customer problems through insights & iteration.

Google Store

Optimizing for Google’s hardware portfolio

In a bid to improve the shopping experience on Google Store, Ryan undertook a comprehensive project to revamp the hardware configuration process. By conducting extensive user research and market insights, he aimed to create a seamless and intuitive experience for users across diverse global markets.

Google Store webpage showing the Google Pixel 7 Pro smartphone with front and back views, price of $899, color options, and storage choices.

Mobile screen showing Nest Learning Thermostat priced at $211.65 or $8.81/month with color options and rebate offer.

California Pizza Kitchen

Designing an omnichannel digital ecosystem for California Pizza Kitchens future

California Pizza Kitchen (CPK) sought to enhance its online retail experience by developing a cohesive and engaging visual language and design system. Ryan embarked on a project to revitalize CPK's digital presence, ensuring consistency, brand alignment, and an improved user experience across all digital touchpoints.

Mobile app screen showing customizable Thai Crunch Salad with selected ingredients quinoa, cucumber, and edamame, plus a list of add-ons including sun-dried tomatoes, tomatoes, smoked bacon, cheeses, shrimp, crispy chicken, and sauteed salmon with calorie and price details.

Map of Los Angeles, CA showing multiple marked pickup locations with a search panel listing location details like Culver Center and Marina Del Rey.

Wrangler Jeans

Modernized e-commerce for a new generation

Wrangler Jeans, a renowned name in the fashion industry, aimed to revamp its e-commerce platform to better reflect its brand identity and enhance the user experience. Ryan embarked on a project to develop a new e-commerce experience and design system for Wrangler Jeans, utilizing variant testing to ensure the most effective solutions.

Online shopping page displaying women's shorts with filter options and product images featuring models wearing denim shorts.

Mobile view of Wrangler men's jeans product page showing slim fit straight leg jeans in McAllen color with price and rating.

Peet's Coffee

Order your favorite beverage from anywhere

Peet's Coffee, a beloved coffee brand known for its high-quality products, sought to create a mobile app that would enhance its customers' experience and foster loyalty. Ryan was tasked with developing the app experience and design system, using human-centered design practices to ensure it met the needs and preferences of Peet's diverse customer base. The project included iterative refinement before a national rollout.

Menu screen displaying a vanilla latte in a glass mug with foam art, description, price, calorie count, and customization options for size, milk prep, and shot options.

Mobile app screen showing a map of San Francisco with multiple Peet's Coffee Bar locations pinned, highlighting 1400 Mission St. as open and 2.0 miles away with options to call, favorite, or select the location.

Mobile app screen showing seasonal coffee products for pickup at 1400 Mission St, including iced vanilla almond matcha latte, vanilla almond matcha latte, iced lavender vanilla almond latte, and lavender vanilla almond latte, with prices and calories listed.

L’Oréal

Personalized hair color delivered to your door

L’Oréal, a global leader in beauty, envisioned a cutting-edge mobile app to offer personalized hair coloring solutions. In partnership with Pentagram, Ryan undertook the challenge of developing the Color&Co app, designed to provide users with customized hair color recommendations and an engaging, user-friendly experience.

Website interface showing a selection of hair color goals with images of six women representing Blonde, Brown, Black, Copper Red or Violet options, plus two grayed-out options for Highlights or Ombre and Pastels or Vivids marked as coming soon.

Mobile screen displaying a hair color selection interface titled 'How light or dark is your natural hair without the grays?' showing hair color swatches categorized as Dark with shades 1 to 3 and Medium with shades 4 to 7.

MINDBODY Software

Integrated Point of Sale tailored to the wellness industry

MINDBODY Software, a leading platform for wellness and fitness businesses, sought to enhance its point of sale (POS) system to better serve its diverse user base. Ryan was tasked with creating a comprehensive and intuitive POS design system, aimed at streamlining operations for wellness businesses while providing a seamless user experience.

Mobile shopping app screen showing a favorites list with yoga mats, water bottles, class pack, and a checkout bar totaling $110.25.

Tablet screen showing an online shopping cart with yoga and fitness products including mats, water, bottles, and blocks, and a checkout summary with total $110.25.