New Relic, Inc.


Web tracking and analytics platform
Product Design Internship
05/2022-08/2022
figma
google analytics
crazy egg
adobe cc
New Relic offers Full-Stack Observability to help engineers plan, build, deploy, and run software.
In the summer of 2022, I had the opportunity to join New Relic as a product design intern. During my internship, I established New Relic's design system components, designed customer-facing pages on the company's website, and increased user sign-up interactions by 33% through quantitative data analysis and A/B tests.
This case study highlights my work in creating a design systems component to increase the user sign-up conversion rate from the homepage.
Increased sign-up conversions by 33% via A/B testing and data analysis
Designed and shipped new components to the design system
Collaborated with Creative Director & Strategy Team Lead to standardize component design process.
Final Design
Component Documentation
design system + branding
I also contributed to New Relic's new design system through branding and graphic design assets.
hackathon
During my internship, I worked with 6 other interns to optimize the usability of Blazor, a open-source web framework. We built a prototype of my design solution through New Relic's framework, that would allow users to monitor application performance more efficiently.
research insights
google analytics
heatmap
Analyzing the points at which users were leaving the website prematurely.
Goal: sign-up conversion rate should reach 8%, which is approx. a 48.15% increase from the starting point
Understanding design opportunity areas by studying the heatmap.
Found two main areas for improvement, both located at the bottom of the hero section
Both design elements suggested that users should scroll past the sign-up CTA
solidifying project goal
Design a homepage that allows users to retrieve product information at a glance, more efficiently and effectively.
A/B testing
heatmap
google analytics
A/B testing (qualitative data): test variant is the presence of "quick-links" on the homepage
A: no quick-links
B: variant, with quick-links
User activity shown over the course of 2 weeks:
More activity within the hero section in variant B, and users showed interest in the quick-links
A: no quick-links
B: variant, with quick-links
Google analytics (quantitative data): goal for the sign-up conversion rate from the homepage was to reach 8%
Recall that the starting sign-up conversion rate was 5.4%. Overall, test B (one with the variant) performed better than test A
The lower exit and bounce rates in test B indicate better user engagement and user retention
Misc: status bar
Here is another design system component I designed:
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.
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.
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.
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.
Let's make something together
© 2024 michelle yi