Design Studio 1
Part C
By Jane Sun on October, 2017
Part C was the final delivery milestone. I took responsibility for code consolidation and the majority of the late-stage improvements, while delegating the trade show poster, presentation materials, and documentation to the other three team members. The key product change in this phase was a shift from a purely playback-and-edit experience to a collaborative one: users were invited to help correct transcription errors by viewing the original score alongside the digital version and submitting corrections directly. To support this, I added a drop-down score viewer and a 'send to us' function that persisted user-submitted data to the backend. I also completed the music box page, enabled QR-based sharing and submission, consolidated the full codebase, standardised the CSS, and deployed the final product.
Process: Development was split across the team by feature area — home page, music box, gallery, and social sharing. One week before the deadline, I integrated all branches into a single cohesive codebase, resolved conflicts, and prepared the site for deployment. Full documentation and trade show preparation ran in parallel; see the Trade Show for details.
Reflection: The most significant lesson from this project was the cost of not establishing a shared CSS framework and a designated integration lead from day one. Merging independently developed components created avoidable rework in the final week. Looking back, the delivered product functioned well as a proof of concept, but would have benefited from at least one more round of user testing against the implemented interface — something the User-Centred Design lifecycle would prescribe as the natural next step.





