Back

ERAMO

A product system that helps users intentionally capture, collect, and curate sentimental physical and digital artifacts to future revisiting, reflection, and celebration.

Tools + Skills

Sketching, Storytelling, User research, SolidWorks, Figma

Duration

7 weeks, March - May 2021

Team
Team Role

User research, product development, SolidWorks, UI design, wire-framing

Goal

Design a high tech, enhanced interaction experience.

Process

Research, ideate, sketch, physical model, design, digital model, iterate, polish

Product use scenario video

This video follows Jess, Cam, and Mel, and their experiences with using the ERAMO product system in order to document their experiences.

Final design for physical capsule

Form for ERA (time) and AMO (people) capsules. These hold and lock any cherished physical artifacts to keep them safe for reviewing later.

ERAMO system hangs on wall using mounts

ERAMO capsules hang on the wall through a customizable wall mount system. Wall mounts can be attached to the wall in any sort of pattern the user so desires.

Wall mount system

This is the wall mount system that hangs the capsules on the wall. It includes a bracket and a base plate that the ERA and AMO capsules can snap into.

Artifact collecting tools

ERAMO kits come with a set of collecting tools that fit the user's desired collection method. These tools include the texture press for remembering larger artifacts the user cannot take with them, the scent bottle for collecting aromas, and the pouch and laminating sheet that helps elevate and protect small items and flat items respectively.

Wall mount brackets and screws

Names for capsule parts

Abstract wall mount placement

Wall mount with capsules inserted

Capsules on wall (off)

Capsules on wall (on)

Creating a capsule: bluetooth connect

Creating a capsule: capsule found

Creating a capsule: add information

Processing photos: viewing

Processing photos: skipping/removing

Processing photos: keeping

Saved artifacts: home page

Saved artifacts: physical

Saved artifacts: digital

Completing curation: locking capsule

Completing curation: locked state

Completing curation: unlocked state

Revisit capsule: none selected

Revisit capsule: searching

Revisit capsule: selected

Branding language guide

This is a summary of the color, style, and type used during the project for consistent brand language.

Process

We started by conducting research about sentimental artifacts (such as photos, souvenirs, and cards) and how people like to document their life. We conducted interviews, surveys, and used generative research methods such as make tools and collaborative storyboarding. With our findings, we used affinity mapping to consolidate our research into a few key ideas that people desire with sentimental artifacts and two main themes.

Research findings affinity map

Research Findings

Emotional distance

is needed before revisiting memories

Effort

makes artifacts more valuable and special

Physicallity

is irreplaceable

Documentation

of large events and the day-to-day are wanted - these collections aid memory

Theme: Nostalgia

people feel sentimental about the past - they want to remember the bad just as much as the good

Theme: Identity

people create and collect things that reflect their identity

Through the project, we had a few different “how might we” statements that helped guide our process. We ended up with a more general “how might we” statement so that our product could address a wider range of problems and work from several potential solutions. Our research helped inform our statement which guided us in our project.

How might we aid intentional capturing and collecting of sentimental artifacts for later enrichment?

We then drafted a set of product constraints and desirable properties based off our research. From there we developed a framework for our product system to help inform the steps or interactions in our product system.

Digital Process

Initially we planned on creating an entirely new photo capturing experience on mobile devices by giving a phone a physical product attachment that alters the way we interact with a phone camera. For instance, instead of clicking the screen to take a photo, one could click a physical button.

As we developed our system further, our emphasis shifted towards collecting and curation. Thus, our capture system simplified and turned more into a form of organizing and sorting photos quickly rather than changing how users take photos.

App flow diagram

Using the app flow diagram to guide us, we created a few rough interfaces to get a sense of how the app would work with the capsule and rest of the product system. These initial screens helped inform the sorts of interactions we needed to prototype hi-fi in order to explain the app’s role in the product system. It also helped us develop a list of UI components to design.

Lo-fi app mockups

We created a few UI components using the ERAMO colors and font choices in order to keep the interfaces consistent.

App Components

Physical Process

From the product constraints and the system’s general flow through capture, curate + collect, and celebrate, we began ideating through rough sketches of products and how they would encourage to a few specific interactions. Jumping off the initial sketches and using them as a starting point for conversation, we began sketching more through storyboards about our product and how a user might interact with it. Looking back at our product constraints and product flow guide with the capture, curate, collect, celebrate system we worked on refining our storyboard.

Interaction storyboards

We turned some of our sketches into 3D models using SolidWorks. We decided to use surface modeling to get better control over the details of the curved concave and convex surfaces for ERA and AMO. Modeling in SolidWorks let us see our ideas more precisely in a semi-3D medium. This allowed us to have better conversations about form.

Although we weren’t at the rendering stage yet, we rendered a few models of our ideas to get a sense of how light interacted with the form’s surfaces and to create a more realistic looking artifact. All this contributed to being able to discuss our product form more in depth and describe ideas and new iteration approaches to one another. We worked between modeling and sketching.

Sketches

3D model renders

3D model renders

© 2021 Janet Peng. All Rights Reserved. Designed with Webflow.