14 Documentaion
& Refinement

This week was all about preparation and professional framing. As the Grad Show approaches, I focused on high-quality documentation of my work and expanding atmost-forest to be mobile-accessible. I also spent time reflecting on a significant job posting from Toss that felt like a direct validation of my research journey, the shift from being a tool developer to a visual coder and experience designer.

  • Week-fourteen
    13 ~ 19. April, 2026
  • Journal-by
    Choi Yerin
  • Keywords
    • Gradshow-prep
    • Documentation
    • Mobile-optimization
    • Perspective

Documentation

After Open Studios, I realized that my casual photos didn't do the work justice. The backgrounds were messy, and the lighting didn't capture the felt quality of the screens.

atmost-forest-documentation atmost-forest-documentation

I set up professional lighting and backgrounds in the studio to take clean, high-quality photos of my prototypes on the laptop. It also took time for me to adjust lighting, to reduce the reflection on screen blocking the view. I then used Photoshop to clean up any distractions.

Mobile Optimization

One of the key feedbacks from Open Studios was that visitors wanted to explore the sites on their own devices. Also through the brief, I realized that I could put my qr code for the site under the design statement.

> Mobile version

Challenges

Building the mobile version of atmost-forest was much harder than I expected. The page wouldn't scroll on mobile devices. I discovered that Spline's canvas has its own internal touch event handlers that call preventDefault() on every touchmove. Essentially, the canvas was telling the browser, "I'm handling this touch, don't scroll." Therefore, GSAP ScrollTrigger never saw any changes.

The Solution

Default bubbling listeners were too late, since the canvas had already blocked the event by the time it reached them. The solution was using capture: true. This allowed the handler to trigger before the event even reaches the Spline canvas. I also switched from scrollBy() to scrollTo() to avoid race conditions with the momentum loop.

I’ve been building the mobile version of atmost-forest this week. My goal is to have a QR code ready for the Grad Show so people can bring the experience into their own hands as well.

Inspiration & Reflections

I came across a job opening for a Visual Designer at Toss (Korean banking app) that perfectly articulated the era I feel we are entering. Toss explained that they are moving away from technical-based roles (like Brand vs. Product designer) because tools like AI and code-prototyping have leveled the playing field.

This inspired me deeply. It aligns with my research and thinking. It’s not just about knowing how to code or how to use Spline, but having the eyes, intuition, and Atmospheric Competence to judge if the design actually feels "right" for the brand.

"What has become important is the ‘sense to judge what is a good visual’ and the ‘persistent attitude’ to raise quality by any means necessary."

Even though I focus on UI/UX and digital experiences, I’ve always been visual-driven. This posting confirmed that my path of becoming a designer who uses code and AI as "methods" to achieve a high-quality visual and experience result, is where the industry is heading too.

Reflections

Preparing for the submission, viva voce, and the final grad show helped me a lot to look back and iterate again, and also look in a more applied ways. I’m feeling proud of how far I’ve come from having "just ideas" in Semester 1 to having a documented, tested, and professional suite of work. I'm ready to present myself not just as a tool-user, but as a Visual Designer who crafts felt experiences.

Next Steps

Since the graduation project submission is next week, and viva voce is coming, I will be working mostly on presentation and further documentation including catalogue of making and videos. Outside of that, I will be keep refining the prototypes' experiences within the spare time.