Bomerit Responsive Web App
Bomerit is an Agile project management software that combines Kanban-style features and business automation into a virtual workspace. Built with scale in mind, you can use this agile tool for your software development projects, programs, task management, and portfolio management.
Official Website: www.bomerit.com
My role
UX/UI & Motion Designer
Tools used
Figma, Adobe Illustrator, Adobe Photoshop, Optimal Workshop
Scope
Sep. 2020 – Aug. 2021
What I did
Competitive Analysis, User Research, Information Architecture, Desktop design, User Journeys & Flow, Card Sort, Sitemap, Usability Study, Product Design
The Problem: How can we help people manage their projects and tasks and optimize their processes to achieve their goals?
The challenge
I set out to develop an Agile tool to help people and their teams manage their projects and tasks more effectively to achieve their goals.
The Background
This Kanban tool is the go-to solution for agile teams and companies looking for better prioritization of work, managing multiple projects, and making their work processes more efficient.
Within the system, team members can structure and visualize their daily work. They can plan Scrum team initiatives and high-level projects, break them down into manageable tasks, visualize dependencies, and create multiple workflows for cross-functional teams.
The Industry
Agile methodology increases performance and delivers valuable products by adapting to changing events in the workplace. Agile tools ensure a quick response to changes in every stage of production, including team communication, task management, issue tracking, and knowledge sharing.
Many industries benefit from this management method, including sectors such as marketing, education, car manufacturing, publishing, transportation, and recruiting.
The Iterative Process of Designing Bomerit
When working on Bomerit, I have adopted the Double Diamond Strategy which breaks the design process into four stages: Discover, Define, Deliver & Develop. I found this process particularly powerful in validating design decisions, allowing enough space for creative exploration while giving a focus point to come back to.
DISCOVER
What is out there: Agile Tools & Bomerit
I conducted a competitive analysis of Agile tools with a focus on UX analysis: to evaluate their navigation, layout and overall usability. This helped me to understand what Bomerit had to provide to stand out from the competition.
Here is a list of competitors: ClickUp, Jira, Kanbanize, GitHub Project Management, Asana, Trello.
I also did a detailed SWOT analysis of the competition and found out their strengths and weaknesses, which greatly helped to build Bomerit’s competitive advantages.
User Research: Can you walk me through your process?
When I conduct user research my focuse is on understanding user behavior, needs, and motivations through interviews, surveys, usability evaluations and other forms of feedback methodologies.
It was time to see what Agile tools enthusiasts thought about the competitors. Equipped with the preliminary research discoveries, I conducted 4 user interviews with people who have different levels of experience with Agile tools. My research goals were:
1. To understand the general attitudes and processes.
2. To uncover what (common) difficulties people might face.
3. To discover if they use any apps or websites to help them achieve their goals.
DEFINE
The Research Analysis: Moving Forward
After the Research phase, I reexamined my assumptions based on the insights from the User Interviews. It was clear that:
• People are flexible in choosing an Agile software and their decisions depend on the circumstances. Often their choices are based on recommendations and they thoroughly research each software before making their choice.
• They require the software to be sufficiently simple and understandable for users.
• Good support and feedback.
• More options and functionalities allowing data processing.
• Above all, they look for security in the storage of their personal information.
Revision of Problem Statement
I revised my hypothesis problem statement to align better with the users’ needs and goals.
Agile tools’ users need to find the right tool for their needs. They expect to receive quality service, flexible software, security for their personal data, and this to help achieve their goal.
User Journeys: What would Daniela’s experience with Bomerit be?
Informed by each persona’s experience, attitudes & goals, I have created User Journey Maps to outline the processes needed to achieve their individual goals within Bomerit app. This allowed me to focus on possible critical pain points and plan how to address them in the following design decisions.
User Flows: How would Daniela go about create a task on Bomerit?
I set out to map out their User flows. This step helped me keep the design user-centered, by showing me what pages or screens of the app will be needed from the perspective of my user personas.
Sitemap after Open Card Sort.
Before starting to work on initial sketches of each feature, I visualized the Information Architecture of the app into a sitemap, based on the user flows. The first version of the sitemap was tested through an Open Card Sort.
DEVELOP
Wireframing: From sketches to first clickable prototype.
Ones the Sitemap information architecture was decided, I began sketching paper wireframes progressing them.
Desktop Low-Fidelity Wireframes
Desktop High-Fidelity Wireframes
Usability Study.
Focusing on navigation and main features, I designed clickable prototypes for Desktop versions of the responsive web app. It was tested in a usability study, conducted remotely with 4 users. The issues, discovered in the usability test were addressed and fixed.
Problem
“I can’t find the filters to add the description to the project. I want to see them on the screen itself. I also can’t find the confirm button.” – Mira
Solution
Problem
“I want to be able to approve tasks before they are completed as well as prioritize them.” – Daniela
Solution
Designing the Look & Feel of Bomerit: Style Guide
Bomerit has a stylish and practical design that aims to help people use it easily and affordably.
I used the Style Guide as a starting point and developed a more detailed Design Language document. It’s purpose is to ensure consistency and communicate the language of Bomerit to designers and developers.
DELIVER
Final Showcase.
When I started working on this project my goal was to create a cohesive brand and design an easy to use and visually appealing Agile software. I believe that Bomerit has been successful in completing both of these goals as it has its own distinctive style and branding, but also offer a simple user journey for clients to buy it.
