Geoff Matheson

Digital &
UX/UI Designer

Geoff Matheson Digital & UX/UI Designer

Web & Print Designer & Developer

Available for Work

UX & UI Designer

Front-end Web Development

Brand Identity Creator

HS-Design

Product Development Firm

Custom WordPress Website

Working with Möbius New Media, a new site was conceived alongside their top-notch web designers, providing a modern look to match their industrial design. Utilizing WordPress as the CMS, this site has complex functionality, it intuitively provides the user with an overview of HS's capabilities, methodology & portfolio. To enhance the interface & overall user experience, the site features many slick enhancements, animations, large photographs & graphics — all developed within a custom, ground-up build which organizes & archives their large portfolio of industrial design.

  • Wireframing
  • UX/UI Design
  • Website Design
  • Website Development
  • HTML5
  • CSS3
  • jQuery
  • WordPress
  • Custom Post Types
  • Taxonomies
  • Categories
View the site

Casarino, Christman, Shalk, Ransom & Doss, PA

  • Wireframing
  • UX/UI Design
  • Website Design
  • Website Development
  • HTML5
  • CSS3
  • jQuery
  • WordPress
View the site

Commonwealth Trust Company Website

The newly redesigned website for this Möbius New Media client showcases a fresh, contemporary interface — containing the previous website iteration's content in a newly restructured, hierarchical information architecture. Their previous site showed common predicaments seen in out-dated designs, whereas lots of text appeared to be thrown into a template with no thought, reason or purpose. While we knew this site would be built out with all of the standard modernizations of current websites — a responsive user interface, content with hierarchy & overall simplification & utilizing technology accessible on all modern devices. In addition, it was — of course — built within WordPress, for client control & simple updating. The major challenge, however, was how to provide a meaningful user experience; providing the massive amounts of content in meaningful, digestable & understandable ways. The first interaction the user experiences, is a series of the most asked, most important, top questions that compel their client. This is a presented as a pathway — albeit sliding, too — with call-to-actions for each main topic. Throughout the website, the lengthy & wordy verbiage is only shown one digestable chunk at a time, allowing the user to absorb the information and not be overwhelmed by huge blocks of text. Throughout the site, the varying types of content are organized in different systems — utilizing tabs, dropdowns, accordians, et cetera. The site truly brings their (previously dated) appearance into the new millennium, provides the user with an enjoyable, informative experience within an intuitive and easy-to-use interface.

  • Wireframing
  • UX/UI Design
  • Website Design
  • Website Development
  • HTML5
  • CSS3
  • jQuery
  • WordPress
View the site

American Airlines Aviator
Marketing Mailer

Working with our team's Creative Director, & alongside the A.A. Brand team — we pitched ideas for dimensional mailers that would "put the viewer in the scene" ... while also expressing "30% more." This favorite was designed, to provide intrigue through imagery of an Italian coast-line, ask the viewer a question — then putting the viewer in this new world.

  • Art Direction
  • Graphic Designer
  • Production Artist
  • Presentation

Choice Privileges Credit Card

Overall credit card re-design / re-fresh for Choice's new Brand Identity. It is created using an orange core, with a pearescellent white top, featuring spot gloss varnish. The brand logos are screened back white, as a subtle grouping of the brand family. The bottom of the card features Metallic coating with a matte finish.

Working with the Choice Privileges Brand & Legal Team to find a unique solution & how to display the Choice Privileges families' identities on the card. Our unique solution was to print the brand's logo on the back of the card — the first time we had attempted this. However, there was still a requirement to display the brands on the front of the card, & also a request to not display them. Solving this problem, by subtley displaying each sub-brand in white screen, & in full-color on the back.

We worked directly with the card manufacturer, participating in several proof tests, & on-site press approval of the final product.

  • Design
  • Project Managing
  • Presentation
  • Liaising between multiple parties
View the application site

The Chronicle of Great Colleges

This website is the largest & most comprehensive workplace study in higher education. The site was redesigned using the existing brand identity, while being organized & rethought to provide brand cohesiveness & consistency. The site is intuitive, easy to navigate & presents content in an intelligible way, making it easier for visitors to find what they are looking for.

  • Design
  • Development
  • HTML5 & CSS3
  • jQuery
  • WordPress
  • Responsive
  • Mobile
View the site

The Legal Workplace

The Legal Workplace brand was developed for a legal based workplace study, targeting legal administrators as its' main target audience. The brand name & tagline quickly communicate the intended messages, while the logo icon & logo type present clean, professional graphics that speak the vernacular of legal work.

  • Branding
  • Logo
  • Design
  • Development
  • HTML5 & CSS3
  • jQuery
  • WordPress
  • Responsive
  • Mobile
View the site

Ultrachem Inc.

The website for Ultrachem Inc. was redesigned using their brand standards. The iterative process involved critiquing various mock-up drawings of the website & eventually live interactive lay-outs. The site features complex back-end integration with a large product & competitor database. All data is carefully organized & easy to maintain.

  • Design
  • Development
  • HTML5 & CSS3
  • jQuery
  • PHP
  • WordPress
  • Responsive
  • Mobile
