FLOKI AND THE CLAN
– DIGITAL ECOSYSTEM PLATFORM
INDO HARVEST SEKURITAS
WEBSITE REVAMP
Designed and developed a full-featured web platform for Floki and The Clan to support monetization, service management, and customer engagement. The project transformed Floki and The Clan into an integrated digital ecosystem covering pet services, education, and commerce.
Designed and developed a full-featured web platform for Floki and The Clan to support monetization, service management, and customer engagement. The project transformed Floki and The Clan into an integrated digital ecosystem covering pet services, education, and commerce.
Designed and developed a full-featured web platform for Floki and The Clan to support monetization, service management, and customer engagement. The project transformed Floki and The Clan into an integrated digital ecosystem covering pet services, education, and commerce.
EXECUTIVE SUMMARY
EXECUTIVE SUMMARY
Floki and The Clan is a pet care brand offering a range of services including Pet Grooming, Pet Hotel, Pet Academy, and Pet Shop. As the business expanded, there was a growing need for a centralized digital platform that could support transactions, service operations, and long-term scalability.
This project focused on building a web-based system that not only functions as a marketing channel, but also as a core operational and monetization tool.
Floki and The Clan is a pet care brand offering a range of services including Pet Grooming, Pet Hotel, Pet Academy, and Pet Shop. As the business expanded, there was a growing need for a centralized digital platform that could support transactions, service operations, and long-term scalability.
This project focused on building a web-based system that not only functions as a marketing channel, but also as a core operational and monetization tool.
Floki and The Clan is a pet care brand offering a range of services including Pet Grooming, Pet Hotel, Pet Academy, and Pet Shop. As the business expanded, there was a growing need for a centralized digital platform that could support transactions, service operations, and long-term scalability.
This project focused on building a web-based system that not only functions as a marketing channel, but also as a core operational and monetization tool.
THE OVERALL PROCESS
THE OVERALL PROCESS
This project required aligning business goals with technical execution and user experience.
This project required aligning business goals with technical execution and user experience.
This project required aligning business goals with technical execution and user experience.
Aligning
Understanding the business model and monetization.
Aligning
Understanding the business model and monetization.
Aligning
Understanding the business model and monetization.
Research
In-depth client interview
Identifying user expectations
Research
In-depth client interview
Identifying user expectations
Research
In-depth client interview
Identifying user expectations
UXFlow
Mapping user journeys
Defining service flows.
UXFlow
Mapping user journeys
Defining service flows.
UXFlow
Mapping user journeys
Defining service flows.
Design
Structuring landing pages and dashboards
Design
Structuring landing pages and dashboards
Design
Structuring landing pages and dashboards
Build
Developing the platform with integrated payment gateway
Build
Developing the platform with integrated payment gateway
Build
Developing the platform with integrated payment gateway
ALIGNMENT
ALIGNMENT
THE SCOPE
THE SCOPE
Built a full-stack web platform consisting of:
Public landing pages for brand and service discovery
User dashboard for bookings, purchases, and service tracking
Admin dashboard for service management, orders, and payments
Built a full-stack web platform consisting of:
Public landing pages for brand and service discovery
User dashboard for bookings, purchases, and service tracking
Admin dashboard for service management, orders, and payments
Built a full-stack web platform consisting of:
Public landing pages for brand and service discovery
User dashboard for bookings, purchases, and service tracking
Admin dashboard for service management, orders, and payments
Core features include:
Pet Grooming booking system
Pet Hotel reservation management
Pet Academy enrollment
Pet Shop product transactions
Integrated payment gateway for secure transactions
Core features include:
Pet Grooming booking system
Pet Hotel reservation management
Pet Academy enrollment
Pet Shop product transactions
Integrated payment gateway for secure transactions
Core features include:
Pet Grooming booking system
Pet Hotel reservation management
Pet Academy enrollment
Pet Shop product transactions
Integrated payment gateway for secure transactions
THE CHALLENGES
THE CHALLENGES
Integrating multiple services with different booking and transaction flows
Ensuring a smooth and reliable payment experience
Designing dashboards that balance complexity and usability
Supporting both operational efficiency and customer experience
THE CONSTRAINTS
THE CONSTRAINTS
The platform needed to be scalable as new services are added
Payment flow required high reliability and security
Dashboard features had to remain intuitive despite complex data
Development timelines required iterative delivery
The platform needed to be scalable as new services are added
Payment flow required high reliability and security
Dashboard features had to remain intuitive despite complex data
Development timelines required iterative delivery
The platform needed to be scalable as new services are added
Payment flow required high reliability and security
Dashboard features had to remain intuitive despite complex data
Development timelines required iterative delivery
Diving Deeper into the Challenges
Diving Deeper into the Challenges
Diving Deeper into the Challenges
To inform the solution, I conducted:
Platform Benchmarking
Analyzing pet care, booking, and e-commerce platforms to understand best practices.User Behavior Review
Understanding how users browse services, make bookings, and complete payments.Operational Flow Analysis
Mapping internal workflows for grooming schedules, hotel capacity, and academy enrollment.
To inform the solution, I conducted:
Platform Benchmarking
Analyzing pet care, booking, and e-commerce platforms to understand best practices.User Behavior Review
Understanding how users browse services, make bookings, and complete payments.Operational Flow Analysis
Mapping internal workflows for grooming schedules, hotel capacity, and academy enrollment.
To inform the solution, I conducted:
Platform Benchmarking
Analyzing pet care, booking, and e-commerce platforms to understand best practices.User Behavior Review
Understanding how users browse services, make bookings, and complete payments.Operational Flow Analysis
Mapping internal workflows for grooming schedules, hotel capacity, and academy enrollment.
IIPE
IIPE
PROBLEMS
PROBLEMS
PROBLEMS
Fragmented service management across different channels
Manual processes limiting operational scalability
Lack of centralized transaction tracking
Limited visibility for users over their bookings and purchases
Fragmented service management across different channels
Manual processes limiting operational scalability
Lack of centralized transaction tracking
Limited visibility for users over their bookings and purchases
Fragmented service management across different channels
Manual processes limiting operational scalability
Lack of centralized transaction tracking
Limited visibility for users over their bookings and purchases
NEEDS
NEEDS
NEEDS
A unified platform to manage all services and transactions
Secure and seamless payment gateway integration
Clear dashboards for both customers and administrators
A scalable system that supports business growth
A unified platform to manage all services and transactions
Secure and seamless payment gateway integration
Clear dashboards for both customers and administrators
A scalable system that supports business growth
A unified platform to manage all services and transactions
Secure and seamless payment gateway integration
Clear dashboards for both customers and administrators
A scalable system that supports business growth
GOALS
GOALS
GOALS
Enable direct monetization through digital transactions
Improve operational efficiency via centralized management
Enhance user experience and service transparency
Support long-term scalability and product expansion
Enable direct monetization through digital transactions
Improve operational efficiency via centralized management
Enhance user experience and service transparency
Support long-term scalability and product expansion
Enable direct monetization through digital transactions
Improve operational efficiency via centralized management
Enhance user experience and service transparency
Support long-term scalability and product expansion
Crafting the New Brand Identity
Crafting the New Brand Identity
Crafting the New Brand Identity
System Architecture & Flow
System Architecture & Flow
System Architecture & Flow
The platform was designed as a modular ecosystem, allowing each service (Grooming, Hotel, Academy, Shop) to operate independently while sharing a unified data and payment system.
The platform was designed as a modular ecosystem, allowing each service (Grooming, Hotel, Academy, Shop) to operate independently while sharing a unified data and payment system.
The platform was designed as a modular ecosystem, allowing each service (Grooming, Hotel, Academy, Shop) to operate independently while sharing a unified data and payment system.
User Roles & Permissions
User Roles & Permissions
Role-based access was implemented to clearly separate customer-facing experiences and internal operational control.
Role-based access was implemented to clearly separate customer-facing experiences and internal operational control.
Final Designs
Final Designs
Functional & Scalable Interface Design
Functional & Scalable Interface Design
Functional & Scalable Interface Design
The design emphasizes:
Clear service categorization
Straightforward booking and checkout flows
Dashboard layouts optimized for frequent use
The focus was on usability and clarity rather than decorative complexity.
The design emphasizes:
Clear service categorization
Straightforward booking and checkout flows
Dashboard layouts optimized for frequent use
The focus was on usability and clarity rather than decorative complexity.
The design emphasizes:
Clear service categorization
Straightforward booking and checkout flows
Dashboard layouts optimized for frequent use
The focus was on usability and clarity rather than decorative complexity.
End-to-End User Experience
End-to-End User Experience
End-to-End User Experience
From discovery to payment and service tracking, users are guided through a smooth, predictable experience that builds trust and encourages repeat transactions.
From discovery to payment and service tracking, users are guided through a smooth, predictable experience that builds trust and encourages repeat transactions.
From discovery to payment and service tracking, users are guided through a smooth, predictable experience that builds trust and encourages repeat transactions.
DEVELOPMENT
DEVELOPMENT
The platform was developed with performance, security, and maintainability in mind.
Key implementation highlights:
Integrated payment gateway for product and service transactions
Admin dashboard for managing orders, schedules, and services
User dashboard for tracking bookings, payments, and history
Scalable architecture to support future features
The platform was developed with performance, security, and maintainability in mind.
Key implementation highlights:
Integrated payment gateway for product and service transactions
Admin dashboard for managing orders, schedules, and services
User dashboard for tracking bookings, payments, and history
Scalable architecture to support future features
The platform was developed with performance, security, and maintainability in mind.
Key implementation highlights:
Integrated payment gateway for product and service transactions
Admin dashboard for managing orders, schedules, and services
User dashboard for tracking bookings, payments, and history
Scalable architecture to support future features
Key Takeaways
Key Takeaways
Monetization Requires System Thinking
Revenue-driven platforms must integrate UX, business logic, and technical reliability.
Dashboards Are Operational Products
Admin and user dashboards are as critical as the landing page.Scalability Starts at Architecture Level
Designing modular systems reduces friction for future growth.Trust Is Built Through Experience
Clear flows, reliable payments, and transparency drive user confidence.
Monetization Requires System Thinking
Revenue-driven platforms must integrate UX, business logic, and technical reliability.
Dashboards Are Operational Products
Admin and user dashboards are as critical as the landing page.Scalability Starts at Architecture Level
Designing modular systems reduces friction for future growth.Trust Is Built Through Experience
Clear flows, reliable payments, and transparency drive user confidence.
Monetization Requires System Thinking
Revenue-driven platforms must integrate UX, business logic, and technical reliability.
Dashboards Are Operational Products
Admin and user dashboards are as critical as the landing page.Scalability Starts at Architecture Level
Designing modular systems reduces friction for future growth.Trust Is Built Through Experience
Clear flows, reliable payments, and transparency drive user confidence.
LET'S TALK ABOUT YOUR NEXT PROJECT
Contact Me
Me, myself & I
Jakarta ID
Random Me
Another Stuff
Contact Me
Me, myself & I
Jakarta ID
Random Me
Another Stuff
Contact Me
Me, myself & I
Jakarta ID
Random Me
Another Stuff
Contact Me
Me, myself & I
Jakarta ID
Random Me
Another Stuff