How We Created Ellipse – Unique Project Planning Solution

Description

Ellipse is a planning solution that shows the project timeline in a simple and easy-to-use format. The team can quickly create visual plans, structure tasks, and see the big picture for each project with it. This solution's core is two effective plan visualization tools: Gantt charts and Kanban boards.

Tech stack

Frontend:React.js, React Hooks, Redux, Typescript
Backend:Nest.js, Postgres, Redis, Keycloak, TypeORM

Our role

UX/UI Design, Web Development, DevOps, QA, Support

The challenge

The client approached us with the idea of creating a visual project planning program that would have a clear competitive advantage. According to their idea, enterprise software should be a tool, not another job. The client wanted a digital solution based on proven PM tools. So the foundation for Ellipse was Gantt charts and Kanban boards.
Rocketech was required to implement a visual scheduling mechanism and create a responsive interface. It was also important to work out the notification system in detail. The goal of our collaboration was to develop an MVP of a complicated enterprise SaaS project.

Project management

We involved specialists with digital product development skills and deep knowledge of agile planning to achieve the goal. The team included developers (backend, frontend), QA/QC, PM, and scrum master.

We divided the workflow into 2 iterations:

  1. Development of a basic visualization and task organization mechanism.
  2. Implementation of additional options to customize the platform for corporate needs.

Iteration 1

We decided to start with core pages: Dashboard, Gantt Chart, and Kanban. This became the foundation for creating key functionality for planning, coordinating, and updating projects.

Completed tasks:

  • interface design for each page based on user experience and behavior;
  • dashboard implementation: View Portfolios, Log of changes, Phase project/Project Alerts, Upload and Download CSV Files, and more;
  • implementation of Gantt Chart to enable users to: create relationships, view the calendar, manage activity, analyze risks, etc.;
  • implementing a Kanban space to allow users to: make planning boards, add people (resources), configure alerts;
  • setting up easy and productive user interaction with interface elements.

Iteration 2

In the second stage, we paid attention to hamburger options: Alert setup, Settings, Create User, Site Plan, and Saved Assets (resources and schedule activities). According to the client's idea, the user should be able to adapt the account to their needs as much as possible.

Completed tasks:

  • creation of an alert system with the possibility of flexible configuration: choice of type of alert, schedule, resource, Kanban;
  • implementation of options enabling the creation of a new user and select access rights depending on the role in the project: Project Manager, Portfolio Manager, Activity Lead;
  • implementation of options for flexible asset management, including quick saving of actions and resources;
  • development of plans for using the platform depending on the set of functions.

Key features

Portfolio Creation

The user can create a portfolio (and sub-portfolio) and then launch new projects based on it. It allows you to multitask, plan numerous projects, and coordinate with multiple teams.

User Creation

We made sure that a new user could be created in seconds. Just add a name, select access rights based on their role in the project (Project Manager, Portfolio Manager, Activity Lead), and specify an email for the invitation.

Gantt Charts

This is an effective tool for organizing tasks. We have enabled the user to create dependencies between tasks and monitor project progress based on specific dates, milestones, and a number of other mandatory metrics.

Kanban Boards

It is another planning tool that really works. Kanban creation always creates an activity. User adds individuals (resources) to choose projects or assign projects in its creation. Alerts for kanban are made by individuals assigned.

Critical Path

We have implemented an algorithm for planning an activity sequence. The user can build a project model with it: describe the tasks necessary to achieve the goal and determine their specific deadlines.

Resources View

This is one of the useful scheduling features that displays the resources within the project, namely: total value and total hours. When necessary, the user can enable/disable the visibility of resource amount with one click.

Calendar View

Thanks to this function, the user views the situation in certain time intervals: quarterly, monthly, yearly, weekly. It allows you to realistically assess progress and distribute the workload to ensure that the goal is achieved by a certain date.

Filter

We have implemented convenient filter options so that the user can change the settings with one click: select only milestones and critical path activities, specify boundary indicators (date after, activity $ total above), etc.

Review

The amount of support they provided was exceptional.

Tristan Hoffmann
Founder, Filiko LLC

Results

Creating a complete platform for flexible planning in six months.
Responsive design tested for correct display on different devices and browser window sizes.
Powerful and proven PM tools: Gantt charts and Kanban boards.
Creating a portfolio and projects based on it and inviting a new user in seconds.
A set of custom functions for quickly customizing the display of activities and resources within a project.
Detailed logs and a robust baseline control system to keep you updated on the latest activity.
Convenient notification system to keep in touch with all stakeholders.
Flexible user information options, alerts, saved activities, and resources.

Tell us what you have in mind

If you'd like to get in touch with us you can email us at info@rocketech.it, call us on +65 3159 3765, send us a message via our online form, or get answers in real time by simple briefing @RocketechHelloBot.
SingaporeKyivLondonSan Francisco