berrycords

Playing with the audio-visual experience.

UI Design | UX Design | Branding

Introduction

During my internship at Diversified, I designed the interfaces and experiences of audio-visual conferencing systems. My first assignment was to design an A/V system for a fake company to get to know the nuances of this type of interface.

Who is It For?

While there was no formal research done on the user population, the design team made an inference that most of the user base consisted of people who are middle to upper class and people who are in their thirties or above. They also assumed that this demographic would not be tech savvy.

A persona depicting a possible member of our user base.

Creating a Brand

Using a random company name generator, I came across the name, “berrycords”. I thought it was fun and attention-grabbing, so I used it as the name of my company.

Visual Design

I wanted to use a minimal color palette consisting of a primary color, a dark accent color, and a background color to draw attention to important elements and to avoid overwhelming the user.

The three colors of berrycords.

Typography

I used Rimouski on the splash screen because it felt friendly and its round edges went well with the logo. The type used for rest of the text that appears on the system is Myriad Pro for its great readability and sense of professionalism.

berrycords typefaces.

Logo

The name “berrycords” conjures up mental images of fruit for obvious reasons. I wanted to make a logo that was reminiscent of berries for brand activation.

Some logo sketches.

Finalized logo on the system splash page.

Design System

I kept the circle motif of the logo by embedding it within the system itself. All the buttons and sliders are also circles.

Some system wireframes.

Finalized versions of the interface and its main functions.

What's Next?

If I were to continue this project, I would conduct some usability tests to see how my design holds up against others. User research on target audiences would also be helpful in making more informed design decisions.

View Full Project