This visual upgrade for the Lumon web app introduces several UX and UI improvements. While I understand that the interface was designed to feel outdated, why not modernize it while preserving its original character?

List of Improvements

2. 1. First, I refined the overall visuals by repositioning the logo to the left, where logos are conventionally placed. I also made the progress bar subtler, integrating it as a border for the header. This approach reduces visual clutter while maintaining clear communication.

4. 2. The main section of the page now features a darker background, enhancing the contrast between the numbers and their backdrop. I also refined the way numbers are highlighted by adding subtle shadows and a lighter tone for better readability. By the way, the primary color I used is #15DB4A—the same shade referenced in Severance, which has been moved to the top right corner.

3. 3. I aimed to simplify the bottom section visually, as it felt too cluttered. By combining the progress indicator with the box names, I streamlined the design while preserving all essential information.