project lab
arrowww
Design & custom software development
lab . our latest works in progress   
Archive. Services
This page was created to demonstrate our work process in 2013. Since then many things changed, but some things will never change.

In order to show, that we can and love to do, I decided to use concrete examples.
Using example of Web Talk To and other works of mine I will tell about creation of Emotional Image, work with Graphics and development of Web Design based on this Image.

18 July 2013

Emotional Image

First step is a creation of Emotional Image.

When Emotional Image overlay on reality surrounding, concrete idea is born, which create a basis for Visual Identity of the company.

Web Talk To me, you, us – is a verbal expression of Emotional Image.

It should be noted that the Emotional Image have no clear boundary and the preference of one visualization by another depends on imagination of creator of the image and often known only to him.

The main association is concept of communication, connection, dialogue.

Examples of a visual embodiment of Emotional Image in our case will be:

  • Clock. Time connects a past with the coming
  • Writing-book spiral
  • Bookmarks. As symbol of separation of the whole
  • Pile of sheets
  • Paper clip
  • Symbol S. Symbol being formed of a repeating letter S or the connected letters S
Visualizations of Emotional Image

From an example it is visible that there is also other dominating association: text writing, reading; appeared from the fact that the main embodiment occurs online and therefore will be necessary both to write, and to read.

Emotional Image creation is influenced above all by the relation of the client with surrounding reality. I prefer to build the concept, based on real and truthful. Such relation is a fruit of my life experience and he's showing that real (subjective) has a bigger impulse and better adapted for a survival. Identity, it's what distinguishes us from each other. To create a good Emotional Image, it is necessary to imbued with the essence of "client".

When we analyzing the customer relationships with the environment and the environment with the customer the feeling (image) crystallizing, which becomes the main concept of the project.

Graphic Design

After the Emotional Image is created, we can start the design of this image on paper. Let's review the following example.

In 2009 I worked over a graphic series devoted to my friend A.B. I took his initials for a basis. In this case Emotional Image already existed. When we communicate with the person, we have certain knowledge of him; this knowledge and Emotional Image are logically equivalent.

Preparations

Preparatory work, it's preliminary search of a form and a sketch of ideas.

Preparations

Analysis

Analyzing and creating an exact shape of two symbols: A and B (initials)

Analysis

From transparent paper we cut out with scissors three figures.

Main shapes

Projection of the name

Let's design the emotion on the plane. Exact geometric form is combined with a creative rush. By moving our pieces on paper we find a suitable position. Denote the endpoints of the figures and using a straight edge, a pencil and a divider let's create a drawing.

Projection of the name

Concealment through color and shape

By using colors and emotions we hide our forms and create the new.

Concealment through color and shape

Appendix

Shapes not highlighted. Figure contains all possible lines and circles. In principle, if you have good concept, you can even fart interesting.

Appendix no.1. Error

Impromptu with shapes.
By moving the figures on the dark plane we find the necessary form.

Concealment through the shape

Logo and Business Card

logo 4

Now, as an example let's create a logo and business card for A.B.
Obvious that both logo and business card will contain shapes that designed above.

Business Card

This is the look of digital matrix of the business card. The printed business cards will look differently because of paper and imposing of typographical effect.

Digital matrix of the business card. Example one

Business card 1

Digital matrix of the business card. Example two

Business card 2

Approximate versions of the printed business card.

Business card 3
Business card 4

Logo

Preparations

logo 1

Logotype. In this example it is logical to stylize logo as the human figure. First (in front) we will use the symbol A, then the symbol B.

logo 2

Presentation board of Logo & Business Card

Finished logo and business card merged with one style.

logo 3

Web Design

Development of Web Design is conducted according to the same principles of composition, as in Graphic Design.
For creation of Web Design also requires: analysis, emotional image and concept.

Website is one of embodiments of the company face. You might even say the most complete, because it contains all the attributes of the Visual Identity of the company, namely: Emotional Image, concept, logo, graphics and color scheme.

In the development of the resource takes into consideration factors as:

  • Different sizes of monitors. Accordingly, preferred to use responsive design when building website.
  • Features of browsers and also their versions.

In order to be well read by search engines and appeared in good positions in search results, it is necessary:

  • To properly fill a web resource with the content. That means to write correct descriptions for your pagess and to use title and alt tags for images.
  • To watch a code validity that also raises security of website.

Hope to see you soon among our customers