March 1, 2015 - No Comments!

Website Design: 2012 Kickfolio to 2015 App.io

From 2012 to 2015 the App.io (aka Kickfolio) website has undergone many redesigns. As a co-founder/designer, I spent many hours trying to craft the message and tone of the brand. As you'll see, we went through a ton of iterations. Here is the visual timeline:


2012

The first ever design displayed cute ninja-like phones. As this website was originally aimed at developers, a tongue-in-cheek and youthful attitude carried the design. At it's time, it resonated well with the intended target market.

 


 

Kickfolio-Landing-Page-Extra-CONCEPT

First Kickfolio landing page concept

 


 2012

After a month I realized that the design we had was suitable, but just didn't come across as professional as we were quickly becoming. Due in part to the ways customers were using it, I updated the design to the concept below.

 


 

Second Kickfolio landing page

Second Kickfolio concept landing page

 


 2012

Shortly thereafter, we realized we had a bigger market than anticipated. Our product had also expanded beyond portfolios and into testing, and we had also raised funding and moved to the US. As such, a new design was created to reach an older target market.

 


 

Home-Page-v3

Third Kickfolio landing page

 


2013

As a part of the above design, we also pushed further into the testing market with a custom information page. This was well received, yet gained little traction being isolated from the main landing page.

 


 

Testing-Sales-Page-v3

Third Kickfolio landing page - Testing subpage

 


 2013

Over the next 6 months, we had various major and minor updates to the website. During that time I focused on the customers using the product, and assisted in building the strategy of Kickfolio (which was renamed to App.io during this time). This next design focused on the many different ways you could use App.io, with direct customer quotes.

 


 

Landing Page Jan 2014

2013 App.io landing page

 


2014

After many edits to the above design, we expanded our product into mobile advertising. In this design, I focused on simplifying the message, and demonstrated how powerful our advertisements were with well presented data.

 


 

2014 App.io landing page

2014 App.io landing page

 


 2014

Advertising was really striking a tone with investors and customers alike. As such, we made a controversial move to push completely across to the marketing and advertising side, and temporarily closed down our testing platform. It was at the time I moved into the CEO role.

 


 

2014 App.io landing page

2014 App.io landing page

 


 2014

Due to popular demand, we reopened our testing platform to paying customers. It was at this point we needed a design that reflected both our advertising and testing markets, without going into too much detail for both. While this design worked, we had always thought of it as a stop gap until we further defined our customers exact use cases.

 


 

2014 App.io landing page

2014 App.io landing page

 


 2015

After stepping back as CEO, I took my last month at App.io to really flesh out a design that correctly identified our customers current use cases, explained in the simplest way. The result is a fresh design for App.io, with a renewed color palette across the brand, and a flat, consistent layout. It has since been upgraded by the current App.io team - but here is what it looked like before that.

 


 

2015 App.io landing page

2015 App.io landing page

 

Published by: Diesel Laws in Articles

There are no comments

Your email address will not be published. Required fields are marked *