UX Projects: COPYL

COPYL is an ambitious SaaS platform aiming to offer a modular, all-in-one workspace where users can collaborate, customize tools, and streamline workflows. I joined the team as a UX designer and also contributed to marketing efforts during the development phase.

Sep 1, 2024

UX Projects: COPYL

Sep 1, 2024

CLIENT

COPYL

Role

UX Designer

Service

UX Design & Marketing Contents

CLIENT

COPYL

Role

UX Designer

Service

UX Design & Marketing Contents

CLIENT

COPYL

Role

UX Designer

Service

UX Design & Marketing Contents

Work Detail

1. As a UX designer, I reimagined parts of the platform’s user journey, focusing on improving the subscription flow and introducing a new marketing page that effectively communicates COPYL’s value.

2. I also worked on marketing content for HAVS Protect, a Bluetooth-powered wearable designed to prevent Hand-Arm Vibration Syndrome (HAVS) — also known as "white finger" — by detecting vibration exposure in real time.

The Outcomes

<iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7270727551994486784" height="399" width="504" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-pointer-lock allow-forms allow-popups allow-popups-to-escape-sandbox"></iframe>

<iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7270727551994486784" height="399" width="504" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-pointer-lock allow-forms allow-popups allow-popups-to-escape-sandbox"></iframe>

<iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7270727551994486784" height="399" width="504" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-pointer-lock allow-forms allow-popups allow-popups-to-escape-sandbox"></iframe>

The Figma Market Place:

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://embed.figma.com/proto/6O6k4o8ezlWq8tkGeRD972/Copyl-UI?page-id=643%3A741&amp;node-id=670-724&amp;p=f&amp;viewport=360%2C583%2C0.03&amp;scaling=scale-down&amp;content-scaling=fixed&amp;embed-host=share" allowfullscreen sandbox="allow-same-origin allow-scripts allow-pointer-lock allow-forms allow-popups allow-popups-to-escape-sandbox"></iframe>

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://embed.figma.com/proto/6O6k4o8ezlWq8tkGeRD972/Copyl-UI?page-id=643%3A741&amp;node-id=670-724&amp;p=f&amp;viewport=360%2C583%2C0.03&amp;scaling=scale-down&amp;content-scaling=fixed&amp;embed-host=share" allowfullscreen sandbox="allow-same-origin allow-scripts allow-pointer-lock allow-forms allow-popups allow-popups-to-escape-sandbox"></iframe>

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://embed.figma.com/proto/6O6k4o8ezlWq8tkGeRD972/Copyl-UI?page-id=643%3A741&amp;node-id=670-724&amp;p=f&amp;viewport=360%2C583%2C0.03&amp;scaling=scale-down&amp;content-scaling=fixed&amp;embed-host=share" allowfullscreen sandbox="allow-same-origin allow-scripts allow-pointer-lock allow-forms allow-popups allow-popups-to-escape-sandbox"></iframe>

The Figma Prototype : Purchasing Page

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://embed.figma.com/proto/6O6k4o8ezlWq8tkGeRD972/Copyl-UI?page-id=289%3A2058&amp;node-id=289-2476&amp;viewport=360%2C583%2C0.03&amp;scaling=scale-down&amp;content-scaling=fixed&amp;embed-host=share" allowfullscreen sandbox="allow-same-origin allow-scripts allow-pointer-lock allow-forms allow-popups allow-popups-to-escape-sandbox"></iframe>

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://embed.figma.com/proto/6O6k4o8ezlWq8tkGeRD972/Copyl-UI?page-id=289%3A2058&amp;node-id=289-2476&amp;viewport=360%2C583%2C0.03&amp;scaling=scale-down&amp;content-scaling=fixed&amp;embed-host=share" allowfullscreen sandbox="allow-same-origin allow-scripts allow-pointer-lock allow-forms allow-popups allow-popups-to-escape-sandbox"></iframe>

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://embed.figma.com/proto/6O6k4o8ezlWq8tkGeRD972/Copyl-UI?page-id=289%3A2058&amp;node-id=289-2476&amp;viewport=360%2C583%2C0.03&amp;scaling=scale-down&amp;content-scaling=fixed&amp;embed-host=share" allowfullscreen sandbox="allow-same-origin allow-scripts allow-pointer-lock allow-forms allow-popups allow-popups-to-escape-sandbox"></iframe>

NEXT WORK

Tour Audio Guide Website & Android App design

Built and launched the company's official website using Wix and Figma wireframes. Designed the first version of the company's Android app prototype, applying UX principles and Material Design Kits.