uDo Platform

Enterprise software
Customer Interviews | Personas | UI Design | User Testing | HTML/CSS/Javascript

Problem

Modern offices have a lot of administration. Visitors are coming and going, there is shipping/receiving, and even special events in session – it can get complicated to keep track of everything going on. The uDo platform puts multiple services in one place so companies can see analytics of shipping, visitor management, and events in one place.

A dashboard design to analyze shipping expenses on the uDo platform

My Role

As a full-time UX designer and UI developer, I was tasked with solving user problems every day and then making them come to life with HTML/CSS/Javascript. From interviewing customers to discover pain points, to ideation sessions with the engineering team, I used various techniques to create the best experience possible for users. Everything came together to create innovative business applications for corporate customers.

Unique Analytics for uVisit Service

One application provide is visitor management. Instead of filling out a form, the uVisit application allows users to sign in at the front desk of a company, and the person they are visiting gets automatically notified. Talking to users, we realized with many visitors they often couldn't put a face to a name. By adding a photo to the visitor profile, and allowing admin personel a powerful but simple search phrase, it greatly improved the usefulness of the application.

The design shows the visitor photo to help people remember who they have seen, and the powerful search finds related visitors at that company.

Result

With one central interface for many services and multiple service providers, the uDo Platform has gotten rave reviews from customers so far. Customers say the unique analytics and personal interface have made uDo stand out from competitors and is a pleasure to use.

See all designs live at: www.machool.com

Close Project

DHX Media Projects

DHX Media Projects
User Interviews | Wireframes | Design | Invision Prototype | User Testing

Creating a better client feedback tool.

Problem

DHX Media, an animation studio needed a collaborative feedback tool so that internal employees could send assets for external clients around the world to review. After completing interviews with managers and coordinators, a key finding that shaped the design was found.

Editor Mode

Previously, each asset was printed out and clients would write comments and scan them back to DHX media. This was inefficient and often some comments were missed. Videos were especially hard to give feedback on. The solution was "Editor Mode" a mode where a user could click on any assets and write comments or draw -- even on video assets.

A clickable prototype made usability testing a breeze. Admin staff were engaged in the design process and could use the review tool easily.

Result

The result was happy and engaged stakeholders, who were excited to start using to new feedback tool and promoting it for client collaboration. This project was completed under a non-disclosure agreement, more information available upon request.

Close Project

Stash

A mobile banking feature
User Research | Interviews | Information Architecture | Design | Prototype | User Testing

Saving money is boring. The goal was to find a way to persuade millenials to save money in a fun way.

Process

Through a lengthy research process, the solution was Stash: a feature within an existing banking application that uses geolocation notifications and a save-as-you-spend system. One of the main challenges was making to onboarding process as easy as possible. There are over 70 financial categories you can choose to save money with, but by giving them fun names like Caffeine Addict or Bar Star, users can easily choose a category to start saving with.

Result

The result was a tested concept that young people told me they needed to have. Winner of Best Graduate Project by Vancouver Film School's Digital Design.

Close Project

Imagine Nation

Social Media Strategy & Microsite Design

Imagine1Day, a local charity that provides education to Ethiopians approached us to create a social media solution to bring awareness to their cause.

Process

Working on a team with a programmer and two motion designers, we completed 16 user interviews and discovered there is a disconnect between millennials and bringing education to Ethiopians. There are so many great charities out there, the target demographic doesn't have a connection to imagine1day. We set out to bridge this gap, brainstorming many ideas.

Result

The solution was a microsite that showcased side-by-side leadership stories from Ethiopia and North America. By sharing these stories, millennials can connect with imagine1day students and staff and find out what they share in common.

imagine1day were very happy with the work and said we had understood their brand better than anyone they had worked with before.

Role: Project Management, Information Architecture, Interactive Design

Close Project

Gems Mobile Application

A mobile shopping experience.

Problem

In this age of e-commerce, how do you improve the one-of-a-kind shopping experience? Many unique items are available in local boutiques but not on-line. This project examines a modern approach to custom retail experiences.

Result

The solution was a concept that allowed users to find rare shopping gems in their city and buy directly from a smartphone. By integrating with Card.io, users can easily and securely save their credit card information within the app.

Role: Branding, User Experience, Mobile Application Design

Close Project

Grumpy Vancouver Weather

Experimentation with animating SVG and API integration

Vancouverites are accustomed to grey skies and the constant drizzle of rain. The concept behind this project was to add a little humour to the act of checking the weather. The website gives the weather forecast exclusively for vancouverites, paired with fun illustrations of the grumpy forecast.

Process

I started by coding the functionality of the site by using the WeatherUnderground API. I sketched icons based on all the possible weather states and brought them into illustrator. Exporting SVG vectors allowed for extremely small files that could be animated with CSS animations to bring life to the design.

Result

The final result is a playful responsive design that tells you the weather in Vancouver, BC.

Close Project