Fujjo – Project Management Platform

Fujjo – Project Management Platform

Precision in every project. Fujjo's design is tailored to support dynamic teams, with real-time tracking and clear visuals that make managing projects, tasks, and expenses both simple and effective.

Web App Design
SaaS
About Project
Our Task
Design Process
Wireframes
Visual Design
Key Features
Screens

About the Project

Fujjo is a project management platform that allows teams to plan, track, and manage their work with precision. It provides comprehensive tools for real-time monitoring of tasks, expenses, and team activities, ensuring that every project stays on course.

Screens designed

12 screens

Clock icon

110 hours

Design of the project management app Fujjo

Service:

Web App Design

Industry:

SaaS

Ordering country

Country:

UK

Black Clock icon

Partnership period:

2022

Our Task

The client approached us with the objective of developing a straightforward and dependable project management platform. Our task was to design a web app that would facilitate smooth collaboration among team members, making their work processes more efficient, productive, and enjoyable.

Our Solution

To address the client's needs, our team designed a comprehensive web app equipped with features that facilitate effective task management for teams. The solution allows users to create tasks with specific due dates, monitor team progress in real time, and generate detailed reports to assess overall performance.

Our Design Process

01
Research & Discovery
Initial research and discovery phase

We initiated the project with a comprehensive research and discovery phase. This involved an in-depth analysis of the client's vision, objectives, and specific requirements for the app. At this stage, we also conducted thorough competitor research to identify market gaps and opportunities. Additionally, we performed a detailed audience analysis to understand the needs of project managers, team leads, and stakeholders who would be utilizing Fujjo.

02
Wireframing
UX stage

Building upon the insights gathered during the research phase, our team meticulously crafted detailed wireframes to visualize the user flow and information architecture. These wireframes encompassed essential components such as the project dashboards with status overviews, Kanban boards for agile workflows, dedicated messaging interfaces, etc. This iterative process ensured that the platform's structure aligned with user needs and project management best practices.

03
UI Design
UI stage

With the wireframes in place, we transitioned to the UI design phase, where we translated the user experience into visually compelling and functional user interfaces. At this stage, our focus was on creating an intuitive design that enhances user engagement, while ensuring that the interfaces align with industry standards in project management. The result was a cohesive and user-friendly design that facilitates seamless task and project management.

04
Adaptive Design
Adaptive design stage

Recognizing the diverse range of devices and screen sizes used by project managers and teams, we implemented adaptive design techniques to ensure the platform’s accessibility across all devices. This phase involved creating responsive layouts that maintain usability and functionality, whether accessed on a desktop, tablet, or mobile device. Our adaptive design approach guarantees that users can manage projects seamlessly, regardless of their device.

05
Clickable Prototype
Clickable prototype stage

To validate our design, we created an interactive, clickable prototype that allowed the client to experience the app firsthand. This prototype included fully functional elements that simulated the final product, enabling the client to navigate through the dashboards and interact with the various features. The prototype phase was essential for gathering client feedback, ensuring that the final design met all expectations before moving into development.

01

Research & Discovery

02

Wireframing

03

UI Design

04

Adaptive Design

05

Clickable Prototype

Wireframing

To bridge the gap between user research and UI design, our team produced a comprehensive set of wireframes. These visual blueprints outlined the platform's core functionalities and information hierarchy, providing a solid foundation for the subsequent design iterations.

Fujjo main dashboard wireframe
Fujjo project dashboard wireframe
Fujjo contacts screen wireframe
Fujjo app Kanban board wireframe
Fujjo calendar wireframe
Fujjo app messaging interface wireframe

Visual Design

To create a visually cohesive and modern web app, our design team selected a vibrant yet balanced color palette that enhances user engagement while maintaining clarity and professionalism. The use of Poppins typography and a custom set of icons further strengthens the platform’s visual identity, ensuring an intuitive and seamless user experience.

 Fujjo typography
An example of using the Fujjo typography
Fujjo color palette
Fujjo icons set

Key Features

01

Dashboard

A comprehensive central hub that presents project statistics, task completion rates, and other vital information through visually striking digestible graphics.

 Fujjo dashboard feature
02

Projects Managing

An efficient project management feature that allows users to track project statuses, assign responsibilities, view client details, and manage timelines seamlessly.

Fujjo projects managing feature
03

Kanban Board

A flexible task management system that enables teams to streamline workflows, track progress, and optimize productivity with drag-and-drop simplicity.

 Fujjo Kanban board feature
04

Calendar

An intelligently designed scheduling tool that provides a clear overview of upcoming meetings, complete with essential details and context.

Fujjo calendar feature

Screens Overview

Fujjo main dashboard UI design
Fujjo project dashboard UI design

More cases

View All

E-Booking

Learn more

E-Event

Learn more

Sliky

Learn more

Have a project in mind?

rocket-line
Rocket