Redmine Redesign - Case Study
B2B
Enterprise
Productivity
Web
2022
Project team
• Product Manager • Full stack developer • UI/UX Designer • Quality assurance
Activities
• Research • User Interviews • Visual Design • Prototyping • UI & UX Design • Interaction Design • Testing
Tools I used:
• Figma • FigJam • After Effects • Trello • Google Workspace
Redmine Redesign - Case Study
B2B
Enterprise
Productivity
Web
2022
Project team
• Product Manager • Full stack developer • UI/UX Designer • Quality assurance
Activities
• Research • User Interviews • Visual Design • Prototyping • UI & UX Design • Interaction Design • Testing
Tools I used:
• Figma • FigJam • After Effects • Trello • Google Workspace
Redmine Redesign - Case Study
B2B
Enterprise
Productivity
Web
2022
Project team
• Product Manager • Full stack developer • UI/UX Designer • Quality assurance
Activities
• Research • User Interviews • Visual Design • Prototyping • UI & UX Design • Interaction Design • Testing
Tools I used:
• Figma • FigJam • After Effects • Trello • Google Workspace
//
OVERVIEW
Redesigning a Legacy Tool for Modern Workflows
A fresh UX vision for Redmine aimed at simplifying navigation, improving task management, and creating a cleaner, more intuitive user experience.
//
OVERVIEW
Redesigning a Legacy Tool for Modern Workflows
A fresh UX vision for Redmine aimed at simplifying navigation, improving task management, and creating a cleaner, more intuitive user experience.
//
OVERVIEW
Redesigning a Legacy Tool for Modern Workflows
A fresh UX vision for Redmine aimed at simplifying navigation, improving task management, and creating a cleaner, more intuitive user experience.
//
CHALLENGES
Outdated UX, Heavy Workflows
Redmine’s interface feels old and overloaded, making routine task management slow and frustrating. Users face unclear flows, cluttered screens, and inefficient navigation
//
CHALLENGES
Outdated UX, Heavy Workflows
Redmine’s interface feels old and overloaded, making routine task management slow and frustrating. Users face unclear flows, cluttered screens, and inefficient navigation
//
CHALLENGES
Outdated UX, Heavy Workflows
Redmine’s interface feels old and overloaded, making routine task management slow and frustrating. Users face unclear flows, cluttered screens, and inefficient navigation
//
USER ARCHITYPES & FLOW
Real Users, Real Needs
User research allowed us to form a clear persona and journey map, capturing emotions and key pain points developers and PMs face when managing tasks and dependencies
//
USER ARCHITYPES & FLOW
Real Users, Real Needs
User research allowed us to form a clear persona and journey map, capturing emotions and key pain points developers and PMs face when managing tasks and dependencies
//
USER ARCHITYPES & FLOW
Real Users, Real Needs
User research allowed us to form a clear persona and journey map, capturing emotions and key pain points developers and PMs face when managing tasks and dependencies
Target Audience
Software developers, project managers, QA specialists, and team leads who rely on Redmine for daily issue
Pain point
Confusing navigation, cluttered task views, repetitive micro-actions, difficulty managing complex dependencies
Personal goals
Work faster, maintain project clarity, collaborate easily with the team, and keep tasks organized with minimal effort
Target Audience
Software developers, project managers, QA specialists, and team leads who rely on Redmine for daily issue
Pain point
Confusing navigation, cluttered task views, repetitive micro-actions, difficulty managing complex dependencies
Personal goals
Work faster, maintain project clarity, collaborate easily with the team, and keep tasks organized with minimal effort
Target Audience
Software developers, project managers, QA specialists, and team leads who rely on Redmine for daily issue
Pain point
Confusing navigation, cluttered task views, repetitive micro-actions, difficulty managing complex dependencies
Personal goals
Work faster, maintain project clarity, collaborate easily with the team, and keep tasks organized with minimal effort
//
RESEARCH & INSIGHTS
Understanding Everyday Pain
Interviews and behavioral analysis helped uncover critical frustrations and expectations, shaping the foundation of the redesign
//
RESEARCH & INSIGHTS
Understanding Everyday Pain
Interviews and behavioral analysis helped uncover critical frustrations and expectations, shaping the foundation of the redesign
//
RESEARCH & INSIGHTS
Understanding Everyday Pain
Interviews and behavioral analysis helped uncover critical frustrations and expectations, shaping the foundation of the redesign
01
Slow Navigation
Navigation between core sections is lengthy and requires too many clicks
01
Slow Navigation
Navigation between core sections is lengthy and requires too many clicks
01
Slow Navigation
Navigation between core sections is lengthy and requires too many clicks
02
Overloaded Screens
High information density increases cognitive load and makes simple tasks feel heavy
02
Overloaded Screens
High information density increases cognitive load and makes simple tasks feel heavy
02
Overloaded Screens
High information density increases cognitive load and makes simple tasks feel heavy
03
Need for Simple Power
Users want a cleaner, streamlined interface without losing Redmine’s functional depth
03
Need for Simple Power
Users want a cleaner, streamlined interface without losing Redmine’s functional depth
03
Need for Simple Power
Users want a cleaner, streamlined interface without losing Redmine’s functional depth
//
DELIVERABLES
Improvements
//
DELIVERABLES
Improvements
//
DELIVERABLES
Improvements
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 10.849 7.025 C 13.239 7.268 15.103 9.285 15.103 11.738 L 15.103 12.006 C 16.525 12.191 17.711 13.12 18.258 14.393 C 19.799 14.467 21.109 15.413 21.709 16.75 C 23.839 16.839 25.539 18.59 25.539 20.742 L 25.539 26.348 C 25.539 29.063 24.502 31.676 22.64 33.652 C 20.628 35.789 17.822 37 14.886 37 L 13.138 37 C 10.343 37 7.764 35.496 6.389 33.062 L 0.644 22.9 C -0.429 21.001 -0.141 18.623 1.355 17.035 C 2.508 15.812 4.108 15.319 5.627 15.518 L 5.627 11.738 C 5.627 9.121 7.748 7 10.365 7 Z M 10.365 10 C 9.405 10 8.627 10.778 8.627 11.738 L 8.627 21.553 L 8.617 21.602 C 8.586 21.693 8.472 21.732 8.392 21.678 L 8.355 21.643 L 6.56 19.258 C 5.822 18.279 4.38 18.2 3.539 19.092 C 2.944 19.723 2.829 20.669 3.256 21.424 L 9 31.586 C 9.79 32.984 11.23 33.883 12.818 33.99 L 13.138 34 L 14.886 34 C 16.863 34 18.759 33.235 20.179 31.875 L 20.457 31.596 C 21.794 30.176 22.539 28.298 22.539 26.348 L 22.539 20.742 C 22.539 20.19 22.091 19.742 21.539 19.742 L 19.06 19.742 L 19.06 18.385 C 19.06 17.901 18.717 17.497 18.261 17.404 L 18.06 17.385 L 15.582 17.385 L 15.582 15.969 C 15.582 15.417 15.134 14.969 14.582 14.969 L 12.103 14.969 L 12.103 11.738 C 12.103 10.778 11.325 10 10.365 10 Z M 9.811 0 C 15.229 0 19.621 4.392 19.621 9.811 C 19.621 10.691 19.503 11.544 19.285 12.355 C 18.849 12.239 18.392 12.171 17.92 12.164 C 17.485 11.797 16.994 11.494 16.461 11.27 C 16.564 10.799 16.621 10.312 16.621 9.811 C 16.621 6.049 13.572 3 9.811 3 C 6.049 3 3 6.049 3 9.811 C 3 10.433 3.086 11.035 3.242 11.607 L 3.242 13.238 C 2.45 13.362 1.673 13.625 0.953 14.033 C 0.342 12.754 0 11.322 0 9.811 C 0 4.392 4.392 0 9.811 0 Z" fill="rgb(255, 255, 255)" height="37px" id="etyd27ATs" transform="translate(7 1)" width="25.538860364132518px"/></svg>)
Smart Issue List with Adaptive Filters
A simplified, step-by-step modal reduces clutter and makes creating tasks faster, clearer, and less error-prone
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 30.6 36 L 5.4 36 C 3.968 36 2.594 35.431 1.582 34.418 C 0.569 33.406 0 32.032 0 30.6 L 0 1.8 C 0 1.323 0.19 0.865 0.527 0.527 C 0.865 0.19 1.323 0 1.8 0 L 27 0 C 27.477 0 27.935 0.19 28.273 0.527 C 28.61 0.865 28.8 1.323 28.8 1.8 L 28.8 23.4 L 36 23.4 L 36 30.6 C 36 32.032 35.431 33.406 34.418 34.418 C 33.406 35.431 32.032 36 30.6 36 Z M 28.8 27 L 28.8 30.6 C 28.8 31.077 28.99 31.535 29.327 31.873 C 29.665 32.21 30.123 32.4 30.6 32.4 C 31.077 32.4 31.535 32.21 31.873 31.873 C 32.21 31.535 32.4 31.077 32.4 30.6 L 32.4 27 Z M 25.2 32.4 L 25.2 3.6 L 3.6 3.6 L 3.6 30.6 C 3.6 31.077 3.79 31.535 4.127 31.873 C 4.465 32.21 4.923 32.4 5.4 32.4 Z M 7.2 9 L 21.6 9 L 21.6 12.6 L 7.2 12.6 Z M 7.2 16.2 L 21.6 16.2 L 21.6 19.8 L 7.2 19.8 Z M 7.2 23.4 L 16.2 23.4 L 16.2 27 L 7.2 27 Z" fill="rgb(255, 255, 255)" height="36px" id="YQwE6bpPK" transform="translate(3.33 2.17)" width="36px"/></svg>)
Smart Issue List with Adaptive Filters
Users can quickly sort, filter, and bookmark views — making large project navigation effortless
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 16.258 20.032 C 16.258 19.872 16.128 19.742 15.968 19.742 L 3.774 19.742 C 3.614 19.742 3.484 19.872 3.484 20.032 L 3.484 32.226 C 3.484 32.386 3.614 32.516 3.774 32.516 L 15.968 32.516 C 16.128 32.516 16.258 32.386 16.258 32.226 Z M 32.516 20.032 C 32.516 19.872 32.386 19.742 32.226 19.742 L 28.161 19.742 C 28.001 19.742 27.871 19.872 27.871 20.032 L 27.871 32.226 C 27.871 32.386 28.001 32.516 28.161 32.516 L 32.226 32.516 C 32.386 32.516 32.516 32.386 32.516 32.226 Z M 32.516 3.774 C 32.516 3.614 32.386 3.484 32.226 3.484 L 3.774 3.484 C 3.614 3.484 3.484 3.614 3.484 3.774 L 3.484 7.839 C 3.484 7.999 3.614 8.129 3.774 8.129 L 32.226 8.129 C 32.386 8.129 32.516 7.999 32.516 7.839 Z M 19.742 32.226 C 19.742 34.31 18.052 36 15.968 36 L 3.774 36 C 1.69 36 0 34.31 0 32.226 L 0 20.032 C 0 17.948 1.69 16.258 3.774 16.258 L 15.968 16.258 C 18.052 16.258 19.742 17.948 19.742 20.032 Z M 36 32.226 C 36 34.31 34.31 36 32.226 36 L 28.161 36 C 26.077 36 24.387 34.31 24.387 32.226 L 24.387 20.032 C 24.387 17.948 26.077 16.258 28.161 16.258 L 32.226 16.258 C 34.31 16.258 36 17.948 36 20.032 Z M 36 7.839 C 36 9.923 34.31 11.613 32.226 11.613 L 3.774 11.613 C 1.69 11.613 0 9.923 0 7.839 L 0 3.774 C 0 1.69 1.69 0 3.774 0 L 32.226 0 C 34.31 0 36 1.69 36 3.774 Z" fill="rgb(255, 255, 255)" height="35.99999943124392px" id="ASZ9MmQH8" transform="translate(2 2)" width="36px"/></svg>)
Clean & Accessible Visual Hierarchy
Typography, spacing, and contrast improvements help users focus on what matters most
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 8.847 22.638 L 4.713 26.776 L 10.228 32.292 L 32.292 10.225 L 26.777 4.712 L 22.636 8.847 L 25.396 11.604 L 22.636 14.366 L 19.879 11.606 L 17.121 14.366 L 19.879 17.124 L 17.121 19.882 L 14.363 17.124 L 11.603 19.882 L 14.363 22.64 L 11.603 25.399 L 8.847 22.636 Z M 28.156 0.573 L 36.429 8.847 C 36.795 9.212 37 9.708 37 10.225 C 37 10.743 36.795 11.239 36.429 11.604 L 11.605 36.429 C 11.239 36.795 10.743 37 10.226 37 C 9.709 37 9.213 36.795 8.847 36.429 L 0.574 28.155 C 0.208 27.79 0.003 27.294 0.003 26.776 C 0.003 26.259 0.208 25.763 0.574 25.398 L 25.398 0.573 C 25.764 0.207 26.26 0.002 26.777 0.002 C 27.294 0.002 27.79 0.207 28.156 0.573 Z M 22.636 30.911 L 25.396 28.153 L 29.769 32.528 L 32.526 32.528 L 32.526 29.77 L 28.154 25.396 L 30.912 22.638 L 36.055 27.779 L 36.055 36.054 L 27.781 36.054 L 22.638 30.911 Z M 6.09 14.362 L 0.572 8.847 C 0.391 8.665 0.247 8.45 0.149 8.214 C 0.051 7.977 0 7.723 0 7.467 C 0 7.21 0.051 6.957 0.149 6.72 C 0.247 6.483 0.391 6.268 0.572 6.087 L 6.09 0.571 C 6.455 0.205 6.951 0 7.468 0 C 7.986 0 8.482 0.205 8.847 0.571 L 14.367 6.087 L 11.605 8.847 L 7.468 4.708 L 4.711 7.468 L 8.847 11.602 Z" fill="rgb(255, 255, 255)" height="37px" id="H4UxJLXTe" transform="translate(1.5 1.5)" width="37px"/></svg>)
Unified Navigation Bar
Streamlined global navigation helps reduce confusion and improves orientation across multiple projects
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 16.008 0 C 16.277 0.003 16.546 0.014 16.814 0.031 C 16.839 0.033 16.864 0.033 16.889 0.035 C 17.574 0.081 18.258 0.172 18.935 0.307 C 19.966 0.512 20.969 0.821 21.934 1.221 L 21.937 1.215 C 22.174 1.313 22.406 1.418 22.637 1.527 C 22.648 1.533 22.659 1.538 22.67 1.543 C 22.939 1.671 23.204 1.805 23.465 1.947 C 23.562 2 23.658 2.056 23.754 2.111 C 23.785 2.129 23.818 2.146 23.85 2.164 C 23.884 2.184 23.919 2.204 23.953 2.225 L 24.268 2.416 C 24.277 2.422 24.287 2.429 24.297 2.436 C 24.876 2.798 25.434 3.195 25.965 3.631 C 26.913 4.409 27.761 5.295 28.502 6.262 L 28.506 6.262 C 28.523 6.285 28.539 6.309 28.557 6.332 C 28.623 6.42 28.691 6.508 28.756 6.598 C 28.897 6.792 29.033 6.989 29.166 7.189 C 29.227 7.281 29.287 7.374 29.346 7.467 C 29.374 7.512 29.402 7.557 29.43 7.602 C 29.487 7.694 29.542 7.787 29.598 7.881 C 29.629 7.934 29.66 7.987 29.691 8.041 C 29.732 8.112 29.773 8.184 29.812 8.256 C 30.103 8.779 30.367 9.318 30.598 9.875 L 30.594 9.875 C 31.13 11.171 31.487 12.53 31.67 13.91 L 31.674 13.91 C 31.699 14.101 31.72 14.292 31.738 14.484 C 31.836 15.507 31.84 16.539 31.738 17.568 C 31.583 19.14 31.192 20.671 30.592 22.119 L 30.598 22.123 C 30.577 22.173 30.552 22.222 30.531 22.271 C 30.515 22.309 30.499 22.347 30.482 22.385 C 30.367 22.648 30.246 22.908 30.117 23.164 C 30.095 23.208 30.073 23.251 30.051 23.295 C 29.998 23.398 29.944 23.5 29.889 23.602 C 29.651 24.041 29.396 24.472 29.117 24.889 C 27.655 27.076 25.678 28.871 23.357 30.111 C 22.911 30.35 22.453 30.565 21.988 30.76 C 21.971 30.767 21.955 30.776 21.937 30.783 L 21.935 30.781 C 19.999 31.583 17.92 32 15.814 32 C 15.106 32 14.409 31.949 13.725 31.859 L 14.113 28.891 C 14.669 28.963 15.236 29 15.814 29 C 16.362 29 16.9 28.964 17.428 28.898 C 18.703 28.739 19.947 28.387 21.123 27.861 C 21.959 27.486 22.75 27.027 23.482 26.49 C 24.708 25.594 25.774 24.493 26.623 23.223 C 27.782 21.489 28.501 19.501 28.73 17.43 C 28.774 17.027 28.8 16.618 28.807 16.203 C 28.808 16.085 28.81 15.967 28.809 15.85 C 28.804 15.436 28.778 15.028 28.736 14.625 C 28.605 13.392 28.302 12.179 27.824 11.025 C 27.528 10.31 27.167 9.626 26.752 8.979 C 26.579 8.711 26.398 8.449 26.207 8.195 C 25.586 7.368 24.868 6.613 24.062 5.951 C 23.894 5.813 23.72 5.682 23.545 5.553 C 22.836 5.027 22.073 4.573 21.266 4.199 C 20.338 3.771 19.361 3.451 18.352 3.25 C 17.911 3.162 17.467 3.102 17.021 3.061 C 16.655 3.027 16.284 3.005 15.908 3.002 C 15.77 3.001 15.632 3.006 15.494 3.01 C 15.097 3.019 14.705 3.044 14.318 3.088 C 13.549 3.177 12.787 3.334 12.041 3.561 C 11.545 3.711 11.06 3.891 10.588 4.098 C 9.745 4.469 8.949 4.928 8.209 5.463 C 7.647 5.868 7.114 6.314 6.621 6.807 L 4.5 4.686 C 5.222 3.963 6.011 3.316 6.852 2.748 C 7.065 2.603 7.283 2.463 7.504 2.328 C 7.559 2.295 7.613 2.261 7.668 2.229 C 8.314 1.845 8.989 1.505 9.689 1.215 L 9.689 1.219 C 10.173 1.019 10.667 0.842 11.17 0.689 C 12.149 0.392 13.151 0.193 14.162 0.088 C 14.421 0.061 14.683 0.04 14.945 0.025 C 15.003 0.022 15.061 0.02 15.119 0.018 C 15.35 0.007 15.581 0 15.814 0 Z M 8.326 26.5 C 9.221 27.188 10.209 27.762 11.264 28.199 L 10.113 30.967 C 8.813 30.427 7.601 29.721 6.5 28.875 Z M 3.77 21 C 4.207 22.055 4.781 23.042 5.469 23.938 L 4.279 24.852 L 3.092 25.762 C 2.246 24.661 1.539 23.449 1 22.148 L 1.33 22.014 Z M 17.5 16.5 L 24 16.5 L 24 19.5 L 17 19.5 C 15.619 19.5 14.5 18.381 14.5 17 L 14.5 8 L 17.5 8 Z M 1.623 14.193 L 3.109 14.389 C 3.037 14.944 3 15.512 3 16.09 C 3 16.668 3.037 17.236 3.109 17.791 L 0.139 18.178 C 0.05 17.494 0 16.798 0 16.09 C 0 15.381 0.049 14.684 0.139 14 Z M 5.469 8.326 C 4.781 9.221 4.207 10.209 3.77 11.264 L 1 10.113 C 1.539 8.813 2.246 7.601 3.092 6.5 Z" fill="rgb(255, 255, 255)" height="32px" id="kJiSPwPq0" transform="translate(4 4)" width="31.81289180152407px"/></svg>)
Contextual Quick Actions
Inline editing, shortcuts, and hover actions allow users to update tasks without opening new pages
Enhanced Collaboration Tools
Improved commenting, mentions, and activity feed create a more human and connected workflow
Smart Issue List with Adaptive Filters
A simplified, step-by-step modal reduces clutter and makes creating tasks faster, clearer, and less error-prone
Smart Issue List with Adaptive Filters
Users can quickly sort, filter, and bookmark views — making large project navigation effortless
Clean & Accessible Visual Hierarchy
Typography, spacing, and contrast improvements help users focus on what matters most
Unified Navigation Bar
Streamlined global navigation helps reduce confusion and improves orientation across multiple projects
Contextual Quick Actions
Inline editing, shortcuts, and hover actions allow users to update tasks without opening new pages
Enhanced Collaboration Tools
Improved commenting, mentions, and activity feed create a more human and connected workflow
Smart Issue List with Adaptive Filters
A simplified, step-by-step modal reduces clutter and makes creating tasks faster, clearer, and less error-prone
Smart Issue List with Adaptive Filters
Users can quickly sort, filter, and bookmark views — making large project navigation effortless
Clean & Accessible Visual Hierarchy
Typography, spacing, and contrast improvements help users focus on what matters most
Unified Navigation Bar
Streamlined global navigation helps reduce confusion and improves orientation across multiple projects
Contextual Quick Actions
Inline editing, shortcuts, and hover actions allow users to update tasks without opening new pages
Enhanced Collaboration Tools
Improved commenting, mentions, and activity feed create a more human and connected workflow
//
SOLUTION
Making Daily Work Effortless
The redesign prioritizes the two most frequently used flows: creating issues and browsing the issue list. By simplifying these core interactions, the updated Redmine experience helps users stay focused, move faster, and feel more in control of their work
//
SOLUTION
Making Daily Work Effortless
The redesign prioritizes the two most frequently used flows: creating issues and browsing the issue list. By simplifying these core interactions, the updated Redmine experience helps users stay focused, move faster, and feel more in control of their work
//
SOLUTION
Making Daily Work Effortless
The redesign prioritizes the two most frequently used flows: creating issues and browsing the issue list. By simplifying these core interactions, the updated Redmine experience helps users stay focused, move faster, and feel more in control of their work
