Imaginarium Admin Dashboard

An admin dashboard built with react.js for the app would provide a centralized location for managing the app’s users, content, and analytics. It would allow administrators to view and manage user accounts, moderate user-generated content, add new content to the app, view usage analytics, and configure app settings. The admin dashboard would be a powerful tool for ensuring the smooth operation of the app and providing insights for future improvements.

Client Name

Imaginarium

Release Date

June 17, 2023

Project Types

Web App

Used Skills

We successfully built the admin dashboard app by first identifying the key features required for managing user accounts, content, and app performance. Our team faced challenges in ensuring that the dashboard was user-friendly and intuitive for non-technical users while still providing the necessary data and tools for managing the app. We overcame these challenges by conducting user testing, incorporating feedback into the design, and utilizing data visualization tools to provide easy-to-understand metrics. Additionally, we worked closely with the development team to integrate the dashboard with the app's backend, ensuring seamless data flow and optimal performance.

If you have a similar project, you'd like to talk about - let us know.

  • React.js
  • AWS
  • Python
  • Node.js
  • HTML, CSS, JS

Project Overview

The Imaginarium is the perfect tool for any writer who wants to be able to write on the go. It’s an app that helps you write screenplays and books on your smartphone, so you don’t have to carry around a notebook or laptop. You can type away on your phone wherever you are.
The Imaginarium app needs an admin app to manage the memberships, users and projects, also it needs to show the reports on important KPIs.

Design Process

Imaginarium Admin Dashboard

User Research

Imaginarium Admin Dashboard

UX DEsign

Imaginarium Admin Dashboard

Branding

Imaginarium Admin Dashboard

Wireframing

Imaginarium Admin Dashboard

UI Design

Project Timeline

The great thing about this project is that we already have the base components. That being said, there are still a few things we need to do in order to make sure the project is successful. First and foremost, we need to make sure that all of the components are working together seamlessly. Additionally, we need to test the app extensively and make sure that it is user-friendly. Finally, we need toconect it to the database.

Researching

Designing

Developing

Tech Needs

CS Needs

KPI Reports

UI Libraries

Screens

Flows

Charts

KPI Elements

Front-End

APIs

Database

Custom Components

User Persona

The Imaginarium is the perfect tool for any writer who wants to be able to write on the go. It’s an app that helps you write screenplays and books on your smartphone, so you don’t have to carry around a notebook or laptop. You can type away on your phone wherever you are. The Imaginarium is the perfect tool for any writer who wants to be able to write on the go. It’s an app that helps you write screenplays and books on your smartphonу.

Imaginarium Admin Dashboard
  • Age: 28
  • Occupation: Support
  • Status: Single
  • Tier: Enthusiastic
  • Location: Philippines
  • Archetype: Frequent Traveller

Personality

Name the row
Extrovert 57%
Name the row
Thinking 57%
Name the row
Perceiving 57%

Suk Crosby

Technical Support Engineer in Imaginarium

Frustrations

  • Inconsistency
  • Lack of access to certain areas
  • Process are not much clear
  • To many processual steps

Technology

My SQL
57%
Git Hub
57%
Node
57%

Goals

The Imaginarium app need to be reewired so it has the access to all the all files and folders. The support also needs to be able to communicate effectively with both developers and customers. The technical support engineer’s workflow needs to be streamlined and efficient.

Pain Points

As a technical support engineer, you are responsible for ensuring that the app development process runs smoothly and that customer satisfaction remains high. It is hard to do if your tool is too complicated but still doesn’t have access to certain files, it makes it really hard to maintain and fix issues we come across.

Personality

Name the row
Extrovert 57%
Name the row
Thinking 57%
Name the row
Perceiving 57%
  • Age: 28
  • Occupation: Support
  • Status: Single
  • Tier: Enthusiastic
  • Location: Philippines
  • Archetype: Frequent Traveller
Imaginarium Admin Dashboard

Technology

My SQL
57%
Git Hub
57%
Node
57%

Frustrations

  • Inconsistency
  • Lack of access to certain areas
  • Process are not much clear
  • To many processual steps

Suk Crosby

Technical Support Engineer in Imaginarium

Goals

The Imaginarium app need to be reewired so it has the access to all the all files and folders. The support also needs to be able to communicate effectively with both developers and customers. The technical support engineer’s workflow needs to be streamlined and efficient.

Pain Points

As a technical support engineer, you are responsible for ensuring that the app development process runs smoothly and that customer satisfaction remains high. It is hard to do if your tool is too complicated but still doesn’t have access to certain files, it makes it really hard to maintain and fix issues we come across.

Typography

The Imaginarium is the perfect tool for any writer who wants to be able to write on the go. It’s an app that helps you write screenplays and books on your smartphone, so you don’t have to carry around a notebook or laptop. The Imaginarium is the perfect tool for any writer who wants to be able to write on the go. It’s an app that helps you write screenplays and books.

Imaginarium Admin Dashboard

Color Palette

When we were designing Imaginarium, we wanted to create a cohesive experience for users of the main app. We wanted the same for the admin app too. To do this, we chose to use the same color palette for both applications. We believe that this creates a sense of unity and makes it clear that Imaginarium is a product with a unified vision. Of course, we also think that the colors look pretty cool together. 😉 We hope you enjoy using Imaginarium Admin App!

Brand Gradient

Imaginarium Admin Dashboard

Primary Color Variations

Imaginarium Admin Dashboard

Additional Colors

Imaginarium Admin Dashboard

Visual Design

The Imaginarium is an administrative app that keeps things running smoothly around here. We based the visual design of the Imaginarium off of the main app to keep a consistent look and feel throughout the company. The Imaginarium is a crucial piece of our software ecosystem and helps us maintain order and control.

Test Video

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.