WATERSHED
BIO
01
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.
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

Utilizing company directions and collective user insights, I have overseen the research and design of pivotal platform components tailored to achieve product-market fit. I shipped designs of multiple strategic features and pages, ranging from foundational designs with scalability in mind to comprehensive, fully matured designs that align with the platform's long-term vision and end-to-end user experience.

The key features I delivered include a new landing page, a revamped data manager page with an improved data uploading experience, a redesigned settings page with admin experience, notification systems, and more.

Upon product launch, users experienced the platform with clear guidance and were able to effortlessly take desired actions, initiating their use of the platform seamlessly.
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. 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 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 (UCD) 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 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.