WATERSHED
BIO
01
01
Watershed Bio is a cloud computing and data analytics platform that empowers bioinformaticians and wet lab scientists to manage and analyze vast amount of multiomic data at scale.
Genospace UI
WATERSHED BIO
EXPLORE
01
Watershed Bio is a cloud computing and data analytics platform that empower bioinformaticians and wet lab scientists to manage and analyze vast amount of multiomic data.
I am unable to share product details per NDA.
Please reach out to studio.jaec@gmail.com for the details.
PRODUCT DESIGN

Design Solutions for People & Business Impact

Guided by company direction and collective user insights, I led the research and design of core platform components aimed at achieving product-market fit. I delivered strategic, enterprise-grade features and information architecture — from scalable foundational designs to fully matured experiences aligned with the platform’s long-term vision. Key launches included a new onboarding experience, a redesigned data manager to optimize user workflows, RBAC, and a unified notification system.

Impact: 67% increase in task completion rate, onboarding training time cut by one-third, accelerating time-to-value.
DESIGN SYSTEM

Designs System Tailored for a Modern Scientific Tool

I developed a design system from scratch aimed at boosting both design and engineering productivity. This system integrates reusable and scalable UI components to establish a unique visual identity, specifically tailored for cutting-edge modern scientific tools.

To begin, I sought out a React component library, aligning with our adoption of React at the time, aiming to minimize workflow disruptions and maintain productivity. After evaluating several popular libraries in the market, considering factors such as update frequency and community size, we opted for Mantine UI as our starting point for its efficiency.

Subsequently, I personalized the styles based on our design language and crafted documentation to facilitate ease of use and maintain coherence throughout the design process.
DESIGN SYSTEM

Designs System Tailored for a Modern Scientific Tool

I developed a design system from scratch aimed at boosting both design and engineering productivity, and UX. This system integrates reusable and scalable UI components to establish a clean and modern visual identity, specifically tailored for cutting-edge modern scientific tools.

To begin, I sought out a React component library, aligning with our adoption of React at the time, aiming to minimize workflow disruptions and maintain productivity. After evaluating several popular libraries in the market, considering factors such as update frequency and community size, we opted for Mantine UI as our starting point for its efficiency.

Subsequently, I ensured design tokens are aligned with engineering team, personalized the styles based on our design language and crafted documentation to facilitate ease of use and maintain coherence throughout the design process.
dESIGN LEADERSHIP

First Design Hire in Charge of UX

As my experiences grew, my perspective on design leadership continued to evolve. The fundamental essence of design leadership of my view remained constant: driving impact for users and business through the promotion of user-centered design processes, advocating for its value, and fostering a design-centric culture. However, my approach to achieving these goals has transformed.

During my tenure at Watershed, I began by cultivating understanding and trust among individuals, departments, and stakeholders before pushing initiatives around design culture that I think has the value for the team. The lesson I've learned from this experience is that effective design leadership involves establishing strong connections with your close partners, stakeholders, and company, and adapting your design expertise to fit the specific context at hand.

I started to gain user insights actively through the channel that I created and I stored them in a single source of truth for broader accessibility. I noticed that different functions such as business and marketing also utilized it. Also by aligning my design principles with their expectations, I laid a solid foundation for establishing a product design process that aligned with the company's objectives and resources. This approach led to expedited feature releases.
VISUAL DESIGN

Visual Directions for Brand

I established the visual direction of the brand and developed tangible visual assets as exemplars for the team to adopt. This visual language was applied across marketing collateral and the design system for both the platform and website (website is currently undergoing modifications).

My objective was to position our brand in the market as a modern scientific tool that emphasizes both aesthetic and functional qualities. Key attributes I aimed to convey were simplicity, smoothness, and solidity. These concepts translated into a focus on essential elements, minimal friction, and reliability.
VISUAL DESIGN

Visual Directions

I established the visual direction of the brand and developed tangible visual assets as exemplars for the team to adopt. This visual language was applied across marketing collateral and the design system, except the company website.

My objective was to position our brand in the market as a modern scientific tool that emphasizes both aesthetic and functional qualities. Key attributes I aimed to convey were simplicity, smoothness, and solidity. These concepts translated into a focus on essential elements, minimal friction, and reliability.