Creating a Clear and Scalable CMS Dashboard for Biolink Creators
Creating a Clear and Scalable CMS Dashboard for Biolink Creators
Creating a Clear and Scalable CMS Dashboard for Biolink Creators
Creating a Clear and Scalable CMS Dashboard for Biolink Creators
Creating a Clear and Scalable CMS Dashboard for Biolink Creators
Company
Company
Company
Company
Master Bagasi
Master Bagasi
Master Bagasi
Master Bagasi
Project Type
Project Type
Project Type
Project Type
Web CMS
Web CMS
Web CMS
Web CMS
Industry
Industry
Industry
Industry
Creator Economy / SaaS
Creator Economy / SaaS
Creator Economy / SaaS
Creator Economy / SaaS
Year
Year
Year
Year
2025
2025
2025
2025
Overview
Overview
Overview
Biolink is a creator-focused platform that enables users to publish and monetize content through a single biolink page. This project focused on designing the first CMS dashboard, allowing creators to manage content, products, and monetization in one unified system.
As an early-stage product, the design was assumption-driven, aiming to build a clear and scalable foundation while reducing design risks before development.
Biolink is a creator-focused platform that enables users to publish and monetize content through a single biolink page. This project focused on designing the first CMS dashboard, allowing creators to manage content, products, and monetization in one unified system.
As an early-stage product, the design was assumption-driven, aiming to build a clear and scalable foundation while reducing design risks before development.
Biolink is a creator-focused platform that enables users to publish and monetize content through a single biolink page. This project focused on designing the first CMS dashboard, allowing creators to manage content, products, and monetization in one unified system.
As an early-stage product, the design was assumption-driven, aiming to build a clear and scalable foundation while reducing design risks before development.
Overview
Biolink is a creator-focused platform that enables users to publish and monetize content through a single biolink page. This project focused on designing the first CMS dashboard, allowing creators to manage content, products, and monetization in one unified system.
As an early-stage product, the design was assumption-driven, aiming to build a clear and scalable foundation while reducing design risks before development.
The Situation — Building the First CMS
The Situation — Building the First CMS
The Situation — Building the First CMS
The product required a first-ever CMS dashboard to support creators in managing bio-link content and monetization features. Since no previous dashboard existed, this project focused on creating a clear and scalable foundation that could be validated and iterated on after the first release. The design process was assumption-driven, based on product direction and internal alignment, rather than validated user research.
The product required a first-ever CMS dashboard to support creators in managing bio-link content and monetization features. Since no previous dashboard existed, this project focused on creating a clear and scalable foundation that could be validated and iterated on after the first release. The design process was assumption-driven, based on product direction and internal alignment, rather than validated user research.
The product required a first-ever CMS dashboard to support creators in managing bio-link content and monetization features. Since no previous dashboard existed, this project focused on creating a clear and scalable foundation that could be validated and iterated on after the first release. The design process was assumption-driven, based on product direction and internal alignment, rather than validated user research.
The Situation — Building the First CMS
The product required a first-ever CMS dashboard to support creators in managing bio-link content and monetization features. Since no previous dashboard existed, this project focused on creating a clear and scalable foundation that could be validated and iterated on after the first release. The design process was assumption-driven, based on product direction and internal alignment, rather than validated user research.
My Role
Working closely with the PM and developers, I was responsible for:
Translating low-fidelity wireframes into high-fidelity, production-ready UI
Defining layout structure, hierarchy, and component behavior
Refining UX copy to clarify actions and system feedback
Establishing core UI patterns for CMS scalability and consistency
Ensuring designs were feasible and ready for implementation
The Goal — What the First Release Needed to Achieve
The Goal — What the First Release Needed to Achieve
The Goal — What the First Release Needed to Achieve
The Goal — What the First Release Needed to Achieve
For the first release, the CMS needed to: - Enable creators to create and manage content confidently - Support multiple product types within a single system - Remain simple enough for first-time users - Be scalable for future features and iterations
For the first release, the CMS needed to: - Enable creators to create and manage content confidently - Support multiple product types within a single system - Remain simple enough for first-time users - Be scalable for future features and iterations
For the first release, the CMS needed to: - Enable creators to create and manage content confidently - Support multiple product types within a single system - Remain simple enough for first-time users - Be scalable for future features and iterations
Success meant reducing design risks before development, not perfecting every edge case.
Users & Mental Model — Who We Designed For
Users & Mental Model — Who We Designed For
Users & Mental Model — Who We Designed For
Users & Mental Model — Who We Designed For
This CMS is designed for biolink creators — content creators, sellers, and travelers who actively publish and monetize content through their biolink pages. They typically manage their content frequently and expect tools that feel fast, clear, and reliable. Since this was an early-stage product with limited direct user research, the user model was built from internal assumptions and observation of common creator workflows. Creators usually think in terms of “adding content, organizing products, and publishing updates,” rather than navigating complex system structures. This mental model guided how navigation, page hierarchy, and creation flows were structured.
This CMS is designed for biolink creators — content creators, sellers, and travelers who actively publish and monetize content through their biolink pages. They typically manage their content frequently and expect tools that feel fast, clear, and reliable. Since this was an early-stage product with limited direct user research, the user model was built from internal assumptions and observation of common creator workflows. Creators usually think in terms of “adding content, organizing products, and publishing updates,” rather than navigating complex system structures. This mental model guided how navigation, page hierarchy, and creation flows were structured.
For the first release, the CMS needed to: - Enable creators to create and manage content confidently - Support multiple product types within a single system - Remain simple enough for first-time users - Be scalable for future features and iterations
This CMS is designed for biolink creators — content creators, sellers, and travelers who actively publish and monetize content through their biolink pages. They typically manage their content frequently and expect tools that feel fast, clear, and reliable. Since this was an early-stage product with limited direct user research, the user model was built from internal assumptions and observation of common creator workflows. Creators usually think in terms of “adding content, organizing products, and publishing updates,” rather than navigating complex system structures. This mental model guided how navigation, page hierarchy, and creation flows were structured.
My Role
My Role
Working closely with the PM and developers, I was responsible for:
Translating low-fidelity wireframes into high-fidelity, production-ready UI
Defining layout structure, hierarchy, and component behavior
Refining UX copy to clarify actions and system feedback
Establishing core UI patterns for CMS scalability and consistency
Ensuring designs were feasible and ready for implementation
Working closely with the PM and developers, I was responsible for:
Translating low-fidelity wireframes into high-fidelity, production-ready UI
Defining layout structure, hierarchy, and component behavior
Refining UX copy to clarify actions and system feedback
Establishing core UI patterns for CMS scalability and consistency
Ensuring designs were feasible and ready for implementation
Shaping the Solution
Shaping the Solution
Design Challenges
Design Challenges
Design Challenges
Without validated user data, the design focused on addressing key assumptions and risks, including:
New users might be unsure where to start in a multi-module CMS
Managing different product types could create confusing or inconsistent flows
Lack of clear feedback might reduce confidence during content creation
Overly complex layouts could slow down daily operational tasks
The goal was to minimize these risks through structure and clarity.
Without validated user data, the design focused on addressing key assumptions and risks, including:
New users might be unsure where to start in a multi-module CMS
Managing different product types could create confusing or inconsistent flows
Lack of clear feedback might reduce confidence during content creation
Overly complex layouts could slow down daily operational tasks
The goal was to minimize these risks through structure and clarity.
Without validated user data, the design focused on addressing key assumptions and risks, including:
New users might be unsure where to start in a multi-module CMS
Managing different product types could create confusing or inconsistent flows
Lack of clear feedback might reduce confidence during content creation
Overly complex layouts could slow down daily operational tasks
The goal was to minimize these risks through structure and clarity.
How I Reduced Design Risk
How I Reduced Design Risk
How I Reduced Design Risk
To address these assumptions, I focused on:
Structuring flows around common creator mental models, not internal system logic
Establishing clear primary vs secondary actions to guide decision-making
Designing flexible form patterns that adapt to different product types
Using helper text, validation, and success states to provide explicit feedback
Maintaining consistent layout and components across CMS pages
To address these assumptions, I focused on:
Structuring flows around common creator mental models, not internal system logic
Establishing clear primary vs secondary actions to guide decision-making
Designing flexible form patterns that adapt to different product types
Using helper text, validation, and success states to provide explicit feedback
Maintaining consistent layout and components across CMS pages
To address these assumptions, I focused on:
Structuring flows around common creator mental models, not internal system logic
Establishing clear primary vs secondary actions to guide decision-making
Designing flexible form patterns that adapt to different product types
Using helper text, validation, and success states to provide explicit feedback
Maintaining consistent layout and components across CMS pages
Prototype Flow
Prototype Flow
Sign Up New Account
I designed the registration flow to be lightweight and easy to complete, breaking long forms into simple steps that match users’ expectations when getting started. Username recommendations help users quickly choose their biolink URL without overthinking. After that, users select basic preferences to personalize their experience, reducing cognitive load and speeding up onboarding.
I designed the registration flow to be lightweight and easy to complete, breaking long forms into simple steps that match users’ expectations when getting started. Username recommendations help users quickly choose their biolink URL without overthinking. After that, users select basic preferences to personalize their experience, reducing cognitive load and speeding up onboarding.
I designed the registration flow to be lightweight and easy to complete, breaking long forms into simple steps that match users’ expectations when getting started. Username recommendations help users quickly choose their biolink URL without overthinking. After that, users select basic preferences to personalize their experience, reducing cognitive load and speeding up onboarding.
Home Dashboard
Home Dashboard
I designed this screen based on creators’ mental models of monitoring their business performance. Key metrics like total sales, visitors, and orders are presented upfront to provide an immediate overview. Recent activity and best-selling categories help creators stay informed and identify what works. Quick-access CTAs reduce friction by enabling fast navigation to essential features.
For the first release, the CMS needed to: - Enable creators to create and manage content confidently - Support multiple product types within a single system - Remain simple enough for first-time users - Be scalable for future features and iterations
I designed this screen based on creators’ mental models of monitoring their business performance. Key metrics like total sales, visitors, and orders are presented upfront to provide an immediate overview. Recent activity and best-selling categories help creators stay informed and identify what works. Quick-access CTAs reduce friction by enabling fast navigation to essential features.
Manage Block List in Link-Bio Page
Manage Block List in Link-Bio Page
I designed this page to match creators’ mental model of building and organizing their biolink content. Creators can arrange content blocks through a simple drag-and-drop interface, giving them direct control over the structure of their page. A live preview panel on the right provides immediate visual feedback, helping creators understand the outcome of their changes before publishing and reducing uncertainty in the editing process.
For the first release, the CMS needed to: - Enable creators to create and manage content confidently - Support multiple product types within a single system - Remain simple enough for first-time users - Be scalable for future features and iterations
I designed this page to match creators’ mental model of building and organizing their biolink content. Creators can arrange content blocks through a simple drag-and-drop interface, giving them direct control over the structure of their page. A live preview panel on the right provides immediate visual feedback, helping creators understand the outcome of their changes before publishing and reducing uncertainty in the editing process.
Input New Event Trip
Input New Event Trip
This is one of Biolink’s product categories designed to help creators sell tour and trip services. I designed this form based on the mental model of trip organizers, structuring the flow to match how they plan journeys — from defining core trip details to building itineraries and departure information. A live preview panel provides real-time feedback, allowing creators to visualize the final output instantly, reducing cognitive load and increasing confidence before publishing.
For the first release, the CMS needed to: - Enable creators to create and manage content confidently - Support multiple product types within a single system - Remain simple enough for first-time users - Be scalable for future features and iterations
This is one of Biolink’s product categories designed to help creators sell tour and trip services. I designed this form based on the mental model of trip organizers, structuring the flow to match how they plan journeys — from defining core trip details to building itineraries and departure information. A live preview panel provides real-time feedback, allowing creators to visualize the final output instantly, reducing cognitive load and increasing confidence before publishing.
Link-in-Bio (Customer POV)
Link-in-Bio (Customer POV)
This view shows how customers access a creator’s biolink homepage and one of the product pages (event trip). The page is designed responsively to ensure a seamless experience across both smartphone and desktop devices.
For the first release, the CMS needed to: - Enable creators to create and manage content confidently - Support multiple product types within a single system - Remain simple enough for first-time users - Be scalable for future features and iterations
This view shows how customers access a creator’s biolink homepage and one of the product pages (event trip). The page is designed responsively to ensure a seamless experience across both smartphone and desktop devices.
Prototype Flow
Sign Up New Account
I designed the registration flow to be lightweight and easy to complete, breaking long forms into simple steps that match users’ expectations when getting started. Username recommendations help users quickly choose their biolink URL without overthinking. After that, users select basic preferences to personalize their experience, reducing cognitive load and speeding up onboarding.
Home Dashboard
I designed this screen based on creators’ mental models of monitoring their business performance. Key metrics like total sales, visitors, and orders are presented upfront to provide an immediate overview. Recent activity and best-selling categories help creators stay informed and identify what works. Quick-access CTAs reduce friction by enabling fast navigation to essential features.
Manage Block List in Link-Bio Page
I designed this page to match creators’ mental model of building and organizing their biolink content. Creators can arrange content blocks through a simple drag-and-drop interface, giving them direct control over the structure of their page. A live preview panel on the right provides immediate visual feedback, helping creators understand the outcome of their changes before publishing and reducing uncertainty in the editing process.
Input New Event Trip
This is one of Biolink’s product categories designed to help creators sell tour and trip services. I designed this form based on the mental model of trip organizers, structuring the flow to match how they plan journeys — from defining core trip details to building itineraries and departure information. A live preview panel provides real-time feedback, allowing creators to visualize the final output instantly, reducing cognitive load and increasing confidence before publishing.
Link-in-Bio (Customer POV)
This view shows how customers access a creator’s biolink homepage and one of the product pages (event trip). The page is designed responsively to ensure a seamless experience across both smartphone and desktop devices.
Beyond the Core — Extensions & Learnings
Beyond the Core — Extensions & Learnings
Beyond the Core — Extensions & Learnings
Other Modules
Other Modules
While this case study focuses on content creation, the CMS also includes:
Analytics Dashboard: scannable performance metrics
Product Management: unified product list across multiple types
Order & Shipping Management: clear order lifecycle handling
Payment Links: standalone pages for one-time transactions
Dynamic Product Forms: adaptable structures for digital products, physical products, courses, and novels
While this case study focuses on content creation, the CMS also includes:
Analytics Dashboard: scannable performance metrics
Product Management: unified product list across multiple types
Order & Shipping Management: clear order lifecycle handling
Payment Links: standalone pages for one-time transactions
Dynamic Product Forms: adaptable structures for digital products, physical products, courses, and novels
While this case study focuses on content creation, the CMS also includes:
Analytics Dashboard: scannable performance metrics
Product Management: unified product list across multiple types
Order & Shipping Management: clear order lifecycle handling
Payment Links: standalone pages for one-time transactions
Dynamic Product Forms: adaptable structures for digital products, physical products, courses, and novels
Key Takeaways
Key Takeaways
After launch, the next validation focus would be:
Whether creators clearly understand where to start in the CMS
Drop-off points in the product creation flow
Form completion time and error patterns across product types
Clarity of success and error feedback during submissions
These insights would inform iteration and prioritization for future releases.
After launch, the next validation focus would be:
Whether creators clearly understand where to start in the CMS
Drop-off points in the product creation flow
Form completion time and error patterns across product types
Clarity of success and error feedback during submissions
These insights would inform iteration and prioritization for future releases.
After launch, the next validation focus would be:
Whether creators clearly understand where to start in the CMS
Drop-off points in the product creation flow
Form completion time and error patterns across product types
Clarity of success and error feedback during submissions
These insights would inform iteration and prioritization for future releases.
Beyond the Core — Extensions & Learnings
Other Modules
While this case study focuses on content creation, the CMS also includes:
Analytics Dashboard: scannable performance metrics
Product Management: unified product list across multiple types
Order & Shipping Management: clear order lifecycle handling
Payment Links: standalone pages for one-time transactions
Dynamic Product Forms: adaptable structures for digital products, physical products, courses, and novels
Key Takeaways
After launch, the next validation focus would be:
Whether creators clearly understand where to start in the CMS
Drop-off points in the product creation flow
Form completion time and error patterns across product types
Clarity of success and error feedback during submissions
These insights would inform iteration and prioritization for future releases.
(Contact)
Let’s collaborate.
(Contact)
Let’s collaborate.
(Contact)
Let’s collaborate.
(Contact)
Let’s collaborate.
(Contact)
Let’s collaborate.
-
-
-
-
-
2025
2025
2025
2025
2025