best design web

Color Theme

Select your color scheme.

# Pixel Space

About the Background

The background is interactive. Click and play with it. Or use the following controls:

Keyboard controls

It seems this is your first time that you visited our site.

To experience more of Rain's creative site, we got you something that you could play.
What you got here is a platform you can tweak. We doesn't stop only from giving you toys to play
but might as well give us something that we can share with others.


After this will be the start of your own creative exploration.
Welcome to Rain Creative Lab.

Case Study

Rain Creative Lab was established with these goals in mind: to deliver high quality work to its clients, to never compromise its standards, and to express a wide range of creativity in all its projects no matter the size and requirements.  This has been our mantra.

Our level of creativity can be shown by our continuous growth and improvement.  It has been a painstakingly long road to maturity.  As our creativity has developed o, we have become more able to perceive problems ahead of time and come up with the most viable solutions.

Definition of the Problem

As we enter in this new phase of our creative journey, we believe that redesigning our identity is necessary to fit the level of services we offer to organizations and to showcase our creativity and competence.  Our new identity design should not only showcase our maturity and evolution but also highlight our creativity, process and perspective.

Brief Background on Rain's Identity

Since it started, Rain has underwent two design revamps.

Birth of Rain:

Rain Creative Lab's Official Logo

Rain Creative Lab's logo.  Through the years, the design has not change.  It went through minor modifications and clean-up.  This design was taken from the first AI file I have created for Rain.

Where does Rain comes from?  During the time I was trying to come up with a company name,  it was, well, raining.  I then suddenly say, ok "Why not Rain?"  It is  simple and easy to remember.  It does not have to be that hard or crazy.

Intended variation on the concept

Logo variation and intended application

The goal of this phase was just to setup the company.

Birth

In order to kick-off the process, I have to come up with the following items: 

  • Logo
  • Calling cards
  • Website

During this time, I did not have any creative process yet in place, so I relied mainly on my raw ideas and translated them directly into my computer.  Because I had a clear vision of what I wanted to achieve, designing the logo was quick and easy. And it was almost like revelation - as if the logo has been imbued with the name it bore.

 

After creating the logo, I designed the first series of calling cards. They were simple and straightforward.  However, unsatisfied with the first output, I paused and re-evaluated the whole concept, the theme, and the brand. I then realized that Rain has to be a brand, particularly a brand of creative work that would evoke a certain emotional quality and communicate a particular style to its clients and audience.  Consequently, I came up with my first company tagline:

Creativity Simplified
 

I have been a fan of Joshua Davis' generative artwork.  Inspired by his work, I created my own set of generative scripts that I can use.  The first one was used in the back face of my calling card.  In order to make things interesting, I made each card with a unique design taken from the parts and parcel of the whole artwork. 

Rain's first calling card design

1st Set of Calling card design The concept is simple: the back of the card is a piece of one big artwork.  The design was inspired by Joshua Davis' artworks.  The design signifies that any creative projects undergo complex and tedious process.  It is our job to make things siimple for our clients while making work an enjoyable experience as we go along.  To juxtupose the complexity of design at the back, I make a simple card face where all the details are indicated.  

Rain's first website

I used the same process in designing the website.  Basically, the goal was to come up with a simple website that would showcase my past work.

Rain Creative Lab Design screenshot

This design takes its inspiration from Joshua Davis' design. The site was built on a simple HTML with flash for viewing the works.

This first phase of Rain was an exploration of various possibilities. As time went by, I became more and more optimistic about Rain and its future.

Phase 2

Rain soon began attracting clients and so we began working on interesting projects.  The efforts started to pay-off slowly and steadily.  However, since Rain was still a very young company and still needed to build its portfolio, there was the pressure to accept projects that did not seem to be in line with Rain’s identity and vision.  I realized then  that Rain's existing identity was still not very clear to its audience.  I started turning down non-related projects and began to reevaluate Rain’s strategy.

Fortunately, with the help of my friend from an advertising agency, I got exposed to creative advertising, packaging, branding and marketing.    This exposure opened by eyes to a whole new level of creativity and perspective and changed my outlook towards revamping  Rain’s identity.   It showed me the importance of Rain’s position, brand and image as a company.

The next phase of Rain gained a higher level of improvement on output and creativity.

