Case Study

Backend and Frontend Optimizations for a Nonprofit Community Portal

Hybrid and virtual events platform. Easy setup allows holding conferences, lectures, and webinars seamlessly. Available online from any device, any time, anywhere.

The Client

Homegrown Nursery is a California-based company that specializes in providing the highest quality feminized cannabis clones. They take away the stress and hassle of growing plants from seeds for home growers and wholesalers alike. Homegrown Nursery makes it easy to buy female Indica, Sativa, hybrid and exotic strains. Their clients no longer have to rely on dispensaries for their preferred strains. Businesses buying wholesale can also rest 

The Challenge

Our client came to S-PRO with a request to develop a mobile app for iOS and Android that would help employers and those seeking small jobs to find each other. Furthermore, both roles had to be combined into one system so users could find and offer jobs from the same account.

When he first met with our team, our client already had some design sketches. He wanted our team to improve them, add missing elements, and implement them in a user-friendly application.

The client hired Capital Numbers to build this campaign management platform. He trusted us and wanted us to create this platform from scratch.

However, the client wanted this platform built with the Elementor page builder. The client chose Elementor over WordPress because Elementor helps make web page changes without requiring code. On the other hand, making design changes in WordPress involves code. As a non-techie, our client, therefore, preferred Elementor.

Our Process

                1. BRIEFING                       2. BENCHMARK                    3. USER RESEARCH

We identify the main aspects of the business model and user needs.
First, we gather evidence that will support the decisions taken henceforth, ensuring that no decision is made based on vague assumptions.

This stage consists of 3 steps: a briefing with the project’s vision and goals and business requirements; user research to guarantee product usefulness and effectiveness from the user’s perspective; and a design benchmark to analyze the landscape of similar and complementary products, design patterns and technologies used in the industry

1. USER JOURNEY                     2. DECISION MATRIX                      3. WIREFRAMES                  4. MOODBOARD

We formulate an approach to the product based on the user’s needs and the business model.
This is the core of the creative process and it is where the concept of the product is formulated based on the user’s needs and the business model (both identified in the Research phase). Here, the UX designer, the product designer, and the product owner work closely together.

This stage consists of 4 steps: mapping out the user journey, by describing each user’s action, with various user scenarios; a decision matrix that helps prioritize the users’ and product’s goals while considering the product life cycle’s current stage; drawing the wireframes, i.e.



We bring the concept to life and put it into practice.
In this stage, the product designer focuses on creating a physical representation of the concept that has been defined up to this point.

It consists of 3 steps: a style guide, where we define a graphic interface’s style, considering colour palette, fonts, image style, input fields, buttons, and so on, to ensure consistency throughout the application; a graphic user interface design (GUI) which are the end-looking screens by applying the style guide to the wireframes;

1. HIGH-LEVEL ARCHITECTURE                           2. PROJECT PLAN

We guarantee that all requirements and ideas generated are realistic to implement.
In this stage, all the work previously done should be achievable considering the available time and budget previously settled.

It consists of 2 steps: a high-level architecture where we detail how the product will be built, identifying baselines for the needed technologies and skills to make it; and a project plan to define the major milestones and provides a general understanding of the project’s structure, phases, intersections and interdependencies.

Tech stack

List of technologies we used to develop a video conferencing solution for Event10x:

The Results

Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.


Increase In Productivty


Increase IN Sales


Decrease in Meetings


Decrease in Emails


Disclaimer on External links