Initial Sketches

After the team agreed on three core design principles - consistency, simplicity, and colorfulness - we then sketched our rough UI design by hand to quickly generate some ideas and set the foundation for our design process. While these sketches were not intended to be accurate or detailed, they served as a starting point for later wireframes and high-fidelity sketches.

In order to ensure that we were on the right track, we held several brainstorming sessions and came up with several versions of our layout. Each version was carefully reviewed and refined until we were satisfied with the final result. We are showcasing two most important of these versions here to demonstrate the refinement process, but it's worth noting that we arrived at thse two versions from many major revamps and minor modifications.

Version 1

The initial version is meant to be a quick draft of our preliminary ideas, providing a general outline of the project. However, it lacks some vital components and is not yet in the correct proportions. But it is a foundation for later improvements.

Version 2

The second version of the sketch has undergone changes, building upon the feedback from the first version. It contains a more detailed and refined approach, with a focus on scaling the project while ensuring that the user experience is optimized. There has been a deliberate effort to gather user feedback and incorporate it into the design process, as we have consulted with our clients to see if our design meets their needs.