The client needed an admin panel that would give administrators complete visibility and control over user data, transactions, and documentation, all organized by tranche cycles. Their goal was to streamline complex admin processes by centralizing user information, transaction tracking, document uploads, and cycle management into one intuitive dashboard.
Key requirements included the ability to easily add and manage users, cycles, and transactions, as well as advanced filtering, sorting, and CRUD operations. The client also requested LIFO processing and robust data management tools to ensure accuracy, efficiency, and compliance throughout all administrative workflows.
The Bliss Creek Admin Panel was designed to be simple, modern, and highly intuitive. We concentrated on streamlining the most critical admin flows — such as user management, transaction tracking, tranche cycle oversight, and document handling —transforming complex, multi-step tasks into clear, manageable actions.
The interface uses a cool blue palette and crisp, readable typography to reduce cognitive load, support focus, and reflect the project’s commitment to clarity, professionalism, and trust.
During the wireframing stage for Bliss Creek, we prioritized clear user flows for key areas.
First, we designed the Dashboard to provide an immediate overview of essential metrics (total, open, closed cases, success rate) with visual aids and a time filter for focused analysis.
Second, we structured the Transaction section as a simple, sortable table displaying crucial details like ID, date, description, and status for easy tracking.
Third, we outlined the Documentation area for straightforward access to important resources (agreements, guidelines) with clear “Open” and “Download” actions.
This initial framework focused on core navigation and information presentation, ensuring a user-friendly foundation for future design iterations.
During the UI design stage, we focused on making key admin tasks fast and intuitive. The dashboard features interactive charts and period/date filters for quick performance analysis, while the Transactions page offers clear logs and easy sorting.
Documentation is organized for instant access, and the interface maintains a clean, consistent look throughout, enabling admins to manage complex workflows seamlessly and focus on what matters most.
The main dashboard provides a clear summary of total value, principal, earnings, and projected returns, all updated in real time. Visual performance charts and progress indicators give admins instant insight into key metrics and trends.
This page offers a clear view of income, showing daily, weekly, and monthly earnings with comparisons to previous periods. Total earnings for the current cycle are displayed prominently. A visual bar chart compares actual ("Earned to date") and expected ("Projected Earnings") income across months for quick performance evaluation.
A dedicated section allows for detailed tracking of all user transactions, organized by date, type, and amount. Admins can monitor transaction histories, detect anomalies, and ensure regulatory compliance with robust lifecycle management tools
The documentation section centralizes all uploaded user documents, such as subscription agreements. Admins can quickly view, download, and manage compliance-related files in one place.
The development of the Bliss Creek Admin Panel centered on enhancing an inherited system for improved structure, usability, and scalability. This involved a critical refactoring of the existing codebase to build a more robust foundation.
While the React and Next.js frontend provides a responsive interface using Flowbite UI components for rapid prototyping and visual consistency, our core engineering efforts significantly optimized the backend. Firebase was deeply integrated for secure and efficient data handling, complementing Redux for predictable state management across the system.
Despite initial backend limitations, we successfully extended the system’s capabilities with crucial features like real-time updates, advanced filtering, and comprehensive transactional insights. This dedicated focus on backend engineering directly resulted in a streamlined, intuitive platform that robustly aligns with the client’s demanding operational goals.
#branding
Clearer brand positioning
Consistent visual system
Improved market perception
Illia Frantsevskyi
CTO & Co-FounderThey demonstrated a high level of expertise and efficiency in every phase of the project.
#Website design #Website development
Brand alignment & vibrant design
Improved сonversion opportunities
Customer-centric approach
Adrian Smith
Co-Founder, PRETTY PATTYThey always respected deadlines, were super reactive, and were super helpful.
#Web app design #MVP building #Web development #Blockchain development #Dedicated team
TypeScript, React, Wagmi, Ether.js, Tanstack Query, Radix UI, Framer Motion, D3.Js, Redux, GraphQL, Apollo, Zustand, Magic SDK, Jest
5 month
Enhanced usability
Responsive performance
Scalability and security
Joshua Caleb
We reached out to this team for the development of our cryptocurrency exchange web app (DEX Swap), and the result exceeded all expectations. We’re very pleased with how everything turned out in terms of both functionality and design. The app works flawlessly, and its interface is very user-friendly.