Visual Style
I designed all of the simulation’s visuals and workplace screens in Canva, including the customer management system, call queue, customer interactions, and escalation chat. My goal was to make the experience feel like a real work environment rather than a traditional e-learning course.
I then used Claude Code to bring those designs to life. I provided the designs and explained how each element should work, and Claude helped generate the code for features such as clickable navigation, working buttons, and changing screens.
Re-Creating the Workspace
Branding
Even though SummitSoft is a fictional company, I treated its branding the same way I would for a real organization. I created the logo and visual identity in Canva, then carried the colors, typography, and logo elements throughout the simulation for a consistent look and feel.
I also added terracotta as an accent color to highlight learner choices, customer interactions, and moments that require attention, while keeping the overall design consistent with the company’s brand.
