Andy Thomas - Visual Designer & Front-end Developer

my cv
×

Here are some recent examples...

×

BookNet Canada

SalesData

SalesData is the flagship product offered by BookNet Canada thats used extensively by the Canadian and international publishing industry, Libraries, wholesale and commercial book retailers. It reports marketing data for the trade print book market.

Building the new version of SalesData, it was based on a completely new backend infrastructure and DB, I took the business requirements and developed new branding, IA and site map, wireframes for over 20 new pages and complex components, all page templates and a comprehensive style guide. As well I but a custom HTML5/CSS3 responsive framework.

Wireframes

Wireframe for TitleISBN Report Wireframe Bestseller Criteria page Wireframe for Add BISAC Subject modal

Visual Style guide and practical code samples

+ View the live style guide

Visual style guide

Mockups & Front-end Development

+ View SalesData3 beta Homepage My Reports page TitleISBN report page Save, Share, Automate wizard *please note, this site is in closed beta - please contact me if you would like access, thanks*

next »

×

Marie Curie Cancer Care

Marie Curie provides care and support for people living with terminal illness and their families in the UK.

Throughout my time at Marie Curie Cancer Care, I was responsible for many unique promotional campaigns. Everything from microsites for fundraising events and adventures, designing and developing holiday shopping catalogs and pages for donations and volunteering. The following are some examples from my time there.

Microsites

Everest Challenge

In anticipation of the event, I designed and built a fundraising microsite, several emailers, as well as banners and other collateral to mark the event.

Everest Challenge Everest Challenge

The Great Daffodil Appeal '09

An annual Marie Curie Cancer Care fundraising event with national recognition (UK). I designed and built this microsite based on newly developed branding and guidelines. It also featured volunteering and special event information, a google map location finder and collection registration.

The Great Daffodil Appeal '09 The Great Daffodil Appeal '09

Nursing Appeal

This campaign was used to raise regional funding and awareness for Marie Curie nurses. Below is an example of the microsite as well as the landing page for a regions nurse. 11 areas across the UK were targeted for the campaign.

Nursing Appeal Nursing Appeal

Email templates

For the rebranding of the Marie Curie Cancer Care website, I was tasked with designing and building a master email template to be used for style guidelines as well as integrating the code into the email system framework.

Marie Curie email templates Marie Curie email templates

Facebook

The Marie Curie Facebook page was designed to be a central point of access for the many different ways you could help the charity. I built the templates with FBML.

Marie Curie facebook landing page

The Great Escape Challenge

This was an annual corporate challenge organized by Marie Curie Cancer Care. I designed and built the microsite that also provided information about the event, registration, fundraising information as well as promotional videos. The campaign also included several emailers and ad units.

The Great Escape Challenge The Great Escape Challenge

next »

×

University of Toronto

School of Continuing Studies

The U of T School of Continuing Studies offers more than 500 individual and multi-course programs.

While at U of T I took on learn.utoronto.ca daily maintenance and updates; design & development of wordpress themes/templates for internal microsites; development of new coding standards and branding guidelines and design for IT department initiatives.

Learn.utoronto.ca Redesign

As an exercise, I took the existing School of Continuing Studies (SCS) website and assessed its the current state. I gave a new updated design to learn.utoronto.ca. I created a new over-all design that introduced existing U of T colours, new typography, optimizing content and provided various ‘responsive’ sizes of key pages.

Full screen width examples

1050px width examples

768px width examples – optimized for iPad/tablets

480px width examples – optimized for mobile devices

320px width – optimized for smaller screen mobile devices

IT Infographics

Presentation Infographics; I created some infographics for the IT department to illustrate the increase in various services as well as complex server architecture for U of T.

Destiny One Server Schema Server Architecture

next »

×

Additional work

Additional samples of work I've done

andythomas.ca

Portfolio Site & Blog

Since 2005 when I have a free moment, almost every year I try to create a new portfolio to display my recent works. In the last few years I've relied heavily on wordpress as a CMS. This round, my latest portfolio site (this one) is built without a backend CMS and relies on a custom static theme written by myself.

blog.andythomas.ca homepage blog.andythomas.ca content page blog.andythomas.ca mobile view
+ Visit my blog

Logos

Product Logos

Various product logos I've created.

The Bloom Room The Bloom Room out in the wild BookNet Canada - SalesData BookNet Canada - CataList BookNet Canada - Research & Education Heirloom Image Restoration Keystone Massage Therapy Loanstars - Librarian voting system

GelaSkins.com

Nuvango.com, formally GelaSkins.com - Front-end development of website from 2012 to 2014

GelaSkins - Homepage GelaSkins - Catalogue page GelaSkins - Product page

Questrade

my.questrade.com

Leading the front end design and development of a new client side website my.questrade.com, a property of Questrade Inc. Based on a .net framework, I built 40+ templates used in the function for the website.

My Questrade - Homepage My Questrade - My Account My Questrade - My Requests

More links