CONTEXT

April 2023 - June 2023
(10 Weeks)

Team: Jeanyoon Choi


MY ROLE

  • Main page UI design
  • Information Architecture Ideation
  • Usability testing
  • Prototyping & Animation

TOOLS

FIGMA


OVERVIEW


‘counterpoint is the relationship between two or more musical lines(or voices) which are harmonically interdependent yet independent inrhythm and melodic contour.’



COUNTERPOINT is an interdisciplinary festivalfeaturing new installations, events and performancesimagined and designed by the Information Experience Design MA1 cohort of artists and thinkers in year2023.

The range of works are an opportunity to immerse oneself into the creative responses to questions about the current status quo of our society, cultural context and the very notion of creativity and interdisciplinary.

DESIGN
BRIEF










1.

“Besides the exhibition place, we need an online platform to showcas everyone's work as well”




2.

“Innovative interaction experience that speaks out our programme's ethics.”




3.

“We also have events other than everyone’s work that we want audience to take part.”





 

DEFINE









DESIGN QUESTION












 


USER FOOT
JOURNEY



Our screen would be located right next to the exhibition entrance.

On the floor plan, we annotated the route as well as the moments when interactions happen.













Let’s see how their attention would be distributed, feel free to refer back to the floor plan:















USER EYEBALL
JOURNEY








BRAINSTORM

    




INSIGHT


















SOUND ON

1. We need something to attract audience attention to the screen
    • from the very first place 
    • and also when audience clicked on any work


NOVEL RHIZOMATIC VIEW
KEYWORDS THAT GRAB UP THE CONNECTED

2. All the works should be linked by keywords, to create as many as connections we need to sum up roughly 50 words and let every student choose up to 10 words when submitting their  work digitally.

COMPONENTS


3. due to technical and time limitations the event page has to be as simple as possible and same format as the list view of all the works.


4. how do we adress there’s one view out of the other?


5. how do we notify audience there’s event as well.


Contrast creates emphasis as well as a path for the user’s eyes to follow.


























































DEFINE



SOUND DESIGN

  

Die Sonate Nr. 16 C-Dur (Sonata facile, KV 545)
(out of developer’s personal preference :p)





CONCEPTUAL WIREFRAME







SITE MAP




VIRTUAL
JOURNEY MAP




            





                 























Scroll down the event page ↓














               































Scan QR Code Below & TRY THE REAL PROTOTYPE



        




Iterated version for V&A Digital Design Weekend 2023




RECONCEPTUALIZE
SKETCH






        






          
     


























Collaborator, Developer
       
    Jeanyoon Choi
    https://www.portfolio-jyc.org/