TARTLE

Design System & Sellers Platform Redesign

Website & App \\\\ Circa 2021-2022

ROLE

Lead Product Designer

Team

Alexander McCaig, CEO

Dania Simmons, CTOMathew Smith, Head of Customer Success

Team of 3 developers

the client

👽

Based in Santa Fe, New Mexico

🏁

Started in 2017, as a Big Data startup

🌎

Data marketplace for individuals, non-profits, and charities across the globe

📦

Enables people to sell their own data on their terms

How might we...

Create a cohesive system by unifying different platforms and providing the necessary tools to accelerate future work.

Goals

Metric

Sellers

Create a unify design system with a new frontend development

Improve seller’s trust and engagment

Start

350,000 ~

0 shared libraries

3

234 daily

Goal

1 million

1 shared library

4

3X daily

Product Background

Existing Platforms

Marketing Website

Guests and potential members

Sellers Platform

Individuals sharing to earn money

Buyers Platform

Clients who purchase data and create data packets

Moderator

TARTLE admins managing data packets and members

Key Insights

Inconsistency

Each platform has different functions within the TARTLE ecosystem but they also lack a cohesive brand look and feel.

Poor Onboarding

New members are confused as what to do first. They are missing steps in order to earn money.

Lack of Clarity

Addressing issues causing confusion and clarity within each platform. The platform wasn't mobile-first for members, despite sellers mainly using mobile phones to fill out data packets.

Design system for a product team

Working Files

Prototype

UX Documentation

React Libraries

Responsive Web

Global Library

Designers

Developers

single source of truth

The TARTLE Design System provides easy-to-follow and practical building blocks needed to construct any TARTLE platform. It offers a base on how to use UI components, visual elements, content, and design language to create a better user experience and product. Design systems help speed up product development and ensure consistency at scale.

Atomic Design

Started out identifying common building blocks that are shared across the platform, and translated the base of the marketing site to create and improve the existing components.

Feedback and Revisions

As a designer, I worked with developers to improve the seller's experience and validate key issues. We tested and gathered feedback from users and used the TARTLE Design System to speed up product development and ensure consistency at scale.

Test

Release

Revise

Iterate

With the redesign of the majority of the pages, we were able to improve our member's understanding of the platform to 46%

2020

29%

End of 2021

46%

👍

Challenges & Conclusion

Maintain & scale

Once we had it all set up, future phases of the projects were able to grow with the high-fidelity screens. Global libraries really helped apply changes amongst any working files and keep them up-to-date.

Reengineering limitations

Often times the creative direction of new designs got refreshed, but we were limited to how much we could change on a page itself overall. A complete design change wasn’t always feasible at a given phase.

Data Packets

Adding more questionnaire categories

With limited time, we focused on improving the components to the data packets and improve the auto sell function. We went from a single unique answers to 5 additional formats of questions to improve how we manage data and eliminate errors

62% of users spend time filling out data packets

10% use the auto sell function

Before

After

Impact

1.5 mil

Sellers at the end of 2021

3.7x

increase of data packets in the market place

5x

faster way to ideate concepts and development

91%

satisfaction rate among members

next project

Main Event App

Everlywell Design System

Archives

Work

About

Contact

TARTLE

Design System & Sellers Platform Redesign

Website & App \\\\ Circa 2021-2022

ROLE

Lead Product Designer

Team

Alexander McCaig, CEO

Dania Simmons, CTOMathew Smith, Head of Customer Success

Team of 3 developers

the client

👽

Based in Santa Fe, New Mexico

🏁

Started in 2017, as a Big Data startup

🌎

Data marketplace for individuals, non-profits, and charities across the globe

📦

Enables people to sell their own data on their terms

How might we...

Create a cohesive system by unifying different platforms and providing the necessary tools to accelerate future work.

Goals

Metric

Sellers

Create a unify design system with a new frontend development

Improve seller’s trust and engagment

Start

350,000 ~

0 shared libraries

3

234 daily

Goal

1 million

1 shared library

4

3X daily

Product Background

Existing Platforms

Marketing Website

Guests and potential members

Sellers Platform

Individuals sharing to earn money

Buyers Platform

Clients who purchase data and create data packets

Moderator

TARTLE admins managing data packets and members

Key Insights

Inconsistency

Each platform has different functions within the TARTLE ecosystem but they also lack a cohesive brand look and feel.

Poor Onboarding

New members are confused as what to do first. They are missing steps in order to earn money.

Lack of Clarity

Addressing issues causing confusion and clarity within each platform. The platform wasn't mobile-first for members, despite sellers mainly using mobile phones to fill out data packets.

Design system for a product team

Working Files

Prototype

UX Documentation

React Libraries

Responsive Web

Global Library

Designers

Developers

single source of truth

