About Me

Hey! I am a creative and passionate developer who designs and builds applications, bringing imaginative concepts to life! Recognized for a results-oriented mindset, I specialize in leveraging my strong problem-solving skills, deep technical expertise, and a commitment to continuous learning to drive business growth.

Contact

Human-Computer Interaction

Project Name: The Relationship

Visual Summary

Project Description

An expressive and delightful web-based video conferencing app for my 8-month-old client to talk to his grandparents during Covid.

My Client

The interaction challenge here was to create an interface that was asymmetrical. The grandparents who are tech savvy were interacting with a baby. This meant that there would need to be strong visual cues for Rhys and simple yet fun interaction.

Interaction Design

Speech recognition for 8 different animal noises that Oma/Opa can make and add to the blocks. Until Rhys is given permission the display looks "boring" and meant for Rhys to not engage and wave his hand.

Design Rationale

Because Rhys likes knocking over blocks but not making a tower, I decided to engage both parties with a task. Oma & Opa would build a tower using different animals by making animal noises and Rhys would destroy it by waving his hand.

Sketches

1 / 16

Project 2 Brief

Everything given to us related to the project.

2 / 16

Obstacle Course/Maze

Rhys goes through a course set up by oma/opa.

2 / 16

Learning the Alphabet

Popping balloons that have letters on them.

2 / 16

AR Animal Zoo

Creating a story/animation with live animals.

3 / 16

Nursery Rhyme Karaoke

Sing along with Rhys' favourite nursery rhyme with animations.

2 / 16

Making Shapes

Create random shapes and move them around together.

4 / 16

Pictionary

Rhys guesses animal by picking one of his correct toys.

2 / 16

Book Reading

Read a book together and match the word with its picture.

5 / 16

Wrecking Ball

Move a wrecking ball to smash the blocks!

6 / 16

Face Painting

Rhys paints oma/opa's face and vice versa.

7 / 16

Making Music

Rhys uses his toys to create music with oma/opa.

9 / 16

Iteration #1: Box Explosion

The idea I decided to go with. Click and explode boxes.

10 / 16

Iteration #2: Sound Activated

Rhys claps to move the boxes and smash them.

11 / 16

Iteration #3: Personify Blocks

Animals instead of blocks with a jungle theme.

12 / 16

Iteration #4: Hand Gesture

Use hand motion to destroy the tower!

13 / 16

Iteration #5: Learn the Alphabet

Blocks have letters on them with speech recognition.

14 / 16

Iteration #6: Control Rhys

Control when Rhys can move his hand so it's not random for him.

15 / 16

Iteration #7: Animals on Boxes

Make animal sounds and put an image of it on the box.

16 / 16

Iteration #8: Rhys Visual Feedback

Stronger signal for when Rhys can move his hand.

16 / 16

Iteration #9: Peek-A-Boo

Hide animals behind blocks!

16 / 16

Iteration #10: Blocks With Animal Physics

Each block has its own animal with its own physics property.

Video Demo