Absolute Security Console

Absolute

Tasks: Ideation, Research and Design | Design artifacts include user flows, IA diagrams, research summaries, sketches and mockups

I am unable to show other design artifacts due to privacy concerns but are available upon request.

Absolute provides persistent endpoint security and data risk management SaaS solutions for computers, tablets, and smart phones. I'm one of the senior designers on the User Experience team responsible for a set of features ranging from end point data discovery to threat remediation, and art direction for the product.

Process

I work with product managers to understand the requirements then begin planning for design. This is a combination of a whiteboard sessions with the design team, conducting preliminary research and having discussions with internal teams that interact with product users. Using this information, I create design artifacts such as user flows and mockups for a possible solution (or provide sketches that the development team can build using our design system). I discuss it with the product manager, technical product manager and engineering lead. If necessary, we iterate on the solution leading to the technical product manager creating epics and stories for the development team to start building.

Outcome

Over the last two years, the design team has helped transform the previous, legacy, Absolute console into a modern enterprise experience. Its function and form continues to evolve to address the demands of the business and the expectations of modern security professionals.

Kiff: Dating App

Kiff Dating App

Tasks: Research and Design | Design artifacts included user flows, IA diagrams, competitive research summary, sketches and mockups

Kiff was the result of a few passionate people trying to solve the problem with conventional dating apps. It was an early stage startup.

Process

The founders proved the need for the product by testing an early prototype with users. When I was brought in, they had developed the initial experience but lacked the usability for a great experience. We conducted some further research to validate the idea and discover any competitors. With this information, I worked with the team to redesign the app.

Outcome

Unfortunately, the founders were unable to secure further funding to continue but served as a learning opportunity for all of us.

Orange Book: Equipment Price Research App

Ritchie Bros. iOS and Android App

Tasks: Ideation, Research and Design | Design artifacts included user flows, IA diagrams, competitive research summary, sketches and mockups

Customer research showed a need for tool that can provide accurate pricing for new and used heavy equipment. On-site observations showed customers evaluating the selling prices based on condition and other influential properties. The objective of the app was to provide real-time predictive data for buyers and sellers to understand market conditions and asset value.

Process

We began with competitive analysis of apps and software in the market that provide similar data. This helped to create a benchmark for a MVP to test market fit. With the help of data scientists, product and marketing teams, we generated several concepts. I started with sketching the best concepts which were converted to Axure prototypes. Guerilla testing helped to quickly validate initial usability. I created mockups for iOS and Android for further testing using InVision, and sharing with stakeholders to ensure we balanced business needs with user expectations.

Outcome

A tool that provides a growing repository of rich industry data in the palm of equipment owners, renters and dealers. Ritchie Bros. continues to be a leading authority of equipment information in the equipment marketplace.

WordCamp 2014: WordPress Conference

WordCamp 2014: WordPress Conference

Tasks: Ideation and Design | Design artifacts included sketches and mockups

Flynn O'Connor, one of the organizers for WordCamp Vancouver, asked me to design the WordCamp Vancouver theme for the 2014 conference. This was my second year helping and it was time that I happy to volunteer to help the WordPress community.

Constraints

WordCamp site is built upon a shared WordPress framework limiting the options for complete customization. The deadline was quickly approaching leaving little time to work through a typical design process.

Process

Flynn and I discussed what the conference site must have. It took a couple days to create sketches then mockups and a basic style guide to hand over to the developer.

Outcome

WordCamp Organizers loved the site. Development was completed quickly. WordCamp 2014 was a success and continues to support a strong community of WordPress developers.

Ritchie Bros. Auctioneers

Ritchie Bros. Auctioneers - Responsive Redesign

Tasks: Ideation, Research, Design | Design artifacts included user flows, IA diagrams, research summaries, sketches and mockups

The objective was to provide our customers with a richer mobile experience. This meant moving away from our mobile site developed for predated usage patterns.

We used a mobile vendor with a proxy service that transformed parts of our desktop site to create a subset for a mobile experience. Proxy rules were pre-configured with little flexibility. Moving to responsive design would give us control over our content and layout. A single web experience would address the proliferation of mobile devices. It would give us the opportunity to reach more consumers in existing and emerging marketplaces.

Constraints

The best approach would have been to start from the ground up but we had recently redesigned our site which involved substantial time, money and resources. It would have been challenging to convince the leadership team that we had to start again. We had to find an alternative because our contract with our mobile vendor was soon expiring.

Process

We decided to retrofit our desktop site to create an optimized experience across multiple devices. A small team of people was put together to examine the responsive transformation. The project focused on four major areas over the eight month time line: site platform changes, discovering breakpoints, adapting content, prototyping and visual design, and testing.

Benefits

Retrofitting provided a cost-effective approach to modify our desktop design for different devices. This helped us improve our marketing and product development across all customer touch points including improved SEO, simplified analytics and reporting, and establishing a single code base.

Outcome

Retrofitting a desktop site is not the ideal solution but not only did it deliver an optimized experience for our users, we gained a competitive advantage in our online marketplace without breaking the bank. Most of all, it put us on the path to future-proofing our experience.

