Designed & Developed
• by •
John Phillips

A Curated Style

A Curated Style is a project I've built on teaching men how to dress better. I've designed the responsive website, newsletter, and logo. I am also one of two authors that writes for the newsletter and articles.

  • A Curated Style Landing Page
  • A Curated Style Article Page
  • A Curated Style Logo

Detroit Tigers VIP iOS Concept

Testing out the newly redesigned Sketch app, I wanted to see how UI design felt within the app, since my normal (and previous) visual design tool of choice was Photoshop.

  • VIP Login screen
  • VIP Ticket
  • VIP Schedule
  • VIP Pre-game
  • VIP game time
  • VIP food ordering

Gene Basset Realty

This was a redesign of the Gene Basset Realty site that showcases real estate listings in the Minneapolis area. The site is still in development.


  • Gene Basset Realty Homepage

Burton Racing

This is the blog I designed for the Burton Racing team.


  • Burton Racing Homepage

SplinkMedia Audio Player

I was contracted by SplinkMedia to design a custom audio player with a playlist to use on their website.


  • SplinkMedia Audio Player

Center for Advanced Study of International Development (CASID)

I was contracted by CASID at Michigan State University to redesign their department site and build the new site on the WordPress platform. The site is not yet live.


  • Career Transitions

Career Transitions

Career Transitions is a tool for job searching, resume building, and career exploration. I partnered with user experience specialists to define the workflow of the resume builder and other sections, based on two primary personas. From there I designed the interface and logo of the product. The site is behind a login, so I've provided just screenshots below.


  • Career Transitions

World Scholar: Latin America & the Caribbean

World Scholar is a regional studies product that I designed for research students. I was responsible for the main interface design, as well as the logo for the product. The site is behind a login, I've provided just screenshots below.


  • World Scholar: Latin America & the Caribbean


TappGala is a personal project aimed at showcasing the best in mobile interface design. I noticed this type of resource was lacking on the web for other mobile designers/developers, so I decided to create one myself. Read more details here. UPDATE: TappGala was recently sold and integrated with Mobile Awesomeness


  • TappGala

Press Record

Press Record is a personal project of mine, in which I record mixes that weren't preplanned. I just throw on some music and record what I feel at the time. You can read more about it on the welcome post, and on my design blog.


  • Press Record

OnStar Connections

I was the lead developer for the OnStar Connections website, which is aimed at showcasing the features and user submitted stories of the OnStar service. The website was build on the Wordpress platform, as well as BBPress for the forums.


  • OnStar Connections

Global Initiatives

I designed a new look and feel for the Global Initiatives department of the BROAD College of Business at Michigan State University. The goal was to have a clean site that matched the identity of the main MSU website. A few alterations were made to the design after I handed off templates, so I've linked up my original design.


  • Global Initiatives

Business & International Education

This was a design concept that I did for a department at Michigan State University. A different design was chosen for the final design, but this is the work that I did.


  • Business & International Education

USPS Deliver Magazine

I worked on a team of 3 developers to build Deliver Magazine, which is an informational online magazine for marketing professionals. In addition to development, I also made recommendations for best practices for designing online publications. The site was built on the Wordpress platform.


  • USPS Deliver Magazine Online

U.S. Navy

In 2006, working on a team of developers, I assisted in building the 508 accessible website for the U.S. Navy. The site is packed with information regarding careers and life in the Navy.


  • U.S. Navy

Michigan State University

In 2005, I was the lead interface designer for this version of Michigan State University's website.


  • Michigan State University