Beancruncher

Web App
Financial Industry
image
image
image

Beancruncher

Beancruncher is a website platform that simplifies financial reporting for businesses. It integrates with major accounting software such as Sage, Xero, and QuickBooks, helping companies understand their financial data, create reports, forecast the future, track progress, and benchmark performance.

When a client sought a custom financial solution built on Beancruncher, they turned to CubeZoo for their development expertise. CubeZoo spent significant time planning and designing the platform to ensure it met the needs of various teams and provided a great user experience.

With a production build spanning 18 months, this project marked CubeZoo's largest website endeavour to date. The success of the project hinged on meticulous planning and design, with CubeZoo dedicating significant time to producing a functional spec, creating user stories, and designing the user experience.

Client Beancruncher
Duration 18 Months

Services project timeline project timeline
Services Functional spec Design Development
Client Beancruncher

Duration 18 Months

Resources resource icon resource icon

Services
Functional spec
|
Design
|
Development

Design Direction: Mood Board

Context

In developing the mood board for beancruncheranalytics.com, we aimed to strike a balance where playful meets accounting.


What We Did

Through thorough consultations and focused inquiries, we meticulously blended vibrant colours, whimsical illustrations, and sleek typography with elements evocative of financial data. This deliberate fusion of creativity and precision allowed us to craft a visual narrative that deeply resonates with Beancruncher's ethos.

As a result, we established the foundation for a website design that strikes the perfect balance between approachability and professionalism, inviting users into a captivating realm where number crunching transforms into an engaging experience.

image image

Style Guide

Design Elements

A digital style guide serves as a vital tool for maintaining consistency across Beancruncher's digital platforms by meticulously defining design elements such as typography, colours, and layouts. This steadfast uniformity not only enhances brand recognition but also elevates user experience and streamlines design processes, making it an essential investment for Beancruncher's digital presence.

Colors

image image

Typography

image image

User Experience (UX)

At CubeZoo, we took on the challenge of refining the user experience (UX) for Beancruncher, our esteemed client in the realm of accounting analytics. With a keen understanding of the intricate financial landscape, we endeavoured to develop an accounting platform that not only simplifies financial processes but also elevates user engagement.

Our journey commenced with an in-depth analysis of Beancruncher's requirements, delving deep into the nuances of accounting principles and user expectations. From there, we meticulously crafted wireframes that served as the foundation for our user-centric approach.

Through strategic design decisions and intuitive navigation pathways, we ensured that Beancruncher's platform offers seamless access to financial data and insights. From streamlined invoicing to intuitive report generation, every aspect of the platform was tailored to enhance productivity and efficiency for accounting professionals.

With a focus on user-friendly design and a commitment to accounting excellence, CubeZoo delivered a Beancruncher platform that not only meets but exceeds the expectations of modern accounting professionals.

User Interface (UI)

In the dynamic realm of UI design, our collaboration with Beancruncher sparked an invigorating journey focused on seamlessly merging aesthetics and functionality within their web platform.

Drawing inspiration from apps with light-hearted designs, we opted for a clinically white backdrop punctuated by bursts of colourful iconography, infusing the design with vitality and charm.

Our approach prioritised simplicity and a welcoming ambiance, inviting users into a realm of vibrant designs and interactive animations.

This unique blend of creativity and practicality not only enhances the website's visual allure but also cultivates a deeper connection with users, captivating them with engaging designs and interactions.

Step into the captivating world of Beancruncher's website design, where every interaction unfolds a delightful journey!

image
image

Our Challenge

image

Encountered hurdles when handling large volumes of raw accounting data

Software integration, especially with major online accounting platforms like Xero, Sage, and QuickBooks, presents significant challenges.

CubeZoo encountered hurdles when handling large volumes of raw accounting data, necessitating unification without disrupting the current system. Additionally, creating visual outputs posed a challenge, especially in generating PDF documents with embedded charts due to limitations in available libraries.

Exporting to PowerPoint also proved challenging due to proprietary software constraints, but CubeZoo leveraged PPTX format to navigate this obstacle.

Moreover, dynamically generating graphs from API data for diverse reports on the dashboard required careful consideration of varying screen sizes and user expertise levels in accounting.


Our Solution

image

Utilised headless versions of Chrome browser and LibreOffice, enabling rendering of web pages

After extensive research into accounting APIs, CubeZoo devised a unified solution to save retrieved API data for integration, facilitating reporting across all accounting modules.

The system incorporates various chart types such as bar charts, line graphs, and pie charts, ensuring user-friendly reports accessible to individuals without an accounting background.

Utilising Bootstrap and CSS media queries, the platform adapts seamlessly to different screen sizes, enabling access on various devices. To address challenges in exporting to PDF and PowerPoint, CubeZoo utilised headless versions of Chrome browser and LibreOffice, enabling rendering of web pages and execution of JavaScript for chart generation.

After eighteen months of development, the client now boasts a fully integrated and customised Beancruncher platform equipped with all necessary features to drive business operations.

image
image

Similiar Projects

SignalXpress

We had the privilege of collaborating with SignalXpress, a dynamic force in the beverage industry, since their establishment in 2012. With a steadfast commitment to crafting, producing, and delivering the most innovative beer and alcoholic beverage brands, SignalXpress has emerged as a leader in the field. <br/><br/> Driven by a passion for excellence, SignalXpress sought to revolutionise their sales process by empowering their resellers with cutting-edge digital tools. That's where we stepped in. We're proud to have developed a bespoke app for SignalXpress, tailored to streamline the sales experience for their resellers. <br/><br/> This innovative solution equips resellers with the tools they need to effectively showcase and sell SignalXpress's products, ensuring seamless transactions and unparalleled customer experiences. <br/><br/> From their roots in South Africa to their global reach, SignalXpress epitomises the bold flavors, refreshing indulgence, and unparalleled creativity that define the beverage industry.

BMW

Even businesses that have been around since the 1920’s need a great digital presence. When BMW’s motorcycle division, Motorrad, decided to create a website app in 2016, cross-browser compatibility quickly made them hit the breaks. CubeZoo took up the challenge, creating an interactive web app that would allow biking enthusiasts to take a road trip around South Africa via a digital roadmap of on-road and off-road trails. <br/><br/> Not only did CubeZoo enable an unforgettable online journey, we ensured there were regular pit stops. At each of these pit stops, the user could enter the pitstop and browse Motorrad’s range of motorcycles and accessories, change the colours of the bikes, and even listen to them rev their exquisite engines.

Clubsmart

In the vibrant landscape of South African sports clubs, a pressing need emerged for expert guidance and support in club management. Many clubs lacked the necessary knowledge and resources to navigate the complexities of administration, funding, and visibility. This knowledge gap often hindered their growth and ability to attract attention from both enthusiasts and potential sponsors. <br/><br/> Enter ClubSmart – a pioneering initiative aimed at revolutionising the way sporting clubs operate and thrive. Recognising the challenges faced by these clubs, ClubSmart set out on a mission to empower them with the tools and guidance needed for success.