QONQR: ABSTRACT 01/09

01

QONQR

A WAR IS RAGING ALL AROUND YOU

Your city is now a battleground. QONQR (pronounced Conquer) is the first location-based game of its kind, allowing players to battle in an invisible war of global domination. Three viciously rival factions battle to capture the population centers of the world and control the future of QONQR’s existence. Those who accept the challenge have joined the fight by downloading the QONQR app and fighting to control the destiny of their home towns around the world.

Art Direction / Design2016

QONQR: brief 02/09

02

The brief

Take Over the World

The company needed a new direction for it's sophomore launch. Qonqr 2.0 (nicknamed Blue) was a complete rethink of the Qonqr experience that provided a branding update, a fresh app design, and new marketing materials.

Art Direction / Design2016

QONQR: Digital & Social 03/09

Art Direction / Design2016

QONQR: BRANDING Mockup04/09

Art Direction / Design2016

QONQR: UX 05/09

05

User Experience

Design for Three Mobile Platforms

When designing for almost every phone on the market, a lot of planning upfront is crucial. Also, about 60% of QONQR's players don't speak english, so localization is a must. Every screen of the app had multiple iterations, all tested before pixels were polished or code was compiled.

Art Direction / Design2016

QONQR: UX 06/09

Art Direction / Design2016

QONQR: UI 07/09

07

User Interface Design

A new Coat of Space Paint

Inspired by a lot of VFX work from the likes of GMUNK and Ash Thorp, QONQR's look and feel now compliments their beliefs and story. All work was done in Photoshop with animation samples handled in Principle. Image assets for the app's 25 main screens and 50+ states total over 3,000 PNGs.

Art Direction / Design2016

QONQR: UI 08/09

Art Direction / Design2016

QONQR: Icon Examples 09/09

Art Direction / Design2016

ARTSMART: ABSTRACT 01/06

01

ARTSMART

Tinder for Art

Who is your favorite local artist? If you can’t answer that question, then you need a better way to check out all the great art being made in your city. ArtSmart is the tinder for art, and the best platform for artists to reach new buyers.

Art Direction / Design2016

ARTSMART: brief 02/06

02

The brief

Keep Portland's Art Growing

Artsmart was born out of Portland's startup weekend, where 12 teams had 48 hours to make a business. Our team was curious in keeping Portland's art scene at the fore of it's culture. Our solution was to make local art as accessible as possible for new consumers, thus helping artists reach new buyers.

Art Direction / Design2016

ARTSMART: Branding 03/06

03

Branding

A Smarter Logo for Smarter Art

The logo needed to be instantly memorable, but not distract from the art on display. A monogram with a modular gradient was the clear design solution. Using a jquery plugin called vibrant.js, key colors are extracted from the artwork and used in the logo's gradient.

Art Direction / Design2016

ARTSMART: Logo Mockup 04/06

Art Direction / Design2016

ARTSMART: UX / UI05/06

05

UX / UI

Swipe up and Match

Art is loaded from the right like you would view the next painting at a gallery. The piece is then favorited by swiping up, or dismissed by swiping down.

Art Direction / Design2016

ARTSMART: UI 06/06

Art Direction / Design2016

Beacon: Abstract 01/07

01

Beacon

Free Campus Rides

Beacon partners with college escort services so that students get home safe and sound. Colleges today face a real need for mobility, and apps lThe startup needed branding and UX/UI for both Android and iOS. Currently in alpha.

Art Direction / Design2016

Beacon: Brief 02/07

02

The brief

Get Students Home Safe

Beacon was founded by myself and 5 other friends at the University of Minnesota. The prototype was developed during our senior year, when students became concerned with campus saftey. My team felt that the campus escort service at our university, as well as many others across the country, was underutilized.

Art Direction / Design2016

Beacon: Branding 03/07

03

The Logo

A New Lens

The symbol is inspired by fresnel lenses used in early lighthouse bulbs. A white location pin in the center hints at the app's function, but keeps the service ambiguous. Blue was chosen for the gradient when comparing the colors of other popular travel apps.

Art Direction / Design2016

Beacon: Stationary Mockup 04/07

Art Direction / Design2016

Beacon: UX 05/07

05

User Experience

Andriod & iOS

User flows were developed with android's Material design in mind, as well as iOS 9's user standards. Clickable prototypes were later tested on groups of college students.

Art Direction / Design2016

Beacon: UX 06/07

Art Direction / Design2016

Beacon: UI 07/07

07

User Interface Design

Your Ride will be Here Shortly

Designs were handled in Photoshop, and animation samples composed in Principle.

Art Direction / Design2016

Contact: Abstract 01/01

01

Who is Matthew McVeigh?

The Bearded Guy With Glasses

I am a Digital Designer currently hobnobbing in Portland, OR. I code everything I design – including this portfolio. I recently celebrated 15 wonderful years with Photoshop. I love mobile games, startups, collaboration, and building brands. Let's talk shop.

matt@mcveighcreative.com LinkedIn

Rockin' / Rollin'Since 1991