All posts by achevercc

Openbook

sample1

Client wanted to create a Mobile Application to share and improve surrounding safety and bring awareness, this later launched in Sweden and some other countries but not South East Asia Countries. From start to finish only took our team less than 6 months to complete and delivered to the client. That includes wire frame, develop to user testing.

Building wireframes

Just like an architectural blueprint, constructing a wireframe is an essential steps before you start working with an actual mobile application. It primarily allows you to define the information of your design, get your entire team to the same page and it is useful in determining how the user interacts with the interface.

But before that, everything start with a sketch, and once you have a main strategy or idea of building one, you can pretty much use any tools you prefer to work on the wire-frame.

sampleWireframe

Here I have constructed a set of wire-frames with the Illustrator.

sampleWireframe_error

What you see here are just a tip of the iceberg, it covers every page from homepage down to the nitty-gritty.

 

Color Studies

While I’m working on next Albaloo application, I started to worked on countless studies on colors, by understanding color concept have helped me to understand more about why most of the social media giant like Facebook, Skype, Twitter chose blue for their branding. It is also able to convey messages to your application without saying a word. Color blindness aside, red button convey a message of something important.

Back to blue, so why blue? It creates calming effect and to some extend they are the color of communication. Blue is everywhere, from your favorite beach, to a bluish sky. No doubt that they are the most popular color in the world.

colorStudy02-01
Set of blues

colorStudy02-02

Trying to find a perfect match for the application is fun and enjoyable.

Albaloo concept

Albaloo is an application that provide easy access to information that shoppers are always dreamed off, where to look for sales. User can easily connect to merchant and will get the latest update.

I took the initiative to proposed a concept for the Albaloo team, tried to make it more lively by changing the thumbnails and played around with the layouts. It is just a small changes but by carefully select images for each thumbnails gives a more unified feel.

Button placement are also one factor to give impression that the application is easy to use, hence more inviting.

 

Adidas – The ultimate dream

When both Chelsea and Liverpool decided to came to Malaysia, adidas wanted us to create a series of quiz for their die hard fan to win some tickets. It was a short event and has ended few years ago.

adidas facebook like
adidas facebook like
adidas Chelsea quiz page selection
adidas Chelsea quiz page selection
adidas form
adidas form
Chelsea quiz page
Chelsea quiz page
Video Chelsea
Video Chelsea
EDM Chelsea
EDM Chelsea
adidas POP Liverpool
adidas POP Liverpool
adidas POP Chelsea
adidas POP Chelsea

Funnel Asia Website

Funnel Asia is Web game portal that hosted several good games such as Ninja2u, CMO and the upcoming released Adorable Heroes. I have the honor and privilege to help create and design their own Funnel game sites.

During the production, we had a few arguments on the structure and layout, and many changes had been applied, just to make sure our end-user really get to enjoy to the fullest.

Funnel Index Page
Funnel Index Page
Funnel Asia Top Page
Funnel Asia Top Page
Funnel Asia Top Page
Funnel Asia Top Page
Facebook Game Listing Page
Facebook Game Listing Page

Ninja2u

Bubble Ninja is the first real action MMORPG developed following the most famous anime series Naruto. I were assigned to work maintain and design each every updates that includes Web Page to poster…etc. What you see below is actually one of the background design that I did using multiple images that I manage to garnered through web and montage each of them into one single planet like background.

Planet Ninja
Planet Ninja

Above, you will see that the grasses, clouds and mountains were all in separate layers, click to enlarge.

Bubble Ninja Facebook Timeline
Bubble Ninja Facebook Timeline
Ninja2u Facebook Cover
Ninja2u Facebook Cover

UNA

Although the pages and game already taken down, but is still consider one of the design that I like most. Everything you see here are all Photoshop generated, that includes pillars, pipes, surfaces, textures and even smoke. except those spaceships and characters were given by the developers. Click on all the screenshot below to enlarge.

UNA Index Page
UNA Index Page
UNA Inner Page
UNA Inner Page
UNA Facebook FBML
For Facebook FBML
Quick Login Page
Quick Registration Page
UNA FREE Samsung Tab
Newsletter
UNA Banner
Banner design