Live Project with R/GA
Computation in Design
2023
B-DC 232
Live Project with R/GA
Computation in Design
Live Project with R/GA
2023
B-DC 232
Live Project with R/GA
Computation in Design
Activations through Interactive Experiences
Activations through Interactive Experiences
1.1
Introduction
Activations help brands engage directly with their customers through unforgettable interactive experiences.
This brief challenges you to design a brand activation in the form of an interactive experience in a public space, that encourages participation from the brand’s target audience.
2023
B-DC 232
Live Project with R/GA
Computation in Design
1.2
Activations through Interactive Experiences
Background and Profile
Joe Chung is a senior creative technologist at R/GA.
What is R/GA? We are a brand, product and communications company. We deliver our best work when brand, design and technology come together to bring magic. From redesigning the future of mobility to shaping creative, future-forward ideas for traditional industries, we do it to build a more human future for all.
On a day-to-day basis, Joe uses technology to help provide creative solutions to help companies reach their goals – be it to launch a new product, raise awareness about various functions, tell their brand story, or more – all with the vision of creating exciting experiences for the end-user, and building the brand’s credibility.
2023
B-DC 232
Live Project with R/GA
Computation in Design
Brief
Brand Activation
Creative Coding
Experimentation
Interaction Design
New Technologies
Play
Prototyping
2023
B-DC 232
Live Project with R/GA
Computation in Design
Brief
2.1
Focusing on visual and interaction design, you will ideate, design, and prototype experiences that showcase the product of a fictional client. As part of the learning journey, you will go through an iterative process typical to client work in this area, which includes client objectives and incorporates client feedback, while balancing that with the overall conceptual goals that the activation set out to achieve.
Students will work in teams of two or three to create their proposed designed outcomes and document the process. Both will be presented on a microsite. Throughout the project, students should come prepared to build working prototypes. Technical challenges will be addressed and discussed in class to balance requirements, skills, and abilities, leading to a convincing and enjoyable result.
Brand Activation
Creative Coding
Experimentation
Interaction Design
New Technologies
Play
Prototyping
2023
B-DC 232
Live Project with R/GA
Computation in Design
Process
2023
B-DC 232
Live Project with R/GA
Computation in Design
Process
Activations incorporate several elements such as interaction design, visual design, and technical design. Successful activations invites the visitor to play, blending these elements beautifully into the background, resulting in an immersive, cohesive, and unforgettable experience.
In this project, you will conceptualise and prototype an interactive experience that will serve as a proposal for an installation to effectively communicate the client's product through an engaging experience. You will receive feedback on the concept and prototype you develop, which will guide the iteration of your proposed ideas and designed outcomes.
2.2
Activation
2023
B-DC 232
Live Project with R/GA
Computation in Design
Process
Activations for brands what makes an activation unforgettable for visitor and client
Kickoff based on a client project briefing and working in teams, explore three possible concepts for the activation to propose to the client, where one will be selected for development
Prototypes create prototypes of different kinds to help the client understand the activation
Test and Refine create a test-scenario and invite users to test and evaluate your prototypes, against client criteria
Share document process, outcomes, proposed future activities, these will be made available online through a microsite
2.3
Activation for brands
TIP: At each stage, plan your workflow by considering how you will split the workload within your group.
2023
B-DC 232
Live Project with R/GA
Computation in Design
Process
1. Mock Client Presentation
2. Microsite containing process and outcome documentation (provide URL to site accessible online and source files to be submitted, template can be provided)
2.4
Final Deliverables
TIP: At each stage, plan your workflow by considering how you will split the workload within your group.
2023
B-DC 232
Live Project with R/GA
Computation in Design
Glossary
Zoom Lab, prototypes by Lasalle's Media Lab and alumni. Part of the Faculty of Design exhibition Encounters, Institute of Contemporary Arts Singapore, 2019.
2023
B-DC 232
Live Project with R/GA
Computation in Design
Glossary
Brand Activation
A brand activation is a process that involves creating experiences that allow an audience to interact with a brand, product or service. The objective of a brand activation is to build brand awareness, drive engagement, and increase loyalty through an experience that will leave a lasting impression on the audience. The idea is to create an emotional connection between the consumer and the brand, which can help to drive visibility and build a long-term relationship.
Interactive Experience
An interactive experience is designed to invite and engage the audience through participation in an activity. The experience should be intuitive and playful, allowing the audience to engage without the need for instructions.
2023
B-DC 232
Live Project with R/GA
Computation in Design
Interaction design
Interaction design is the design of digital products and services that focus on user behaviour and engagement. It involves designing the user interface, user experience, and the system's overall behaviour. Terry Winograd, a key figure in the field of human computer interaction, described interaction design as "the design of spaces for human communication and interaction." It requires an understanding of human psychology, communication, and social sciences to create products and services that are not only functional and usable but also delightful and engaging for users.
Experiments, Prototypes
An experiment here refers to quickly testing an idea, practising by trial and error, just making, trying and testing the unknown (technique), and learning through a process of approximation and correction until a satisfactory state is reached. A prototype, on the other hand, should show more intent and planning. It can be derived from a previous experiment. A prototype should be testable (by users, a target audience), refined and eventually lead to the final design outcome.
Glossary
Installation
An installation is a designed outcome that exists in physical space, ranging from immersive environments of interactive projections, to an object prominently presented in a space, to a curated arrangement of smaller artefacts presented in an exhibition-like display. An installation here is intended to stimulate audience engagement through playful participation and interaction.
2023
B-DC 232
Live Project with R/GA
Computation in Design
Creative Coding
Creative coding refers to the practice of using computer programming to create original works of art, design, and other forms of creative expression. It involves the use of code as a tool for artistic and interactive exploration, experimentation, and creation. Processing, p5js, and TouchDesigner are software tools commonly used in creative coding to facilitate the creation of interactive digital art, installations, performances, and other forms of new media. These applications allow artists and designers to use programming languages to manipulate digital media and create dynamic, interactive experiences for their audiences. Creative coding combines traditional artistic practices with technology and coding to explore new modes of creative expression and to push the boundaries of what is possible in art and
design. Creative Coding can be used to generate screen-based visuals in real-time, interactions with computer systems through digital and physical interfaces, design of 2D or 3D objects that can be digitally fabricated, and more.
Coding Spectrum
No Code
Low Code
Some Code
All Code
Requires few to no code to quickly build an application. This doesn't mean there is no code involved, the code just all runs in the background. Often purely UI, pull-down and drag-and-drop based.
Similar to No Code, however, some code is exposed in the application development environment you are using. Although often related to visual programming environments, a basic understanding of coding concepts is useful.
Limited to the tool
Some customisation possible
Some coding skills required
Build your own
Wordpress
TouchDesigner
Code templates
Blender
html, css, JavaScript
Code frameworks (p5js, Processing)
Scripting
Arduino
Unity
Knowing and understanding some code as a designer allows you to innovate, collaborate better, and communicate across disciplines when technical expertise is required. Basic knowledge in software and hardware development required–can be acquired through practice.
This is when you are able to build your own software with ease. Needless to say this needs time and practice but allows you to create your own tools applied to your design practice.
Cargo and similar platforms
Figma
Spark AR
Prompting (Midjourney, Dall-e, etc.)
Pen and Paper
Text Editor
Any programming language
Command Line
Git
2023
B-DC 232
Live Project with R/GA
Computation in Design
Weekly Outline
Week 9
Thu 9 Mar 2023, 2:30pm
Introduction to the project
In class ideation, group work and discussions
Week 10
Week 11
Week 12
Week 13
Thu 16 Mar 2023, 2:30pm
Presentation of 3 concepts, selecting one to develop
In class development, review of work
Thu 23 Mar 2023, 2:30pm
Workshop for visual design, interaction design, technical aspects
In class development, review of work
Thu 30 Mar 2023, 2:30pm
Consultation for design, and discussion on results of testing
Thu 6 Apr 2023, 2:30pm
Sharing outcomes and documentation in the form of a presentation and a microsite
2023
B-DC 232
Live Project with R/GA
Computation in Design
Resources
Software
Recommended software is p5js, TouchDesigner, and/or Arduino to experiment with–a set of tools that are used in a design prototyping phase to sketch and develop working prototypes.
Readings
Acknowledgement
The programme would like to thank the following folks from R/GA for their invaluable contributions: Joe Chung, Diane Leow
Visnjic, Filip. CreativeApplications.Net, 10 Jan. 2023, https://creativeapplications.net. link
Laurel, Brenda. “The Nature of the Beast.” Computers as Theatre, Addison-Wesley Pub. Co., Reading, MA, 1993. link
Stapley-Brown, Victoria. “Bob Greenberg and the Design of Everything.” R/GA FutureVision, 19 Nov. 2022. link
Brady, Shirley. “The Nike Live Secret to Retail Success: The Human Touch.” R/GA FutureVision, 4 Nov. 2019. link
Anderson, Stephen P. Seductive Interaction Design: Creating Playful, Fun, and Effective User Experiences, Portable Document. Pearson Education, 2011.
2023
B-DC 232
Live Project with R/GA
Computation in Design
Lets do this.
2023
B-DC 232
Live Project with R/GA
Computation in Design
Submission Deliverables
2023
B-DC 232
Live Project with R/GA
Computation in Design
1. Concept and Mock Client Presentations (to be submitted via Google Drive folder, all presentations in .pdf format)
2. Microsite containing concept, process and outcome documentation (provide URL to site accessible online and source files to be submitted as .zip included in the Google Drive folder, template can be provided)
Google Drive folder
Each student to create a Google Drive folder and include their presentations as .pdf files and the microsite source files as .zip
cid-live-project-rga-2223
By Andreas Schlegel
cid-live-project-rga-2223
- 257