Redesigning Trinkerr's Webapp
Redesigning Trinkerr's Webapp
Redesigning Trinkerr's Webapp
Making complex financial tools more accessible, reducing friction, and delivering a seamless user experience that bridges the gap between complexity and usability.
Making complex financial tools more accessible, reducing friction, and delivering a seamless user experience that bridges the gap between complexity and usability.
Making complex financial tools more accessible, reducing friction, and delivering a seamless user experience that bridges the gap between complexity and usability.
Responsive Design
Responsive Design
Responsive Design
Light + Dark Theme
End-to-end Redesign
Light + Dark Theme
Light + Dark Theme
End-to-end Redesign
End-to-end Redesign
Company Name
Company Name
Trinkerr
Trinkerr
Trinkerr
Industry
Industry
Fintech
Fintech
Fintech
Role
Role
Product Designer
Product Designer
Product Designer
Product introduction 📝
Product introduction 📝
Trinkerr is a social trading platform that allows users to invest in the stock market by following the trades of expert investors. Unlike traditional trading platforms that require a hands-on approach to research and execute trades, Trinkerr focuses on simplifying the process for beginners by allowing them to copy the strategies of seasoned traders.
Trinkerr is a social trading platform that allows users to invest in the stock market by following the trades of expert investors. Unlike traditional trading platforms that require a hands-on approach to research and execute trades, Trinkerr focuses on simplifying the process for beginners by allowing them to copy the strategies of seasoned traders.
Trinkerr is a social trading platform that allows users to invest in the stock market by following the trades of expert investors. Unlike traditional trading platforms that require a hands-on approach to research and execute trades, Trinkerr focuses on simplifying the process for beginners by allowing them to copy the strategies of seasoned traders.
This concept, often referred to as “copy trading,” has made it a popular choice for those new to the stock market or those who prefer a more passive approach.
This concept, often referred to as “copy trading,” has made it a popular choice for those new to the stock market or those who prefer a more passive approach.
This concept, often referred to as “copy trading,” has made it a popular choice for those new to the stock market or those who prefer a more passive approach.
this project's IMPACT 🎯
this project's IMPACT 🎯
56%
56%
56%
Increase in retention rates
Increase in retention rates
Increase in retention rates
32%
32%
32%
Increase in engagement
Increase in engagement
Increase in engagement
47%
47%
47%
Decrease in user-dropoffs
my role 💁🏻♀️
my role 💁🏻♀️
We were a team of three (one senior designer and 2 junior designers). I contributed to this project by conducting initial research to identify problems and proposed the redesign. Then brainstorming potential solutions and improvising user flows. Finally, created interactive prototypes.
We were a team of three (one senior designer and 2 junior designers). I contributed to this project by conducting initial research to identify problems and proposed the redesign. Then brainstorming potential solutions and improvising user flows. Finally, created interactive prototypes.
We were a team of three (one senior designer and 2 junior designers). I contributed to this project by conducting initial research to identify problems and proposed the redesign. Then brainstorming potential solutions and improvising user flows. Finally, created interactive prototypes.
a little background 👩🏻💻
a little background 👩🏻💻
When I joined Trinkerr, my managers and senior stakeholders shared some of the key business challenges the company was facing. Initially, their plan was to address these issues by adding a new set of features. However, after analyzing the situation, I suggested that a complete redesign of the product would be a more effective approach. Adding new features without addressing the foundational design issues could complicate matters further. Since our design team’s heuristic evaluation had already highlighted the necessity of a redesign, we all agreed to prioritize it before incorporating new features.
When I joined Trinkerr, my managers and senior stakeholders shared some of the key business challenges the company was facing. Initially, their plan was to address these issues by adding a new set of features. However, after analyzing the situation, I suggested that a complete redesign of the product would be a more effective approach. Adding new features without addressing the foundational design issues could complicate matters further. Since our design team’s heuristic evaluation had already highlighted the necessity of a redesign, we all agreed to prioritize it before incorporating new features.
When I joined Trinkerr, my managers and senior stakeholders shared some of the key business challenges the company was facing. Initially, their plan was to address these issues by adding a new set of features. However, after analyzing the situation, I suggested that a complete redesign of the product would be a more effective approach. Adding new features without addressing the foundational design issues could complicate matters further. Since our design team’s heuristic evaluation had already highlighted the necessity of a redesign, we all agreed to prioritize it before incorporating new features.
research 🔎
research 🔎
From our research, surveys (250 participants), and user calls (15 people), we identified the problems and categorized them into different groups to achieve a clearer understanding…
From our research, surveys (250 participants), and user calls (15 people), we identified the problems and categorized them into different groups to achieve a clearer understanding…
From our research, surveys (250 participants), and user calls (15 people), we identified the problems and categorized them into different groups to achieve a clearer understanding…
User & Design Issues
User & Design Issues
User & Design Issues
Lack of social features
Users lack opportunities to connect and build communities around shared interests.
Poor User Experience
Lack of design consistency and bad information architecture, resulting in confusion and difficulty in feature discoverability.
Poor User Experience
Lack of design consistency and bad information architecture, resulting in confusion and difficulty in feature discoverability.
Business & Stakeholder Concerns
Poor User Engagement & Low Conversion Rates
Users interact minimally with the product or features and visitors fail to transition to paying or engaged users.
Low Retention Rates & High Post-Onboarding Drop-off
Users stop returning to the product over time and Users disengage shortly after signing up or onboarding.
Business & Stakeholder Concerns
Business & Stakeholder Concerns
Poor User Engagement & Low Conversion Rates
Users interact minimally with the product or features and visitors fail to transition to paying or engaged users.
Low Retention Rates & High Post-Onboarding Drop-off
Users stop returning to the product over time and Users disengage shortly after signing up or onboarding.
We need to consider different perspectives based on the two primary user groups on the platforms…
We need to consider different perspectives based on the two primary user groups on the platforms…
We need to consider different perspectives based on the two primary user groups on the platforms…
User Group 1- Beginner Trader
User Group 1- Beginner Trader
Who are more likely to copy expert traders' portfolios. Their main challenge lies in finding experts whose investment goals align with their own.
Who are more likely to copy expert traders' portfolios. Their main challenge lies in finding experts whose investment goals align with their own.
Who are more likely to copy expert traders' portfolios. Their main challenge lies in finding experts whose investment goals align with their own.
User Group 2- Expert Trader
User Group 2- Expert Trader
Users who create their own stock portfolios and are registered as experts. Their primary challenge is improving the discoverability of their profiles to attract more followers who will replicate their portfolios.
Users who create their own stock portfolios and are registered as experts. Their primary challenge is improving the discoverability of their profiles to attract more followers who will replicate their portfolios.
Users who create their own stock portfolios and are registered as experts. Their primary challenge is improving the discoverability of their profiles to attract more followers who will replicate their portfolios.
Project goals 😎
Project goals 😎
Redesign the Trinkerr web app for a seamless and intuitive user experience.
Redesign the Trinkerr web app for a seamless and intuitive user experience.
Redesign the Trinkerr web app for a seamless and intuitive user experience.
Introduce new features like the watchlist page, Option Chain, Futures and Options trading, and an explore section for discovery of portfolios, stocks, and expert traders.
Introduce new features like the watchlist page, Option Chain, Futures and Options trading, and an explore section for discovery of portfolios, stocks, and expert traders.
Introduce new features like the watchlist page, Option Chain, Futures and Options trading, and an explore section for discovery of portfolios, stocks, and expert traders.
Create a responsive design for enhanced accessibility across devices.
Create a responsive design for enhanced accessibility across devices.
Create a responsive design for enhanced accessibility across devices.
explorations 🤯
explorations 🤯
FInal redesign 🥁
FInal redesign 🥁
Changed the navigation system.
Changed the navigation system.
— Before
— After
We opted for a vertical side navigation bar as it excels in scalability. Additionally, vertical menus are easier to scan and adapt seamlessly to responsive designs, ensuring a consistent user experience across devices.
We opted for a vertical side navigation bar as it excels in scalability. Additionally, vertical menus are easier to scan and adapt seamlessly to responsive designs, ensuring a consistent user experience across devices.
We opted for a vertical side navigation bar as it excels in scalability. Additionally, vertical menus are easier to scan and adapt seamlessly to responsive designs, ensuring a consistent user experience across devices.
User Benefits
User Benefits
User Benefits
Reduced Cognitive Load
Reduced Cognitive Load
More Accessible
More Accessible
Design Benefits
Design Benefits
Design Benefits
Better Scalability
Better Scalability
Ease of Hierarchical Representation
Ease of Hierarchical Representation
Responsive Design
Responsive Design
Better Real-Estate Management
Better Real-Estate Management
Technical Benefits
Technical Benefits
Technical Benefits
Ease of Implementation
Ease of Implementation
Modular Design- Reusable Components
Modular Design- Reusable Components
Improved Feed with Social Features
Improved Feed with Social Features
— Before
— After
We introduced a "feed" feature on the homepage, which significantly boosted user engagement. Additionally, we implemented a leaderboard to highlight top expert traders, fostering a sense of competition and further enhancing user interaction.
We introduced a "feed" feature on the homepage, which significantly boosted user engagement. Additionally, we implemented a leaderboard to highlight top expert traders, fostering a sense of competition and further enhancing user interaction.
We introduced a "feed" feature on the homepage, which significantly boosted user engagement. Additionally, we implemented a leaderboard to highlight top expert traders, fostering a sense of competition and further enhancing user interaction.
User Benefits
User Benefits
User Benefits
Social Connection
Social Connection
Increase Discoverability
Increase Discoverability
Personalized Content
Personalized Content
Motivation (due to sense of competition
Motivation (due to sense of competition
Design Benefits
Design Benefits
Design Benefits
Engagement-Driven Design
Engagement-Driven Design
More Accessible
More Accessible
Business Benefits
Business Benefits
Business Benefits
Boosted Engagement Metrics
Boosted Engagement Metrics
Monetization Opportunities via Ads
Monetization Opportunities via Ads
Increased User Retention
Increased User Retention
Improved Watchlist Functionalities
Improved Watchlist Functionalities
— Before
— After
We found that having a sticky watchlist section on every page added unnecessary cognitive load for users and occupied over 20% of the page's real estate, making it an inefficient design choice. To address this, we created a dedicated watchlist page and enhanced it with additional features such as filters, sorting, and a buy/sell modal.
We found that having a sticky watchlist section on every page added unnecessary cognitive load for users and occupied over 20% of the page's real estate, making it an inefficient design choice. To address this, we created a dedicated watchlist page and enhanced it with additional features such as filters, sorting, and a buy/sell modal.
We found that having a sticky watchlist section on every page added unnecessary cognitive load for users and occupied over 20% of the page's real estate, making it an inefficient design choice. To address this, we created a dedicated watchlist page and enhanced it with additional features such as filters, sorting, and a buy/sell modal.
User Benefits
User Benefits
User Benefits
Streamlined Functionality
Streamlined Functionality
Better Organization
Better Organization
Design Benefits
Design Benefits
Design Benefits
Improved Layout Efficiency
Improved Layout Efficiency
Enhanced Usability
Enhanced Usability
Scalable Design
Scalable Design
Business Benefits
Business Benefits
Business Benefits
Better Conversion Rates
Better Conversion Rates
Optimized Content Delivery
Optimized Content Delivery
Better "Investment Summary" Page with Actionable Insights
Better "Investment Summary" Page with Actionable Insights
Better "Investment Summary" Page with Actionable Insights
— Before
— After
Designed an intuitive page to display investment summaries and provide insights to help users evaluate their performance effectively.
Designed an intuitive page to display investment summaries and provide insights to help users evaluate their performance effectively.
Designed an intuitive page to display investment summaries and provide insights to help users evaluate their performance effectively.
User Benefits
User Benefits
User Benefits
Clarity and Focus
Clarity and Focus
Comprehensive Overview
Comprehensive Overview
Empowered Decision-Making
Empowered Decision-Making
Design Benefits
Design Benefits
Design Benefits
Data Visualization
Data Visualization
Consistency
Consistency
Business Benefits
Business Benefits
Business Benefits
Increased Trust and Retention
Increased Trust and Retention
Efficient Data Management
Efficient Data Management
Promoting Premium Features
Promoting Premium Features
Introduced the "Learnings" Page
Introduced the "Learnings" Page
This page showcases content created by expert traders on the platform, including podcasts, videos, and top threads from the feed. It provides beginner traders with valuable knowledge and insights while offering expert traders increased visibility. This feature is designed to significantly enhance user engagement.
This page showcases content created by expert traders on the platform, including podcasts, videos, and top threads from the feed. It provides beginner traders with valuable knowledge and insights while offering expert traders increased visibility. This feature is designed to significantly enhance user engagement.
This page showcases content created by expert traders on the platform, including podcasts, videos, and top threads from the feed. It provides beginner traders with valuable knowledge and insights while offering expert traders increased visibility. This feature is designed to significantly enhance user engagement.
User Benefits
User Benefits
User Benefits
Personalization
Personalization
Community Connection
Community Connection
Discoverability & Learning opportunities
Discoverability & Learning opportunities
Actionable Information
Actionable Information
Design Benefits
Design Benefits
Design Benefits
User-Centric Design
User-Centric Design
Interactive Features
Interactive Features
Business Benefits
Business Benefits
Business Benefits
Monetization Opportunities via Ads
Monetization Opportunities via Ads
Boosted Platform Credibility
Boosted Platform Credibility
Increased User Retention
Increased User Retention
Improved F&O Page
Improved F&O Page
An intuitive F&O interface enables both novice and experienced traders to navigate derivative trading with confidence, assess risks accurately, and implement strategies seamlessly. It simplifies complex processes, improving usability and enhancing user experience.
An intuitive F&O interface enables both novice and experienced traders to navigate derivative trading with confidence, assess risks accurately, and implement strategies seamlessly. It simplifies complex processes, improving usability and enhancing user experience.
An intuitive F&O interface enables both novice and experienced traders to navigate derivative trading with confidence, assess risks accurately, and implement strategies seamlessly. It simplifies complex processes, improving usability and enhancing user experience.
if i had more time . . .
if i had more time . . .
If I had more time, I would focus on conducting deeper usability testing with a diverse group of users, including both beginners and experienced traders, to identify edge cases and refine the redesigned interface further. I’d also invest in incorporating advanced personalization features, such as AI-driven recommendations and tailored insights, to elevate the user experience.
If I had more time, I would focus on conducting deeper usability testing with a diverse group of users, including both beginners and experienced traders, to identify edge cases and refine the redesigned interface further. I’d also invest in incorporating advanced personalization features, such as AI-driven recommendations and tailored insights, to elevate the user experience.
If I had more time, I would focus on conducting deeper usability testing with a diverse group of users, including both beginners and experienced traders, to identify edge cases and refine the redesigned interface further. I’d also invest in incorporating advanced personalization features, such as AI-driven recommendations and tailored insights, to elevate the user experience.
my learnings . . .
my learnings . . .
Throughout the redesign of Trinkerr's web app, I gained invaluable insights into balancing user experience with business goals.
Throughout the redesign of Trinkerr's web app, I gained invaluable insights into balancing user experience with business goals.
Throughout the redesign of Trinkerr's web app, I gained invaluable insights into balancing user experience with business goals.
I learned the importance of deeply understanding the target audience, particularly in a complex space like social trading, where user knowledge can vary widely. By conducting heuristic evaluations and collaborating closely with stakeholders, I realized how crucial it is to prioritize usability and clarity in simplifying intricate concepts.
I learned the importance of deeply understanding the target audience, particularly in a complex space like social trading, where user knowledge can vary widely. By conducting heuristic evaluations and collaborating closely with stakeholders, I realized how crucial it is to prioritize usability and clarity in simplifying intricate concepts.
I learned the importance of deeply understanding the target audience, particularly in a complex space like social trading, where user knowledge can vary widely. By conducting heuristic evaluations and collaborating closely with stakeholders, I realized how crucial it is to prioritize usability and clarity in simplifying intricate concepts.
This project also reinforced the significance of iterative design, as constant testing and feedback led to better refinement of the UI and smoother user flows.
This project also reinforced the significance of iterative design, as constant testing and feedback led to better refinement of the UI and smoother user flows.
This project also reinforced the significance of iterative design, as constant testing and feedback led to better refinement of the UI and smoother user flows.
I developed a deeper appreciation for cross-functional collaboration, working alongside developers to ensure that the design was not only user-friendly but also technically feasible.
I developed a deeper appreciation for cross-functional collaboration, working alongside developers to ensure that the design was not only user-friendly but also technically feasible.
I developed a deeper appreciation for cross-functional collaboration, working alongside developers to ensure that the design was not only user-friendly but also technically feasible.
Previous Project
Next Project
Previous Project
Next Project