View the site

GTI Millwork Inc.

GTI Millwork was rebranded from the original Group Three Inc. We evaluated their company, employees, work, clients & vendors. In-depth branding discoveries were realized & from this collection of information, the GTI brand identity was created. The logo shape represents the unique quality of their traditional work & the blocky typography suggests the boxy nature of most millwork. The approach was pragmatic & traditional but with flair & uniqueness.

  • Branding
  • Logo
  • Stationery
  • Design
  • Development
  • HTML & CSS
  • WordPress

Integrated Turf Management Systems

I.T.M.S. was rebranded with a strategy of presenting themselves as the 100% natural, organic lawn care solution. The tagline "Green Plants, Blue Water" was used as the main communication throughout all pieces. This client was completely redesigned, including their brand identity, website, stationery, order forms, signage, vehicle graphics & more. It has proven to be extremely successful, putting this service company into a higher range of brand name providers.

  • Branding
  • Logo
  • Stationery
  • Collateral
  • Signage
  • Design
  • Development
  • HTML & CSS
  • jQuery
  • WordPress
View the site

Rob McIver Photo

The ROB brand identity began with the iconic literal logo, which features the highlight color of any photograph shown within the center lens. When viewed on the site, the photography on display will highlight within this area of the logo. The main goal of this website was to be unique, but to also allow the photographs to speak for themselves, limit the unnecessary graphics & use neutral tones to allow the photos to pop.

  • Branding
  • Logo
  • Design
  • Stationery
  • Development
  • HTML & CSS
  • jQuery
  • Flash
  • SlideShow Pro
  • WordPress
View the site

Woodin + Associates

The rebranding of this Civil & Geotechnical Engineering, Land Planning & Surveying form involved a subtle transition from the old dated logo & identity into a newer, modern representation of the firm. The logo shape was inspired by a tool used in the surveying field & the branded orange swoosh was used as a consistent brandmark across all materials, representing the construction industry, while drawing your eye through & around the page.

  • Branding
  • Logo
  • Design
  • Development
  • HTML & CSS
  • WordPress
  • Collateral
View the site

Baiada Photography

Baiada was rebranded to communicate to clients having higher end weddings & events, who care about having beautiful documentation photography. The modern icon juxtaposed with the traditional logotype & filigree provides a contemporary identity with all the classicism of a wedding. The website is a custom Flash site, utilizing SlideShowPro Director, allowing them to easily make updates. The front-end is an ActionScript 3.0 built interface, which interacts with Director. The mobile version uses HTML5 slideshows from Director. The Baiada Photography website was the winner of SlideShowPro's website of the month in March 2010.

  • Branding
  • Logo
  • Design
  • Development
  • HTML & CSS
  • Flash
  • SlideShow Pro
  • WordPress
  • Mobile
  • Stationery
  • Signage
View the site

IMS

IMS approached us to brand their business, with the objective of presenting the business primarily as a landscape lighting contractor, while secondarily maintaining the company as a landscape irrigation contractor, which was their primary revenue source. We developed an iconic identity, using shapes, colors & textures to communicate light & water. These brand attributes are featured throughout all materials.

  • Branding
  • Logo
  • Design
  • Development
  • HTML & CSS
  • jQuery
  • WordPress
  • Stationery
  • Signage
View the site

Lightwork Photography

Lightwork Photography's objective was to target female clientele, specifically brides & moms. Because Lightwork's owner is also a woman, it made sense to develop a feminine logo & identity. An iconic shape was used to hold the vintage style typography in a cohesive enclosure, while providing an icon & texture to be used throughout all pieces.

  • Branding
  • Logo
  • Design
  • Development
  • HTML & CSS
  • jQuery
  • WordPress
  • Stationery
View the site

First State Elevator

The rebranding of First State Elevator involved creating unique graphics to represent this company within this service industry. The identity features an iconic logomark which incorporates the "1" within an emblematic container & suggests the three-dimensional shape of a building & upward momentum of an elevator.

  • Branding
  • Logo
  • Design
  • Development
  • HTML & CSS
  • jQuery
  • WordPress
  • Stationery
View the site

Additional Website Design

Various additional website designs are featured within this section. All websites were custom designed & developed - although most within an existing brand.

  • Design
  • Development
  • HTML(5)
  • CSS(3)
  • jQuery
  • PHP
  • WordPress
  • Flash / ActionScript 3

Graphic Design

A variety of print graphic designs are featured within this section.

  • Branding
  • Logo
  • Stationery
  • Brochure
  • Book Design
  • Typesetting
  • Adobe Creative Suite

Package / Dimensional Design

A variety of package & dimensional paper design are featured in this section. Most pieces were created while a Production Artist / Paper Engineer / Designer for Structural Graphics - www.structuralgraphics.com. To read more, please see my resume.

  • Design
  • Production
  • Mock-ups
  • Dielines
  • Dies
  • AutoCad