Programming 2B: UX/UI Design & Desktop Development
A module-manager desktop app for tracking in-class and self-study hours, built with a frosted-glass interface — my first Figma-planned submission. Scored 95%.
Role
Project Manager, UX/UI Designer & Developer
Program
Programming 2B, Second Year, Semester 1
Tools & Methods
Figma · C# · WPF .NET · XAML
Project Context
Study Sync is a module-manager desktop app where users log module information and track their in-class versus self-study hours. It was the first project I planned entirely in Figma before writing a line of code, rather than designing as I went, a shift that let me think through the whole system up front.
Design Philosophy
The design goal was minimalist and practical with a touch of sophistication: I implemented a frosted-glass look for the background rather than a flat colour, layering the effect over an image so the frosted treatment would read clearly even inside Figma.
Design Decisions
What's actually going on
Hierarchy that surfaces what matters
The countdown of weeks remaining and logged self-study hours are given the most visual weight, so the numbers a student actually needs are the first thing they see.
Soft backgrounds, bold key data
Soft background tones let bold, bright accent colours carry the information that matters, keeping the interface calm everywhere except where a number needs attention.
A first pass at WPF .NET
This was my first project on the WPF .NET Framework, which meant a genuine learning curve: handling image and audio files for the first time, and building a console-style "chatbot" interface with a message box that dynamically resizes to its content.
A first animation, too
I animated the navigation bar to smoothly transition its highlight to the selected icon, a small detail, but my first real experiment with interface animation.
The Work
Screens & process
Takeaway
Study Sync scored 95%, reflecting a successful blend of user-friendly design principles and genuinely ambitious technical features for where I was in my coding journey at the time. Looking back, there are small refinements I'd make to alignment and icon scale, but I'm proud of what I built technically, and the project remains solid proof that design and functionality can be developed together, not as separate phases.