![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e00d9cc7e887157dfbd0e_Star%206.svg)
identifying the challenge
The user sign-up conversion rate from the homepage is not met with the company goal.
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e0c9015a0dadcfc811388_Icon.svg)
Current percentage rate: 5.4%
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e0c9015a0dadcfc811388_Icon.svg)
Goal percentage rate: 8%
How might we utilize existing and/or new components from the design system to increase the user sign-up conversion rate?
Original homepage before the redesign:
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/64f4f42a58fe75c6663d8505_Screenshot%202023-07-27%20at%2011.11%201.jpg)
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e00d9cc7e887157dfbd0e_Star%206.svg)
research insights
Analyzing the points at which users were leaving the website prematurely.
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660df95f275f52c8990f39f8_Icon.svg)
Goal: sign-up conversion rate should reach 8%, which is approx. a 48.15% increase from the starting point
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/64f50eab21d0652d094c48df_Group%203782.png)
Understanding design opportunity areas by studying the heatmap.
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660df95f275f52c8990f39f8_Icon.svg)
Found two main areas for improvement, both located at the bottom of the hero section
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660df95f275f52c8990f39f8_Icon.svg)
Both design elements suggested that users should scroll past the sign-up CTA
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/65135e0e72fb9518480a094a_Frame%204283.png)
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e00d9cc7e887157dfbd0e_Star%206.svg)
solidifying project goal
Design a homepage that allows users to retrieve product information at a glance, more efficiently and effectively.
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e00d9cc7e887157dfbd0e_Star%206.svg)
Design solution
Implementing a "quick-links" component to quickly showcase product abilities to the users.
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660df95f275f52c8990f39f8_Icon.svg)
Items in the list need to be concise and informative
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660df95f275f52c8990f39f8_Icon.svg)
Content in the list must not distract users from the main goal of action: interacting with the sign-up CTA button
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/6513da97a9da5b457996d961_Frame%204078.png)
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e00d9cc7e887157dfbd0e_Star%206.svg)
Testing results
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e0c9015a0dadcfc811388_Icon.svg)
A/B testing (qualitative data): test variant is the presence of "quick-links" on the homepage
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e13339b8ac04ade594cfb_Screenshot%202023-07-30%20at%2012.52%201.png)
A: no quick-links
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e12e30141bef140496c70_Group%203747.png)
B: variant, with quick-links
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660df95f275f52c8990f39f8_Icon.svg)
User activity shown over the course of 2 weeks:
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660df95f275f52c8990f39f8_Icon.svg)
More activity within the hero section in variant B, and users showed interest in the quick-links
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e15e948822e6aba4c5567_b%201.png)
A: no quick-links
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e15ff7f190de8bcab851b_a%202.png)
B: variant, with quick-links
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e0c9015a0dadcfc811388_Icon.svg)
Google analytics (quantitative data): goal for the sign-up conversion rate from the homepage was to reach 8%
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660df95f275f52c8990f39f8_Icon.svg)
Recall that the starting sign-up conversion rate was 5.4%. Overall, test B (one with the variant) performed better than test A
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660df95f275f52c8990f39f8_Icon.svg)
The lower exit and bounce rates in test B indicate better user engagement and user retention
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e1a5dd9a069b0e4aac95c_Frame%204292.png)
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e00d9cc7e887157dfbd0e_Star%206.svg)
Misc: status bar
Here is another design system component I designed:
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/65f0ea7d2b184dae40638ace_statusu.png)
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660e00d9cc7e887157dfbd0e_Star%206.svg)
Final thoughts
During my internship, I aimed to increase the user sign-up conversion rate and demonstrate the feasibility of implementing the "quick-links" component to the team. Despite time constraints, I successfully conveyed to the team that the "quick-links" feature was a viable solution for improving the user sign-up conversion rate.
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660df7ac98a70392ae91a9d6_Icon.svg)
Design Systems:
I gained my love for design systems through my work this summer. I learned the importance of perfecting each component and being able to create designs that are accessible + applicable to all device screens.
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660df7ac98a70392ae91a9d6_Icon.svg)
Utilizing Data Analysis:
My mentor introduced me to Google Analytics, heatmaps, interaction recordings, traffic analysis, etc. This helped me further develop my skills in UX research, and a way to create concrete A/B tests.
![](https://cdn.prod.website-files.com/5fcccfe2fca8cbf4ccf3e2f1/660df7ac98a70392ae91a9d6_Icon.svg)
My Voice as a Designer:
It was very insightful to understand the end-to-end process of taking out/adding in new components to the product.