The TARTLE Design System provides easy-to-follow and practical building blocks needed to construct any TARTLE platform. It offers a base on how to use UI components, visual elements, content, and design language to create a better user experience and product. Design systems help speed up product development and ensure consistency at scale.

Atomic Design

Started out identifying common building blocks that are shared across the platform, and translated the base of the marketing site to create and improve the existing components.

Feedback and Revisions

As a designer, I worked with developers to improve the seller's experience and validate key issues. We tested and gathered feedback from users and used the TARTLE Design System to speed up product development and ensure consistency at scale.

Test

Release

Revise

Iterate

With the redesign of the majority of the pages, we were able to improve our member's understanding of the platform to 46%

2020

29%

End of 2021

46%

👍

Challenges & Conclusion

Maintain & scale

Once we had it all set up, future phases of the projects were able to grow with the high-fidelity screens. Global libraries really helped apply changes amongst any working files and keep them up-to-date.

Reengineering limitations

Often times the creative direction of new designs got refreshed, but we were limited to how much we could change on a page itself overall. A complete design change wasn’t always feasible at a given phase.

Data Packets

Adding more questionnaire categories

With limited time, we focused on improving the components to the data packets and improve the auto sell function. We went from a single unique answers to 5 additional formats of questions to improve how we manage data and eliminate errors

62% of users spend time filling out data packets

10% use the auto sell function

Before

After

Impact

1.5 mil

Sellers at the end of 2021

3.7x

increase of data packets in the market place

5x

faster way to ideate concepts and development

91%

satisfaction rate among members

next project

Main Event App

Everlywell Design System

Archives

Work

About

Contact

TARTLE

Design System & Sellers Platform Redesign

Website & App \\\\ Circa 2021-2022

ROLE

Lead Product Designer

Team

Alexander McCaig, CEO

Dania Simmons, CTOMathew Smith, Head of Customer Success

Team of 3 developers

the client

👽

Based in Santa Fe, New Mexico

🏁

Started in 2017, as a Big Data startup

🌎

Data marketplace for individuals, non-profits, and charities across the globe

📦

Enables people to sell their own data on their terms

How might we...

Create a cohesive system by unifying different platforms and providing the necessary tools to accelerate future work.

Goals

Metric

Sellers

Create a unify design system with a new frontend development

Improve seller’s trust and engagment

Start

350,000 ~

0 shared libraries

3

234 daily

Goal

1 million

1 shared library

4

3X daily

Product Background

Existing Platforms

Marketing Website

Guests and potential members

Sellers Platform

Individuals sharing to earn money

Buyers Platform

Clients who purchase data and create data packets

Moderator

TARTLE admins managing data packets and members

Key Insights

Inconsistency

Each platform has different functions within the TARTLE ecosystem but they also lack a cohesive brand look and feel.

Poor Onboarding

New members are confused as what to do first. They are missing steps in order to earn money.

Lack of Clarity

Addressing issues causing confusion and clarity within each platform. The platform wasn't mobile-first for members, despite sellers mainly using mobile phones to fill out data packets.

Design system for a product team

Working Files

Prototype

UX Documentation

React Libraries

Responsive Web

Global Library

Designers

Developers

single source of truth

The TARTLE Design System provides easy-to-follow and practical building blocks needed to construct any TARTLE platform. It offers a base on how to use UI components, visual elements, content, and design language to create a better user experience and product. Design systems help speed up product development and ensure consistency at scale.

Atomic Design

Started out identifying common building blocks that are shared across the platform, and translated the base of the marketing site to create and improve the existing components.

Feedback and Revisions

As a designer, I worked with developers to improve the seller's experience and validate key issues. We tested and gathered feedback from users and used the TARTLE Design System to speed up product development and ensure consistency at scale.

Test

Release

Revise

Iterate

With the redesign of the majority of the pages, we were able to improve our member's understanding of the platform to 46%

2020

29%

End of 2021

46%

👍

Challenges & Conclusion

Maintain & scale

Once we had it all set up, future phases of the projects were able to grow with the high-fidelity screens. Global libraries really helped apply changes amongst any working files and keep them up-to-date.

Reengineering limitations

Often times the creative direction of new designs got refreshed, but we were limited to how much we could change on a page itself overall. A complete design change wasn’t always feasible at a given phase.

Data Packets

Adding more questionnaire categories

With limited time, we focused on improving the components to the data packets and improve the auto sell function. We went from a single unique answers to 5 additional formats of questions to improve how we manage data and eliminate errors

62% of users spend time filling out data packets

10% use the auto sell function

Before

After

Impact

1.5 mil

Sellers at the end of 2021

3.7x

increase of data packets in the market place

5x

faster way to ideate concepts and development

91%

satisfaction rate among members

next project

Main Event App

Everlywell Design System

Archives