This was the phase where I understood what is essential, and that is, “less is more.”  I began to understand that it was necessary to “strip down” Rain from ornamented designs.  I succumbed myself to this whole process. And I tried to learn, understand, and absorb everything I could.   It was a rather painful process of exploration and evolution. Consequently, the new phase of Rain's identity and branding journey had been reinforced by these new learning.

Rebrand & Rethink

The rebirth, I thought, must include the following items:

  • a new tagline
  • a solid brand and cohesive identity
  • an updated website
 

The new branding phase was now in line with the company's strategic positioning.  It was a critical point that Rain's identity and branding should match its strategic business direction.  Because we want to focus on interactive media such as (online, interactive CD and the like) we then came up with a new tagline:

Kick ass Interactive

 

This new Rain branding seemed to have opened a  Pandora's box of creative exposition.  We came up with a stronger typographic representation, solid colors, minimalistic approach in our creative output. 

Rain pixel icons

The icon was an expression and evolution of a pointer cursor that symbolizes interactivity. We capitalized on this and generated various representation to add a human feel to the whole concept.

We took advantage of using iconic pixelated images such as the hand pointer, and translate them into various forms and shapes.   The icon was a perfect expression of Rain's new direction.    We updated our website with all our new works.

Rain Creative Lab Icon
 

New set of card designs

Rain New Set of Cards Sometimes less is more.  Years after our first release, we toned down and cleaned up our design styles.  We have been greatly influenced by minimalist designs.  Through the process, we realized that clean and simple designs lasts longer than intricate and complex design.


Rain Website Design

Phase 2: Rain Website Design

The website is simple. It was a call for change. In order to showcase some of our new works, we needed to come up with a new website. It was a simple effort but we reaped positive results in the end.

Portfolio Packaging

Portfolio Packaging 2Portfolio Packaging 1

The portfolio design is great and interactive. However, it was expensive in production. So these concepts  were put to a halt and we had to come up with another concept that would be more  cost-friendly.

This phase also enabled us to come up with concepts like "Creative Rockstar", "Bad-ass work." While these concepts may sound quite "strong," it captures the out-of-the-box yet proactive and high-impact approach that we imbibed in our identity. While we remained simple and structure, we were also dynamic and creative.

It was indeed the phase of creative possibilities but also the start of maintaining a more cohesive image. Phase 2 was the start of a new era of work in Rain as we gained new and bigger clients.

Explode

New and Wider horizon:

The next phase was an expansion of our creative horizons.  We began to extend ourselves and offered more possibilities and solutions to our clients.

It was also during this phase that I took inspiration from Stefan Sagmeister in TED talk. His philosophy regarding branding was that "sameness is overrated."   He reinforced the importance that we needed to separate ourselves from the rest.  Thus, this pushed us to further develop our identity and branding.  We experimented with colors, creative accidents, technical enhancements, and organic design evolution.

Into the new horizon

During this phase, we developed on what we already have and came up with better strategies especially in the following items:

  • Updated creative design for Rain
  • Website
  • Printed portfolio
  • Stationary
 

We felt we have to constantly push the boundaries even if the process took long.  The key here is to take the time to polish your strategy and make sure it is uniquely set. 

New Horizon: Rain's New WebsiteNew Horizon: Rain's New Website

The new design is a mixture and integration of everything that we had from the past and what we will be like in the future. The new design covers the progressive thinking but aims to deliver the message clear to our audience. We capitalized on colors, random accidents and hybrid technology.

The new design showcases not only the works we have done, but the process we underwent.  We believe that the process is as important as the output.  And we will never stop this process of improving and developing. Even now, I am still in search of new possibilities, challenges and process that can shape conventional knowledge of what can be achieved.

Towards Creative Revolution

Our creative journey does not only focus on creative output but the process we have undergone to reach certain milestones.  These highlights 3 essential principles that Rain truly believes in:

  1. Creativity is always a process.  It keeps changing and evolving and it matures through time.  Exposure is essential to open one's eyes to what is possible.
  2. Creative vision is shaped by experiences: change is constant to this industry.  There are defining works that build the foundation of an organization.  Openness to change is important to stay competitive and focused on once goal.
  3. Do what you preach.  If you promise to provide high-quality service to your clients, the real test is  that you should be able to just do it.  One's organization or company should be a breeding ground for encouraging people to deliver the best.