Cynthia Oswald Logo
CO Logo
  • Home
  • Portfolio
  • Agency Services
  • Shop
  • Learn
  • About
  • Blog
  • Contact
  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Cynthia Oswald

Cynthia Oswald

Surface Design, Fine Art + Branding for Creatives

  • Home
  • Portfolio
    • Surface Design
    • Botanical Art
    • Landscapes
  • Agency Services
    • Branding & Logo Design
    • Website Design & Development
    • Website Audit
  • Shop
  • Learn
  • About
  • Blog
  • Contact

Emerging Media

Emerging Media: Interactive Spaces, Essential Oil Product Display

Project Summary

The goal of this project was to create an interactive space featuring some of the benefits and ideas for how to use five different essential oils—lavender, grapefruit, rosemary, peppermint, and eucalyptus. There is little room on the packaging itself, and the font sizes are very small, so this was an effort to create a useful resource for consumers considering purchasing essential oils. I created watercolor illustrations for each oil on the display. I then used the watercolors as inspiration for the label design and the interactive space. The image was projected onto the frame once a user picked up one essential oil, showcasing the benefits and ideas for how to use that particular oil. The photocells read a higher light value once the essential oils were picked up, which triggered the projection to change. This was done using an Arduino and Processing. The code is below.

Background/Initial Idea

I originally wanted to use a Muse headset and diffuse essential oils depending on the readings from the headset. With some research, I quickly figured out this may have major kinks. The other issue was that I wanted to create something useful and visually pleasing. I went with the interactive product display instead.

original sketch for interactive display
Initial sketch for the display
Photocells in the display
Photocells in the display
Essential oils in display
Essential oils resting in the interactive display
Display frame interactive with projector
Essential Oils on interactive display, turned on
Peppermint Essential Oil display
Peppermint Essential Oil moved from photocell

Arduino
One by one tested the photocells with the Arduino
Projector
Tested the designs on the projector
Essential Oil label designs
Essential Oil label designs
Eucalyptus Essential Oil moved from photocell
Eucalyptus Essential Oil moved from photocell
Grapefruit Essential Oil display
Grapefruit Essential Oil moved from photocell

Breadboard
One by one tested the photocells with the Arduino
Display Frame
Display Frame turned off
Essential Oils Interactive Space
Essential Oils on interactive display, turned on
Lavender Essential Oil display
Lavender Essential Oil moved from photocell
Rosemary Essential Oil display
Rosemary Essential Oil moved from photocell

Tools used to complete this project

1. Arduino
2. Photocells
3. Projector
4. Laptop
5. Processing
6. Illustrator
7. Photoshop
8. InDesign

Code

Arduino:
Arduino Code for photocells
int cell0, cell1, cell2, cell3, cell4;

void setup() {
// We’ll send debugging information via the Serial monitor
Serial.begin(9600);
}

void loop() {
// read all the values, save the result in their own variables
cell0 = analogRead(0);
cell1 = analogRead(1);
cell2 = analogRead(2);
cell3 = analogRead(3);
cell4 = analogRead(4);

// print the line over serial so processing can read it
Serial.print(cell0);
Serial.print(“,”);
Serial.print(cell1);
Serial.print(“,”);
Serial.print(cell2);
Serial.print(“,”);
Serial.print(cell3);
Serial.print(“,”);
Serial.println(cell4); // this one has to be a println so the line ends

delay(100);
}

Processing:
Processing code
Processing code

import processing.serial.*;

int lf = 10; // Linefeed in ASCII
String myString = null;
Serial myPort; // The serial port
int big;
float r;
PImage img;
PImage grapefruit;
PImage rosemary;
PImage mint;
PImage lavender;
PImage eucalyptus;

void setup() {

fullScreen();
// List all the available serial ports
printArray(Serial.list());
// Open the port you are using at the rate you want:
myPort = new Serial(this, Serial.list()[1], 9600);
myPort.clear();
// Throw out the first reading, in case we started reading
// in the middle of a string from the sender.
myString = myPort.readStringUntil(lf);
myString = null;
big=0;
r=0;
img = loadImage(“img.jpg”);
grapefruit = loadImage(“grapefruit.jpg”);
rosemary = loadImage(“rosemary.jpg”);
mint = loadImage(“mint.jpg”);
lavender = loadImage(“lavender.jpg”);
eucalyptus = loadImage(“eucalyptus.jpg”);
}

void draw() {
while (myPort.available () > 0) {
myString = myPort.readStringUntil(lf);
if (myString != null) {
println(myString);
String s = trim(myString);
if (s != ” “) {
try {
String[] values=s.split(“,”);

int zero = Integer.parseInt(values[0]);
println(“zero : ” + zero);

int one = Integer.parseInt(values[1]);
println(“one : ” + one);

int two = Integer.parseInt(values[2]);
println(“two : ” + two);

int three = Integer.parseInt(values[3]);
println(“three : ” + three);

int four = Integer.parseInt(values[4]);
println(“four : ” + four);

image(img, 0, 0);

if (zero>100) {
image(grapefruit, 0, 0);
}
if (one>100) {
image(rosemary, 0, 0);
}
if (two>100) {
image(mint, 0, 0);
}
if (three>100) {
image(eucalyptus, 0, 0);
}
if (four>100) {
image(lavender, 0, 0);
}
}
catch (Exception e) {
}
}
}
}

}

Primary Sidebar

Cynthia Oswald Portrait of an artist

About Cynthia

In addition to creating surface design and fine art, I own and manage a boutique branding agency just outside of Phoenixville, Pennsylvania. When I’m not working you can find me chasing my little ones or dogs around our small home, enjoying a fire with my husband, reading, or riding my bike on the river trail near our home.

What are you interested in hearing about?
Thanks! Keep an eye on your inbox for updates.

Recent Posts

  • Featured on CanvasRebel: A Creative Journey Unveiled
  • Choosing the Best Website Platform for You
  • The “Wild Garden” Collection
  • An Interview with Painter, Printmaker & Mixed Media Artist, Sally Richards | Chester County Studio Tour 2023
  • An Interview with Mixed Media Artist, Emily Mullet | Chester County Studio Tour 2023
  • An Interview with Artist & Photographer, Tina Crespo | Chester County Studio Tour 2023
  • Charting Your Creative Path: Exploring Long-Term Career Goals with Bonnie Christine
  • Behind the Scenes of the Vast Views Collection
  • Curate Your Brand In Really Meaningful Ways
  • 3 Simple Steps to Bring Awareness to Your Preferences & Brand Cohesion

Footer

CO Logo

Click here to email me
Phoenixville, PA

News + Resources

Thanks! Keep an eye on your inbox for updates.

Let’s Connect

  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest

Copyright © 2023 Cynthia Oswald | Website Credits | Privacy Policy | Terms