Calvin Pearce Auto Sales

Calvin Pearce Auto - Site Redesign
Calvin Pearce Auto - Wireframes

Tasks: Ideation, Research and Design | Design artifacts included sketches, wireframes and mockups

The objective was to modernize the brand experience and differentiate the business from other competitors in the used car marketplace. We accomplished this by infusing consistency and Calvin’s essence as a superior business owner within the brand identity and designing a digital experience that supersedes the competition. Additional design deliverables included a style guide, a new logo and business cards.

Process

I had a Calvin work through a creative brief so that we understood the goals, success and outcome of the redesign. It took a couple sessions to discuss leading to ideation for re-branding and redesign of the logo, business cards and website.

Constraints

Budget and time constraints prevented the build of a responsive experience but the design process and approach accounted for a scalable solution. When Calvin has the budget he can create a mobile experience without much effort.

Outcome

Calvin continues to receive positive feedback from his customers. The improved experience has boosted site traffic and conversions.

Morning Gazette WordPress Theme

Montreal Gazette WordPress Theme
Montreal Gazette WordPress Theme

Tasks: Ideation and Design | Design artifacts included sketches, wireframes and mockups

Flynn O'Connor, built a responsive WordPress theme. It is designed for editorial content. It relies on composition and typography to enhance the reading experience across devices.

It began as a idea to gain a deeper understanding of designing and developing a premium WordPress theme. After refining the idea, we sketched some ideas. Sketches were converted to Omnigraffle wireframes. While Flynn worked on constructing the framework using the wireframes, I worked on the visual design to demonstrate the complete experience.

Ritchie Bros. Unified Online Experience

Ritchie Bros. Single Web Unification Concept
Ritchie Bros. Single Web Unification Concept

Tasks: Ideation, Brand Strategy, Research and Design | Design artifacts included mockups

My primary responsibility as the senior designer for the company was to improve the usability of all products. The objective of this concept was to demonstrate the unification of individual solutions for buyers and sellers of equipment under a single web experience. Customers could transact with a single source, the business could align multiple sites and continue to position itself as the leading entity in the global equipment marketplace.

Issues

The expansion of the Ritchie Bros. website portfolio began to fragment the experience for customers. They had to use different sites to complete a single transaction. It was time consuming and resource intensive to create and maintain each one. Analytics and reporting took time to aggregate and provide insights, and only some were optimized for mobile.

Outcome

The art director, the lead developer and I spent several weeks working through the issues from brand strategy, technology constraints to customer expectations. The concept was presented to the leadership team for consideration.

Careers at Ritchie Bros.

Ritchie Bros. Careers Website Design
Ritchie Bros. Careers Site Design

Tasks: Ideation, Research, Design and Development (HTML/CSS Templates) | Design artifacts included IA diagrams, research summaries, sketches and mockups

The HR department lacked the online presence to communicate with potential candidates. The existing experience was part of the ecommerce site which often confused potential applicants and did not fully integrate with the application system. A new website was created to support the development of the employee brand and overall strategic company goals.The experience focuses on the Ritchie Bros. core values. Design provides an immersive experience into the company culture, diversity of people and career opportunities.

Constraints

The application system was provided by a third party with very little customization abilities. We had two months to design and launch the site. The system was deferred to a future phase. We made only some minor adjustments so it aligned with the new site.

Process

We conducted competitive analysis of other brands. Analysis combined with stakeholder interviews lead to the creation of the new IA and wireframes. The Art Director, Copywriters and I worked together with the HR department on the employee brand strategy which seeded the visual design, print and advertising material. Mockups were converted into code and delivered to the development team for CMS integration.

Outcome

The new experience has drastically increased the recruiting experience. It has helped the company attract candidates with the attitude and work ethic to succeed and help the company continue to grow as a leader in global equipment marketplace.

Saturhack: Coding Collaborative

Saturhack - Single Page Design

Tasks: Visual Design and Development (HTML/CSS Templates) | Design artifacts included mockups

Saturhack is a weekend gathering of web designers and developers looking for a collaborative atmosphere to work on their projects. Its a space to share ideas and learn from other professionals. Its the equivalent of a meetup group without a topic or speaker.

Two of the organizers of Saturhack, Flynn O'Connor and Brian Pearce, asked me to help design a single page to publish group information.

Michael Reid. PhD.

Michael J.C. Reid - Responsive Website Design

Tasks: Ideation, Research, Design and Development (HTML/CSS Templates) | Design artifacts included IA diagrams, sketches and mockups

Michael recognized the need for an online presence as a teacher, author and anthropologist. It would help him to promote his skills and experience with colleagues and grant proposals.

Process

Starting with the creative brief, we worked through what the goals, constraints and success looked like. I created and reviewed the IA, wireframes and visual design with Michael. When approved, I converted the design into code.

Outcome

After launch, his online presence was discovered by the studio that created the new Planet of the Apes movie. It resulted in Michael consulting on the movie and leading to TV appearances.