The Brief: Create a responsive website for RxBIO, a biotech product distributor.

The Team: UX Design: Michael Mabee, Sebastian Mendez & Shubhani Jindal
UI Design: Gerald Bautista

Image for post
Image for post

Our Starting Point

Image for post
Image for post

With them being a brand new entity, RxBio’s current site is a placeholder — no significant content, product information or copy about the company — so we were essentially starting from scratch.

At the outset we were told we would be creating or locating all of the content: writing the copy and shooting or sourcing any photos or illustrations that we were going to be using.

From the UI perspective, they did have a logo and colour scheme in place, but the brand guidelines were entirely ad hoc. …


The Brief: Create a responsive website for RxBIO, a biotech product distributor.

The Team: UX Design: Michael Mabee, Sebastian Mendez & Shubhani Jindal
UI Design: Gerald Bautista

Image for post
Image for post

Our Starting Point

Image for post
Image for post

With them being a brand new entity, RxBio’s current site is a placeholder — no significant content, product information or copy about the company — so we were essentially starting from scratch.

At the outset we were told we would be creating or locating all of the content: writing the copy and shooting or sourcing any photos or illustrations that we were going to be using.

From the UI perspective, they did have a logo and colour scheme in place, but the brand guidelines were entirely ad hoc. …


The Brief: Design Santé Circle Health’s workplace accommodation app SAM, with an emphasis on user comfort and usability.

Image for post
Image for post

The Problem

Santé Circle Health was looking to roll out an app to help people get the workplace accommodations that they need to get back to work, based upon a significant set of diagnostic questions.

Research

As a base, we were drawing from our client’s lifetime of experience in the field. To get a fuller picture of people’s experiences in this space, we interviewed eleven people involved in all aspects of the workplace accommodation process: healthcare professionals, managers, evaluators and blue and white collar workers (our users) who had prior experience of the disability and workplace accommodation process. …


Brief: Redesign Planned Parenthood Toronto’s website (www.ppt.on.ca) to make it work for its users and the organization.

Image for post
Image for post
A mock-up of the final Planned Parenthood Toronto home page

The Problem

Planned Parenthood Toronto (PPT) has a website that is broken, doesn’t reflect their values and is difficult to navigate, rendering their wealth of content inaccessible.

Image for post
Image for post
The User Journey with the current site, starting with the scenario of dealing with a possible STI.

Research

At the outset of the project, we were presented with a gigantic amount of material by PPT’s Communications Coordinator and Research Director. We waded through all of it, taking in the scope of the work they do and absorbing the organization’s philosophy.

We were also given incredible access to their staff. We held in-depth interviews with all of PPT’s key stakeholders — everyone from the board of directors to youth clients — to determine the organization’s viewpoint, their approach to relating to their clients, how they were managing with the site as it is, and their needs moving forward. …


A UX case study for e-commerce in Toronto’s Kensington Market

I’m studying UX Design at RED Academy, after a more than a decade as a editorial designer. This is the case study for my second project, Experience Kensington.

Image for post
Image for post
Photo: blogTO.com

The Opportunity

For this project, my team’s challenge was to delve into the culture and ideas of Kensington Market’s shoppers and vendors, and to explore options for a viable entry point for e-commerce within the market (via desktop website).

Research

We put together in-depth interview questions for Kensington’s vendors, hoping to discover who they are, how their businesses were doing in the face of substantial online competition, what their goals are and how they are going about attaining them. …


I’m studying UX Design at RED Academy, after a more than a decade as a editorial designer. This is the case study for my first project, FDUP.

The Opportunity

A the outset of the project, we were given a partner, told to find out about them and solve an everyday problem for them, with the solution coming in the form of an app.

Research

I built an interview script that would explore as many aspects of my partner, Sebastian, as possible, while giving me insights into the issues he may be having in his daily life.

Image for post
Image for post

Sebastian is a healthy, active, well-educated 25 year old student (he already has an engineering degree), who is looking to better himself, solidify his future and improve his habits. Socially, he is family-oriented, outgoing, spontaneous and conscientious of others. He is interested in the arts (design, photography & music), participating in sports (volleyball & rock climbing), technology & gaming (PC) and world travel, pursuing all of them regularly.

The pain points in his everyday life are forcing himself to wake up and his urge to gain weight in a healthy way (he is somewhat underweight).

I elected to try to solve the latter problem for him, as Sebastian has tried quite a number of apps and fixes to try to wake himself up. …

About

Michael Mabee

Multidisciplinary designer and recent graduate of RED Academy. See more at www.michaelmabee.com.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store