<?xml version="1.0" encoding="utf-8"?> 
<rss version="2.0"
  xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
  xmlns:atom="http://www.w3.org/2005/Atom">

<channel>

<title>Tanya Sokolovskaya's blog: posts tagged Process</title>
<link>https://tsokolovskaya.com/blog/tags/process/</link>
<description>On editorial and graphic design</description>
<author></author>
<language>en</language>
<generator>Aegea 11.3 (v4134e)</generator>

<itunes:owner>
<itunes:name></itunes:name>
<itunes:email>mail@tsokolovskaya.com</itunes:email>
</itunes:owner>
<itunes:subtitle>On editorial and graphic design</itunes:subtitle>
<itunes:image href="https://tsokolovskaya.com/blog/pictures/userpic/userpic-square@2x.jpg?1732041507" />
<itunes:explicit>no</itunes:explicit>

<item>
<title>Designing label cover artwork series using AI: my step-by-step experience</title>
<guid isPermaLink="false">27</guid>
<link>https://tsokolovskaya.com/blog/all/cover-artwork-using-ai/</link>
<pubDate>Tue, 06 Feb 2024 10:14:06 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/cover-artwork-using-ai/</comments>
<description>
&lt;p&gt;In this blog post, I’ll share my experience using AI image generators to create release cover artwork for &lt;a href="https://linktr.ee/joofrecordings"&gt;JOOF Recordings&lt;/a&gt;, a UK record label run by &lt;a href="https://www.facebook.com/john00fleming"&gt;John 00 Fleming&lt;/a&gt;. I was approached by a JOOF manager with the task of creating a new artwork design by continuing the theme of the current covers. Unlike using dramatic changes and coming up with something entirely different, the challenge was to provide a fresh look while maintaining the previous style. The initial covers were hand-drawn by an illustrator, which was time-consuming and expensive. So, I proposed using AI as a cost-effective and quicker alternative.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/0tsokolovskaya-Large.jpeg" width="1280" height="637" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Cover artwork references&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I compared three AI image generators: Midjourney, Leonardo, and DALL·E. I chose Midjourney for its alignment with my project needs.&lt;/p&gt;
&lt;p&gt;For those of you not familiar with Midjourney, let me quickly explain what it is. In a nutshell, Midjourney is a chatbot hosted on Discord servers, and you can operate it using chat commands called “prompts”. One of such prompts, for example, is “/imagine”, which makes Midjourney create an image based on the input parameters.&lt;/p&gt;
&lt;p&gt;The process started with me uploading the original covers as references into Midjourney. My first attempt involved simply generating similar images. However, the results were far from what I expected:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/1tsokolovskaya_56667_None_6c19f82d-01e3-415f-8469-290fb3e5861f-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/2tsokolovskaya_56667_None_7e4b5bfa-8201-4877-9b26-9229f1eda52e-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/3tsokolovskaya_56667_None_ff754d9c-3c7d-4886-907c-97945c031410-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I began with the original prompts but soon realized that a white background would make my task easier. The results, however, turned out quite different from the initial step:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/4tsokolovskaya_56667_white_background_5150fe2a-553b-47e1-a77f-24532507cc5b-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/5tsokolovskaya_56667_white_background_bcc91b5f-978c-468d-bc97-ec23277ab5ec-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I asked the bot to describe one of the original covers and generated images based on those descriptions:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/6Screenshot-2023-12-17-at-12.20.21-Large.jpeg" width="614" height="685" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The results varied widely:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/7tsokolovskaya_56667_black_and_white_photo_of_a_man_standing_in__7976af94-45f0-47a8-b9d4-5b7203afe327-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/8tsokolovskaya_56667_a_man_standing_in_water_with_a_circle_in_th_5a716f9d-2506-48f6-bb90-ab1f277e7f2b-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/9tsokolovskaya_56667_black_and_white_drawing_of_a_man_standing_n_f96b0070-2c71-4444-9196-cef202091e2c-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/10tsokolovskaya_56667_a_black_and_whitememe_artwork_by_kim_nguyen_1078fe23-6de4-45dd-b351-bb87d96c606f-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I uploaded another cover for description and generated images with the new prompts:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/11Screenshot-2023-12-17-at-12.23.18-Large.jpeg" width="562" height="706" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;But again, the outcomes were not as expected:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/12tsokolovskaya_56667_an_image_of_an_artist_that_is_holding_up_a__becd01ea-ff46-4533-b50b-07a1eb4388f1-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/13tsokolovskaya_56667_a_person_staking_out_a_large_earth_with_his_279b4edb-ece8-4cd1-b9e6-3dc28cdd755a-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/14tsokolovskaya_56667_the_mercurial_man_holding_the_planet_in_his_7888a8b4-73f1-4ef5-aac6-80834c313932-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/15tsokolovskaya_56667_one_hand_holding_the_world_above_in_the_sty_15179a88-542a-43c2-b585-ddee9c428015-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;And I repeated the process with a third cover:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/16Screenshot-2023-12-17-at-12.24.36-Large.jpeg" width="562" height="734" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;But the results still missed the mark:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/17tsokolovskaya_56667_man_in_white_flying_above_him_with_red_clou_74790d60-c753-4f11-90c1-2ef61fe9942c-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/18tsokolovskaya_56667_the_front_cover_of_the_album_of_the_starlin_a8329909-2850-4c50-a460-e474f4132f8b-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/19tsokolovskaya_56667_edward_swenson_nathea_live_album_live_in_co_69c12440-ffa3-4c26-aa4e-fac12443c3fb-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/20tsokolovskaya_56667_in_the_clouds_by_laurence_johnson_in_the_st_d1f759bd-1a1e-4181-a9de-442c45c7d9be-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Then I returned to the first prompt but excluded the colour pink and added “charcoal drawing” to the prompt, followed by “charcoal style, minimal, no faces, girl, man”:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/21tsokolovskaya_56667_pink_6b72fee2-362c-44c7-b5f1-30eea9238976-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/22tsokolovskaya_56667_charcoal_drawing_0c7081a0-1fbb-4b3b-ad13-8127b43eedcc-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/23tsokolovskaya_56667_charcoal_style_minimal_d692598f-f7e3-4e31-82fa-01c87885bd2f-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/24tsokolovskaya_56667_ttpss.mj.runhs8F5wI6QHM_26ff6425-1978-44cd-a40a-bb106db3fcd5-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I also tried “charcoal style, minimal, flat,” which brought back faces:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/25tsokolovskaya_56667_charcoal_style_minimal_flat_eb23bea3-d346-40ed-9e47-410951da969d-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;So I added “no faces” again:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/26tsokolovskaya_56667_charcoal_style_minimal_flat_93eee550-ceb2-4f9e-bc49-ab6e4e8db878-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;And I included words like “silhouettes” and “abstract” in the prompt:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/27tsokolovskaya_56667_charcoal_style_minimal_flat_Silhouettes_84ee1ebd-89d5-4bef-b3f3-78c1c262ebb5-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/28tsokolovskaya_56667_minimalist_charcoal_flat_Silhouettes_abstra_1d0e4d40-53f9-4b94-91fe-4aed213378b3-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;However, the silhouettes became too human-like, so I added “alien flat silhouette”:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/29tsokolovskaya_56667_charcoal_style_minimal_alien_flat_silhouett_2dc87b70-3911-40ec-addc-a3619356b337-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Changing the order of words in the prompt influences the results: “charcoal style, &lt;b&gt;minimal&lt;/b&gt;, alien flat silhouette, no faces” → “&lt;b&gt;minimal&lt;/b&gt;, charcoal, abstract, alien flat silhouettes, no faces”. And the results are getting closer and closer to the desired ones:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/30tsokolovskaya_56667_minimalist_charcoal_abstract_alien_flat_sil_a618b7bb-564d-4d86-8b02-6d06fc9e58e4-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I switched from “flat” to “blurred”:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/31tsokolovskaya_56667_minimalist_charcoal_abstract_alien_blurred__354bcdb5-32ec-4e13-8d92-bad24aac5931-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;And continued to tweak the prompt, which now looks like “link_image_1 link_image_2 link_image_3 link_image_4 minimalist, charcoal, abstract, alien blurred silhouette, flat, no faces”. Here are some of the covers in the links. I added the image weight parameter to the prompt to make the covers have more influence on the result and I got this:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/32tsokolovskaya_56667_minimalist_charcoal_abstract_alien_blurred__63161c69-1913-4851-8636-4a121d0eef57-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/33tsokolovskaya_56667_minimalist_charcoal_abstract_alien_blurred__33d95095-6a63-4d42-90e8-a16828ed88d1-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I adjusted the influence of the original covers in the prompt and experimented with different parameters like “weird” with values of 2000 and 3000:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/34tsokolovskaya_56667_minimalist_charcoal_abstract_alien_blurred__4ab9a542-c9e2-424f-859d-dd4f0114dbaf-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/35tsokolovskaya_56667_minimalist_charcoal_abstract_alien_blurred__d2626005-fe39-4f85-b4bc-6a0314dfe9c1-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;And added words like “dust” and “scratches”:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/36tsokolovskaya_56667_minimalist_charcoal_abstract_alien_blurred__f0eb780c-832b-48dd-975b-feb1fe2a955e-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/37tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_silhou_51edf027-3c12-45bf-8c91-32dcd6c4400b-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I replaced “alien” with “ghost” and generated more variants with the latest prompt:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/38tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__fea69bd9-3213-49fd-a279-443ebf33c8b3-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/39tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__fa481a6f-d44f-4e0b-88e0-51804461f582-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Also I introduced the “chaos” parameter with varying values, leading to a range of intriguing images:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/40tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__677c0ca9-c758-47a5-9b31-d21c175d637d-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/41tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__ca1501b6-9f14-4ce4-a198-56cd11d6bd86-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/42tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__312007fa-c8b9-45ac-89d1-69077e476bbf-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/43tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__862ad83d-3f27-434b-9dc4-85fe7d55bb42-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/44tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__bd5bd717-a1ba-4d86-b68b-dace1dceac1a-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/45tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__2b5b063a-6ed4-4164-9b2a-a4e5e8d2199d-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/46tsokolovskaya_56667_minimalist_charcoal_e97f4210-fc7a-442a-8a65-4d5eb1e37f28-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/47tsokolovskaya_56667_minimalist_charcoal_297a6f82-06cb-4593-a57f-2475263f4289-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/48tsokolovskaya_56667_minimalist_charcoal_428483b0-1318-410d-b132-662cefb614b2-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Some images caught my attention, so I generated variations and added “no faces, hands, legs” to the prompt:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/49tsokolovskaya_56667_minimalist_charcoal_fa665702-e5d9-44e2-9a47-2a171d94eefa-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/50tsokolovskaya_56667_minimalist_charcoal_db59c747-dd34-44bf-b0f7-a857a80a1b10-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/51tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__d6b6a7b4-86aa-4ac2-9b6b-4ac519c3e69c-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/52tsokolovskaya_56667_None_d7c059f0-18d9-493a-85c8-366d187f0f65-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/53tsokolovskaya_56667_None_af78c4f0-60f1-4072-987d-2ee5de8ed4b0-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/54tsokolovskaya_56667_minimalist_charcoal_abstract_blurred_ghost__06a9dd8e-e89b-4ba9-b0ce-a3c6dbbc890f-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Then I upscaled the most suitable images for further work:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/55tsokolovskaya-Large.jpeg" width="2030" height="2030" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The images I selected from the generation process for further work&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Finally, I took these generated images into Photoshop to unify their style and appearance. The end result was a series of unique and stylistically consistent album covers, all created with the aid of AI technology:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/1-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/2-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/3-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/4-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/5-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/6-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/7-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/8-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/9-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/10-Large.jpeg" width="1280" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The client at JOOF loved the result so much so then they asked me to make a refresh artwork for their sub-label too called JOOF Aura.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Covers_old.jpg" width="1200" height="1200" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Cover artwork references&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;With these design I went through pretty much the same process, so let fast-forward you to the final result:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1000" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/1-15.jpg" width="1000" height="1000" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/2-13.jpg" width="1000" height="1000" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/3-7.jpg" width="1000" height="1000" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/4-10.jpg" width="1000" height="1000" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/5-11.jpg" width="1000" height="1000" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/6-13.jpg" width="1000" height="1000" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/7-10.jpg" width="1000" height="1000" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/8-12.jpg" width="1000" height="1000" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/9-8.jpg" width="1000" height="1000" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/10-4.jpg" width="1000" height="1000" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;My opinion about AI is that the future lies in this technology. However, it’s important to note that it’s not as simple as generating designs with a single click. It involves a substantial amount of work. Even for this artwork, it took me many hours across multiple days to control the visual output guided by my vision, master the prompts and get the result done right. Which is surely faster if I were drawing this by hand, but still not as easy as it might seem when someone hears the words “AI” being involved.&lt;/p&gt;
&lt;p&gt;I believe that designers who master this technology will undoubtedly have an edge in the future. AI doesn’t just replace hours of manual labour; it becomes an invaluable tool in a designer’s arsenal. The era of relying solely on Photoshop is evolving into one where AI complements Photoshop.&lt;/p&gt;
&lt;p&gt;Nevertheless, it’s crucial to understand that professional skills are still required to effectively use these tools. A manager, for instance, can’t just generate the needed images without a background in design and a trained eye. The role of the designer is not diminished but enhanced, requiring a blend of artistic sense and technical know-how to harness the full potential of AI in creative design.&lt;/p&gt;
</description>
</item>

<item>
<title>Created the logo for the ISONscope space project</title>
<guid isPermaLink="false">12</guid>
<link>https://tsokolovskaya.com/blog/all/isonscope-logo-process/</link>
<pubDate>Sun, 24 Jan 2021 22:50:00 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/isonscope-logo-process/</comments>
<description>
&lt;p&gt;ISONscope is a joint project of the United Nations for Outer Space Affairs (UNOOSA) and the Keldysh Institute of Applied Mathematics of the Russian Academy of Sciences. The project’s name comes from the acronym ISON (International Scientific Optical Network) and the word telescope. ISON is an existing initiative of the Institute’s staff to observe near-Earth space.&lt;/p&gt;
&lt;p&gt;ISONscope will provide small telescopes and associated equipment on a competitive basis to scientific or educational institutions in developing countries. This will enable them to observe satellites and space debris in high Earth orbits, as well as asteroids and comets.&lt;/p&gt;
&lt;p&gt;We have a very tight deadline — we have three weeks to do everything, so we must hit the mark the first time. The logo should be the face of ISONscope, part of the UNOOSA Access to Space for All initiative &lt;a href="https://www.unoosa.org/oosa/en/ourwork/access2space4all/index.html"&gt;Access to Space for All initiative&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;As usual, I started the work with questions. The project team explained everything to me in great detail. The logo must have a telescope, a name and objects that can be observed through the telescope. They need a so-called logo emblem. They also sent me pictures of the telescopes themselves:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/IMG_4598.JPG" width="1000" height="667" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2021-01-01-at-21.37.36.png" width="471" height="596" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2021-01-01-at-21.37.48.png" width="593" height="443" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I take up a pencil and sketch. The task is quite narrow, so I don’t experiment too much but try to incorporate the necessary elements from the discussion with the client. This is what came out:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/IMG_0233.jpg" width="1200" height="851" alt="" /&gt;
&lt;/div&gt;
&lt;p class="loud"&gt;I made a video of sketching for the logo: take a look &lt;a href="https://www.youtube.com/watch?v=lN_ov6JaDYw"&gt;on YouTube&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;I also sketched the telescope itself, but in a vector:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/4-3.png" width="419" height="547" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I immediately knew the logo’s shape: I decided to make it in a circle and combine the letter I and the telescope into one element. At this stage, I took a ready-made IBM font:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/9-2.png" width="1062" height="305" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Now I had to sketch additional objects that would be present in the logo – an asteroid, space debris and a satellite. I wanted to draw a complete picture of the Sun and the Earth to make it clearer:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/8-1.png" width="849" height="1144" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The dotted lines are the orbits of the asteroid and satellite, and in green, I have highlighted the area that will go into the logo&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Putting together a logo. Additional signatures need to be placed around the circle: United Nations Office for Outer Space Affairs and Keldysh Institute of Applied Mathematics. Here’s what I’ve got:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/10-1.png" width="683" height="584" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I like the result, so I continue working and painting the letters:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/5-2.png" width="1827" height="443" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Here’s what came out when combining the telescope with the new letter I:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/7-1.png" width="612" height="353" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Updating the logo and changing the layout of the circular text:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/11-1.png" width="452" height="408" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I try the result on a mock-up and send it to the client:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/12-2.jpg" width="1200" height="800" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/13-2.jpg" width="1200" height="768" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Looking at the logo in colour and without the caption&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/14-1.jpg" width="1200" height="801" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Testing the reverse logo on the media:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/15-1.jpg" width="1200" height="857" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/16-2.jpg" width="1200" height="800" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/17-1.jpg" width="1200" height="800" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I got an answer — they like the logo, but they wanted to make the satellite more obvious, darken the colour and perhaps add a signal from the satellite.&lt;/p&gt;
&lt;p&gt;Trying different shapes of satellites, moving elements slightly and adding a signal (it looks like a wifi icon), also updating the colour:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/18-1.png" width="1323" height="443" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The signal is definitely not needed — too much detail. I chose a satellite with solar panels in the shape of paddles and sent it to the client again:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/19.jpg" width="1200" height="801" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/20.jpg" width="1200" height="813" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/21.jpg" width="1200" height="900" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/22.jpg" width="1200" height="801" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The logo is approved!&lt;/p&gt;
&lt;p&gt;While we were working, UNOOSA presented the logo for the Access to Space for All initiative:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/23.jpeg.jpg" width="2560" height="2559" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;It turns out our logos are pretty similar, which was nice :-)&lt;/p&gt;
&lt;p&gt;UNOOSA soon sent us their brand book, and we updated the circular signature font and colour to match their style more.&lt;/p&gt;
&lt;p&gt;We replaced the font with Avenir. The colour is a bit harder, we liked our deep blue, and it wasn’t there. We looked at a few colour options:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/24.png" width="596" height="806" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;We decided on purple as the closest thing to our blue.&lt;/p&gt;
&lt;p&gt;The logo is ready!&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/25.jpg" width="1200" height="768" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The competition starts on 27 January, and the results will not be announced until October. I’ll keep an eye out :-)&lt;/p&gt;
&lt;p&gt;I was extremely excited to work on the project. Space is my love!&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/IMG_0420-1.jpg" width="700" height="933" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Wearing the solar system on my back&lt;/div&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>How I created a stylist’s logo</title>
<guid isPermaLink="false">13</guid>
<link>https://tsokolovskaya.com/blog/all/miagkova-logo-process/</link>
<pubDate>Sat, 05 Dec 2020 19:18:00 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/miagkova-logo-process/</comments>
<description>
&lt;p&gt;Natasha came to me with the task of designing a personal logo. She tailors her clients’ style of clothing and plans entire dressing rooms. There is more to her work than just changing clothes. Each client changes from the inside out and works through specific challenges and fears through the image. One day I would like to see such a specialist too :-)&lt;/p&gt;
&lt;p&gt;I started the job with a conversation, of course. Natasha talked about herself, her work, her values, her plans and wishes, and the process began.&lt;/p&gt;
&lt;p&gt;When working on a personal logo, it’s difficult to get an idea right the first time; it depends a lot on the client’s inner feelings. That’s why, more often than not, the first choice is like a finger in the sky. In this case, I took as my image the first association with a wardrobe — a coat rack.&lt;/p&gt;
&lt;p&gt;Google showed me dozens of hangers-on and logos with them:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-09-29-at-20.13.32.png" width="1200" height="757" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I noticed that the hangers were all at the same angle. Then I found a photo like this:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Frete-Gr-tis-de-Alta-Qualidade-Branco-Ternos-Cabide-De-Madeira-para-Crian-as-Crian.jpg" width="680" height="680" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;That’s the angle I decided to work with.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/IMG_9887.jpg" width="2560" height="1920" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;I also made up the initials (Natasha Miagkova)&lt;/div&gt;
&lt;/div&gt;
&lt;p class="loud"&gt;I’ve made a video of sketching the logo: Watch this on &lt;a href="https://www.youtube.com/watch?v=uDQXPav3daM"&gt;YouTube&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;I drew one hanger:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-21-at-22.10.38.png" width="441" height="355" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Put the three together in a row as if they were hanging on a bar but didn’t like the way they stuck together:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-21-at-22.11.19.png" width="561" height="398" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Separated the hangers:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-12.26.56.png" width="392" height="232" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I’m trying different variations — with a bar, thinner, thicker, reflected on the left, on slats:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-21-at-22.58.11.png" width="1132" height="430" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;None of this hooks me&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Drawing a hanger with parallel lines:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-21-at-22.11.50.png" width="1146" height="520" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Putting together three hangers on a bar:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-21-at-22.12.13.png" width="876" height="463" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I also saw this connection:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-21-at-22.26.02.png" width="1204" height="638" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;At the same time, I’m considering a couple of options with initials, but I don’t like them:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-21-at-22.55.27.png" width="403" height="265" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I go back to the hangers and assemble the logo with different fonts:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-21-at-22.18.37.png" width="743" height="828" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I choose the middle option and put together a presentation:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/11-2.jpg" width="1932" height="1000" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/1-6.jpg" width="2560" height="1829" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/2-6.jpg" width="1500" height="1043" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/4-2.jpg" width="2560" height="1877" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/6-5.jpg" width="2560" height="1920" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/7-4.jpg" width="2560" height="1793" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/5-4.jpg" width="2560" height="1920" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/10-2.jpg" width="2560" height="1709" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I get comments from Natasha — the image doesn’t fit and seems harsh. Natasha also asks for a font where all the letters “A” would be without a horizontal stroke. I show her:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-21-at-22.48.42.png" width="312" height="102" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;There were too many “roofs”, so I rejected it, and Natalia agreed&lt;/div&gt;
&lt;/div&gt;
&lt;p aside&gt;Natasha is the type of client I love the most! She is involved in the process and works with me while subtly respecting the boundaries while remaining precisely a client :-) &lt;/p&gt;
&lt;p&gt;We discuss where we are going next. Natasha is also active, which helps the process a lot. She has found images and logo options that she likes in some way, and we have identified three types of logos that we will try to make:&lt;/p&gt;
&lt;ol start="1"&gt;
&lt;li&gt;A variant with handwritten initials or last name.&lt;/li&gt;
&lt;li&gt;A logo with a monogram sign.&lt;/li&gt;
&lt;li&gt;A variant with a sign consisting of two images — a lotus and a corset. The lotus image she likes and the corset is an attributes of a woman’s wardrobe.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;I decided to start with options two and three, but first, I google what monograms already exist. There are, of course, a great many of them:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1459" data-ratio="1.5041237113402"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-21-at-23.08.18.png" width="1459" height="970" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-21-at-23.08.34.png" width="1458" height="858" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Sketched out a new batch of sketches:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/IMG_9888.jpg" width="2560" height="1920" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Drawing a monogram and a lotus corset in a vector:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-21-at-23.21.02.png" width="1101" height="234" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;In the monogram, it’s as if the letter n is standing, and its “foot” is reflected in the mirror, and that’s how m is formed (what a twist!)&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-21-at-23.21.38.png" width="953" height="285" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;And there are three images hidden in the lotus:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-21-at-23.22.14.png" width="935" height="272" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;These options don’t work for us because the lotus has a different association than we need, and there’s probably already a monogram like that somewhere :-)  I decide to show the options to the client but not to use them:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/lotos.jpg" width="2560" height="1707" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/monogramma.jpg" width="2560" height="1707" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/monogramma-mirror.jpg" width="2560" height="1707" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Parallel drawing of a variant with initials in the lines, but rejected:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-21-at-23.22.02.png" width="753" height="205" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I finally got around to the handwritten options. Found a font for an example:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.02.09.png" width="607" height="339" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I’m trying to combine it with the name:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.02.47.png" width="548" height="297" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I want M to complement the first letter A in the name, drawing my M:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.03.03.png" width="527" height="281" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I’ll leave this one for now and proceed with the handwritten initials:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.07.01.png" width="684" height="343" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;This is the logo&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;In the process, a different version in the shape of a circle was formed:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.07.16.png" width="1148" height="403" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;I just deformed the letters for now, but you can’t do that in the finishing work :-)&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I compile the options into a presentation and show them to the client:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/11-copy.jpg" width="2560" height="1829" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/1-copy.jpg" width="2560" height="1707" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/4-copy.jpg" width="2560" height="1920" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/5-copy.jpg" width="1500" height="1043" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/12-copy.jpg" width="2560" height="1829" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/2-copy.jpg" width="2560" height="1707" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/6-copy.jpg" width="1500" height="1043" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/7-copy.jpg" width="1500" height="1067" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/3-copy.jpg" width="2560" height="1707" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/8-copy.jpg" width="2560" height="1920" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Natalia asks to see the first version with a sans-serif font. I show her:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.15.32.png" width="571" height="311" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I liked the version with the additional circle-shaped sign better. I am continuing to work on it.&lt;/p&gt;
&lt;p&gt;At this stage, I draw the letters:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.22.28.png" width="1412" height="369" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I add the accent, the diacritical mark and the descriptor to the surname. The diacritical mark is taken from the Ukrainian language — Ї, Natasha lives and works in Kyiv. Looking at different positions:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.24.37.png" width="1113" height="508" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Trying to insert the font part in the initials:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.27.51.png" width="674" height="569" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I’m also looking at framed options:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-12.33.00.png" width="457" height="410" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I decided to flatten the handwritten part a bit:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.30.06.png" width="1564" height="374" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Drawing letters for the descriptor:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.32.27.png" width="1327" height="327" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Putting together a version of the logo in a round shape:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.31.18.png" width="457" height="404" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;But that’s not the end :-)&lt;/p&gt;
&lt;p&gt;I decided to add “life” to the initials by imitating writing with a nib, as the lines flow from thin to thicker and then back to thin again:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.34.12.png" width="972" height="693" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I like it much better that way:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.43.42.png" width="769" height="364" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Transforming the handwritten part a bit:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.45.53.png" width="1092" height="231" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Looking at the logo in different forms:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.50.22.png" width="1529" height="370" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-0.51.47.png" width="504" height="450" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Putting together a presentation. I tell the client that I have decided to revive the thin line in the handwritten part and imitate writing with a nib. This way, the sign looks more confident, and we can continue to work with it. I present all the options for clarity:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1500" data-ratio="1.5625"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/1-copy1.jpg" width="1500" height="960" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/2-copy1.jpg" width="1500" height="960" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/9-copy1.jpg" width="1500" height="960" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/3-copy1.jpg" width="1500" height="960" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/7-copy1.jpg" width="1890" height="1417" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1500" data-ratio="1.5625"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/4-copy1.jpg" width="1500" height="960" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/11-copy1.jpg" width="1500" height="960" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/20-copy1.jpg" width="1500" height="960" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/10-copy1.jpg" width="2560" height="1920" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/5-copy1.jpg" width="1890" height="1417" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/17-copy1.jpg" width="2560" height="2048" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/18-copy1.jpg" width="2560" height="1920" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/19-copy1.jpg" width="2560" height="1920" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/16-copy1-1.jpg" width="2560" height="1920" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Natalia decided on a version where the handwritten part is linked to the typographic part:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/13-copy1.jpg" width="1500" height="1043" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;However, after living with this variation for a couple of days, we saw that the vertical line with the tail, which divides the typographic part in half, was too massive and took on a lot of emphases. I went ahead and made three new variants of this ponytail:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-11.58.10.png" width="1520" height="339" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Stop at the first option and see it in colour:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-12.04.01.png" width="520" height="256" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Changing the letters in the descriptor from lowercase to uppercase so the logo is more harmonious:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-12.05.22.png" width="608" height="349" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Trying on an additional round version of the logo with the modified handwritten part, but it doesn’t fit:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-12.06.43.png" width="821" height="436" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Leaving it as it was&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Done. Natasha accepts the job! The final result is the basic logo, the other round version and the version without the descriptor:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2020-11-22-at-12.12.56.png" width="1449" height="400" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Final versions of the logo&lt;/div&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>How I made the logo for the promo brand Rave People</title>
<guid isPermaLink="false">65</guid>
<link>https://tsokolovskaya.com/blog/all/raveppl-logo-process/</link>
<pubDate>Tue, 18 Feb 2020 19:13:10 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/raveppl-logo-process/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/5.png" width="800" height="1107" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Rave People is a Moscow promo brand. Makes underground raves in chamber format. Main directions: Progressive House, Underground Trance and Techno.&lt;/p&gt;
&lt;p&gt;They need a logo from the sign and text part. Proceeding to sketches:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/IMG_7044.jpg" width="1500" height="1029" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;First sketches&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The bottom right is a simplified AV of the word “RAVE”. It reminds me of a warning ribbon, so I decided to stick with it for now. Sketched some more ideas at the same time:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/3-1.png" width="1369" height="253" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/2-4.jpg" width="600" height="333" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;This is what the warning tape looks like&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Figuring out the rest of the letters:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/4-1.png" width="867" height="478" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Typing “People” in the finished font to see the logo as a whole:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/6-1.png" width="732" height="388" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Discussed the sketch with a representative of the promotional group and decided that we needed something different for the sign, separate from the text part of the logo. This is how the “RP” sign came to be:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/7.png" width="622" height="319" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;But there are a lot of similar combinations of the letters “R” and “P”, we need to make the sign unique. Then I remembered about the smiley — the symbol of acid-house, and saw it inside the sign:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/8.png" width="920" height="342" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;I try different variants&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I settled on this one:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/9.png" width="342" height="307" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;More smiley ideas:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/10.png" width="1817" height="354" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/photo_2019-09-08_16-34-11.jpg" width="841" height="991" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Looking at how the sign and text part go together:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/11.png" width="847" height="797" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Working on “People”:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/12.png" width="1071" height="677" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Putting the two words together:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/13.png" width="834" height="394" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/1-5.jpg" width="1756" height="1102" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/2-5.jpg" width="1756" height="1102" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/4-1.jpg" width="1756" height="1102" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2019-09-08-at-16.36.10.png" width="800" height="865" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Got feedback from the promo team that a similar idea has been used before:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/14-2.jpg" width="1080" height="1080" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Z Festival logo&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Finalising the Rave:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/15-1.png" width="721" height="475" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The top part of the “R” seems too thin to me, so I’m revising it:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/16-2.png" width="437" height="255" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I also decided to reduce intra-letter space:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/17.png" width="610" height="255" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Comparing:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/18.png" width="708" height="465" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Result:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/19.png" width="692" height="469" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/9-1.png" width="800" height="880" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Trying on the logo for a social media avatar:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/8-4.jpg" width="1109" height="1114" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/6-4.jpg" width="849" height="1084" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/7-3.jpg" width="1058" height="1244" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Work accepted!&lt;/p&gt;
&lt;p&gt;Logo in life – on the website &lt;a href="http://raveppl.ru"&gt;raveppl.ru&lt;/a&gt;&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/_MG_097375.jpg" width="800" height="1200" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Photo © Psyler Room&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/DSC05349-(8).jpg" width="800" height="1200" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Photo © Pavel Tzimisce&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/IMG_9124-(1).jpg" width="1200" height="675" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Photo © Schneider Family&lt;/div&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>The new logo for Katya Keshchyan’s Wedding House</title>
<guid isPermaLink="false">20</guid>
<link>https://tsokolovskaya.com/blog/all/dom-svadeb-logo/</link>
<pubDate>Sat, 11 May 2019 20:36:00 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/dom-svadeb-logo/</comments>
<description>
&lt;blockquote&gt;
&lt;p&gt;&lt;i&gt;&lt;b&gt;Task&lt;/b&gt;&lt;/i&gt;&lt;br /&gt;
&lt;i&gt;To do a small rebranding: update the logo and colour scheme.&lt;/i&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2019-05-17-at-18.12.09.png" width="609" height="634" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Old logo&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2019-05-17-at-18.12.38.png" width="365" height="359" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Wreath with Katya Keshchyan’s logotype.&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Until today, the agency’s logo was a drawn character in a flower arch (Katya herself was drawn by a commissioned artist, I don’t know her name). But the House of Weddings is growing, and with the growth, we needed a real logo. The text part came &lt;a href="http://tsokolovskaya.com/blog/all/utkin-dom-identity/"&gt;from the Duck House&lt;/a&gt;. We decided to keep it for now but supplement it with a graphic sign. We also decided to redesign the arch, to make the colours less saturated and to get rid of the wreath.&lt;/p&gt;
&lt;h2&gt;Started with an abbreviation&lt;/h2&gt;
&lt;p&gt;First, I try to make a wreath out of the letters “ДС”. I got this sketch:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Mockup.jpg" width="1500" height="1239" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I sent it to Katya and got the go-ahead to develop the idea. I sketched flowers and leaves from the wreath and attached them to the “ДС”:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/1-3.jpg" width="1500" height="1132" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/2.jpg" width="1500" height="1132" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Katya didn’t like the tail on “Д”. I try adding another flower and the ring the character is holding:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="791" data-ratio="1.0718157181572"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/3.png" width="791" height="738" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/4.png" width="943" height="836" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;In response, I got a picture from the film Avatar :-) Katya says that the tail looks very much like the tail of the Na’vi creatures.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/l1048753829.jpg" width="1024" height="576" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Na’vi&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I decide to move away from the wreath and try the ring shape.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/6.png" width="436" height="466" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/6-1-1.jpg" width="1500" height="1136" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The abbreviation “ДС” fits perfectly in the circle&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I remove the flowers and add a diamond from the character illustration:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/7.jpg" width="1500" height="1186" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Katya likes the ring a lot. See the sign for an example on the website:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/web-1.jpg" width="1307" height="1114" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/web-2.jpg" width="1307" height="1114" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;In this form, the “ДС” wreath blends with the text part better than the “ДС” ring.&lt;/p&gt;
&lt;p&gt;I go back to the first version and add detail to the “Д” tail so it doesn’t conjure up a Na’vi tail. Here we go:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/8-2.jpg" width="1200" height="1075" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;In parallel, I try to connect the “ДС” ring with the text part in some other way and find a great option:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/9-1.jpg" width="1200" height="1038" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Katya likes it. We decide to settle on this logo variant. Finalising the diamond itself:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2019-05-17-at-18.52.33.png" width="1118" height="212" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;In the process, I tried adding the diamond feet, but they seemed superfluous&lt;/div&gt;
&lt;/div&gt;
&lt;h2&gt;Working on the arch and the character&lt;/h2&gt;
&lt;p&gt;At the same time, I was working on the arch. The main task was to get rid of the bubbles. So first, I cleaned them up, and in their place, I added vegetation:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/v1-1.jpg" width="1764" height="838" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;After — Before&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Thought of a variant with dark red on the character and in the colours of the arch:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2019-05-17-at-18.56.05.png" width="1000" height="906" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;It was abandoned at once&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I’m trying to reduce the arch a bit and make it thinner. For this purpose, I removed bubbles and vegetation and reduced the flowers themselves:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2019-05-17-at-18.57.41.png" width="1000" height="1028" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;By this point, Katya decides to move away from the arch altogether for now and leave it as is.&lt;/p&gt;
&lt;p&gt;Adjusting colour saturation in images. Before — After:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2019-05-17-at-19.04.07.png" width="1278" height="636" alt="" /&gt;
&lt;/div&gt;
&lt;h2&gt;Putting together a guideline&lt;/h2&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1200" data-ratio="1.1940298507463"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/4-5.jpg" width="1200" height="1005" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/6-7.jpg" width="1200" height="1005" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/10-11.jpg" width="1200" height="1005" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/12-13.jpg" width="1200" height="1005" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>Made a new Daniel Lesden logo</title>
<guid isPermaLink="false">23</guid>
<link>https://tsokolovskaya.com/blog/all/daniel-lesden-logo/</link>
<pubDate>Sat, 13 Jan 2018 21:55:00 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/daniel-lesden-logo/</comments>
<description>
&lt;blockquote&gt;
&lt;p&gt;&lt;b&gt;&lt;i&gt; Task&lt;/i&gt;&lt;/b&gt;&lt;br /&gt;
&lt;i&gt; To refresh the logo while maintaining its recognisability.&lt;/i&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/Screen-Shot-2019-05-23-at-12.25.55.png" width="928" height="298" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;This is what the old logo looked like. The work was done by Serbian designer Nebojsa Nadj in 2012&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The main element of the logo is the DL abbreviation combined into a single sign. This sign is responsible for recognisability, so it should be preserved.&lt;/p&gt;
&lt;p&gt;The logo is often used on posters, flyers, album covers and other materials full of colour and elements. That’s why I decided to use only capital letters. Then the logo will be well read. I choose a font that suits the “D” as much as possible:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/1-4.jpg" width="1000" height="212" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;There is a second letter “D” in the name. I immediately try to insert a sign in its place while cutting the serif tail:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/2-3.jpg" width="1000" height="212" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Right now, the “D” is too wide compared to the other letters. Correcting this:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/3.jpg" width="349" height="550" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I also softened the ponytail and made it a little shorter:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/13-1.jpg" width="953" height="1035" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Looking at the result:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/4.jpg" width="1000" height="212" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Experimenting with letter spaces:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/5.jpg" width="1000" height="212" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Adding ligature and spaces to other letters:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/6.jpg" width="948" height="902" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I’m putting together a vertical version:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/8-3.jpg" width="546" height="257" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The words do not match in width — bad. I add horizontal strokes to the letter “I” and lengthen the horizontal stroke “L”:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/9-2.jpg" width="485" height="918" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I don’t like it that way. I am expanding the letter “A”.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/10-1.jpg" width="421" height="221" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I align the spaces in the letters and take the “E” with a tail, as without it, a hole is formed between the “LE”:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/7-2.jpg" width="716" height="251" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;A wide “A” solved the alignment problem&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/11-1.jpg" width="1000" height="212" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The horizontal version looks great too&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I colour the logo in the company orange colour and sent it to the client:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/12-1.jpg" width="963" height="404" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Work accepted :-)&lt;/p&gt;
</description>
</item>

<item>
<title>Process: logo of make-up artist Anna Rotar</title>
<guid isPermaLink="false">33</guid>
<link>https://tsokolovskaya.com/blog/all/rotar-process/</link>
<pubDate>Mon, 19 Sep 2016 13:05:36 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/rotar-process/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/99-1.jpg" width="2000" height="1164" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Anna Rotar is a makeup artist and hair stylist in Odessa. I designed a logo and business card for Anna.&lt;/p&gt;
&lt;p&gt;Together with Anna, we decided that the handwritten version is closer to her character. That’s what we started from.&lt;/p&gt;
&lt;p&gt;I sketched the variants:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/sketch-book.jpg" width="1755" height="1195" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I converted some of them into vectors and chose the least “curly” one:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-0.jpg" width="670" height="136" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I look at the media:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-2.jpg" width="1200" height="1287" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I don’t like that all the letters are handwritten, but I like the shapes of the letters A and R. I decided to keep them and type the rest:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-1.jpg" width="670" height="218" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The logo has become more serious, just right for the sound of the surname. Try pronouncing Rotar. It growls and sounds hard, but at the same time, the soft sign softens the growl. I keep working. I want to connect the horizontal stroke A and semi-oval R and turn the serifs nn into tails, like the letter a. I’m trying it, let’s see:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-3.jpg" width="809" height="240" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Yes. That’s how we got integrity. I connect the logo with Anna’s activity: the letter A fulfils the role of a pencil with a trace from it:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-5.jpg" width="743" height="240" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I show the client a preliminary version:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-21.jpg" width="1400" height="875" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Photo from the web for an example&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-22.jpg" width="2400" height="1590" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I got approval — Anna likes the logo. I work further. I lighten the bold lines A and R, slightly shorten the vertical stroke R and remove the tail of the letter A.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-4.jpg" width="790" height="240" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The stage of letter drawing has come. I mark the main problems that need to be corrected:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-6.jpg" width="743" height="240" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Aligning parallels, bringing all similar semicircular tails to the same size:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-19.jpg" width="987" height="1365" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-7.jpg" width="743" height="222" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Correcting the arc from R to the leg:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-8.jpg" width="743" height="222" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Looking in black:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-9.jpg" width="743" height="222" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I don’t like the junction of the half-oval of R and its leg:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-10.jpg" width="605" height="418" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Correcting:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-20.jpg" width="834" height="510" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-11.jpg" width="743" height="222" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Now it’s the turn of the pencil mark. Softening it:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-12.jpg" width="743" height="148" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Looking in the logo:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-13.jpg" width="743" height="236" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I’m also correcting it so that it doesn’t protrude too much above the letter A:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-14.jpg" width="722" height="236" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Looking at:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-15.jpg" width="781" height="236" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I make a variant of the logo from the initials:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-18.jpg" width="800" height="653" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Done! I’m going to start with business cards. For them, I refined the pencil trace:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-16.jpg" width="781" height="236" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The silhouette of a face appears inside.&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I reflect the silhouette vertically:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-rotar-17.jpg" width="656" height="236" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I put the business card layout together and send it to the client:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/99-2.jpg" width="1064" height="1068" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/5-1.jpg" width="2400" height="1600" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/7-1.jpg" width="1400" height="2097" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/8-1.jpg" width="2400" height="1600" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/99.jpg" width="1379" height="2014" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Anna accepts the job.&lt;/p&gt;
</description>
</item>

<item>
<title>How I design and layout the book</title>
<guid isPermaLink="false">38</guid>
<link>https://tsokolovskaya.com/blog/all/wedensky-book-process/</link>
<pubDate>Wed, 10 Aug 2016 22:44:05 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/wedensky-book-process/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/img_0211.jpg" width="1200" height="731" alt="" /&gt;
&lt;/div&gt;
&lt;p aside&gt;&lt;a href="http://tsokolovskaya.ru/blog/all/wedensky-ebook/"&gt;А тут электронная версия книги&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Introducing my first book publication! I am very happy that I had the chance to discover this new direction in design. Working on the design of the book was not easy, but interesting. Here I will show you the process of work and all the behind-the-scenes details.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;The task&lt;/b&gt;: to layout, design and help publish a fiction book by Israeli author and psychologist Lea Wedensky. The book is called “Of Life, Death and Love”.&lt;/p&gt;
&lt;p&gt;From the conversation with the author, I learnt that the book will be bilingual — in Russian and in Hebrew, and according to the idea the text should be divided into two columns. Therefore, for greater convenience, I chose a square format for the book.&lt;/p&gt;
&lt;p&gt;The stories were illustrated by artist Masha Roitman. The illustrations are stunning and lively, made in graphic style with pencil on paper:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/1_0.jpg" width="853" height="1200" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/2_1.jpg" width="894" height="1200" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/3_2.jpg" width="1200" height="873" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Almost immediately I had an image of a book with an association on the theme of life and death — a white-coloured cover with dark margins.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/4_2.jpg" width="1146" height="600" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Sketch of the cover. The Hebrew text is a rough Google translation of the Russian-language title&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;At this point, I put the cover aside and proceeded to the book block. Here things turned out to be a bit more complicated. Hebrew is a right-handed writing, so the book opens from left to right. It means that Russian texts will be read backwards, which is not quite convenient.&lt;/p&gt;
&lt;p&gt;The first version of the book page was like this:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/5_2.jpg" width="947" height="553" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;It didn’t seem bad. But the more I got into the book design, the more I realised the unfitness of the first version. In addition, in the process there was a conflict with the illustrations — they are both horizontal and vertical. If you limit them to the typing strip, you get large margins that are disharmonious with the text block. I decided to place the illustrations “under the crop”, but this worked for the vertical illustrations, the horizontal ones continued to “cut the eye”.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/6_0.jpg" width="953" height="545" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Vertical illustration&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/7_0.jpg" width="946" height="554" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Horizontal illustration&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;At this stage, the author refused to combine Hebrew and Russian in one book — it was the best solution.&lt;/p&gt;
&lt;p&gt;I went ahead and removed the Hebrew-language text. Now the text blocks seem too massive and the lines too long. It is uncomfortable to read such text, your eyes get tired quickly. The font size cannot be increased, it is already large enough.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/8.jpg" width="1024" height="768" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/9.jpg" width="1014" height="762" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I’m thinking of a solution:&lt;br /&gt;
— Since we no longer require a two-column layout, there’s no longer a need to stick to the square format. Why not change it?&lt;/p&gt;
&lt;p&gt;Taking into account that all the illustrations are drawn on A4 paper, I chose the proportional format — A5 — for full harmony.&lt;/p&gt;
&lt;p&gt;When working on the square version I relied only on my aesthetic taste, but with the A5 format I had difficulties. In my search for a harmonious proportion of strip sets, I discovered Jan Tschichold and his “The Form of the Book” — a delightful “textbook” about book layout and design.&lt;/p&gt;
&lt;p&gt;Following the Van de Graaf’s canon, the strip set began to look like this:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/10.jpg" width="1486" height="763" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The illustrations also fit into the strip of the set. At the same time, I made up the cover to fit the new format&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/11.jpg" width="768" height="579" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Van de Graaf canon of page construction&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Harmony for text blocks and illustrations has been found. There was no need for a large font, so for ease of reading, I reduced it from 12 to 11 pt, now a line holds an average of 5–7 words.&lt;/p&gt;
&lt;p&gt;I chose two fonts for the text: Newton for the main text (combines high readability and features of old-style fonts, under the eternal themes touched upon in the narrative) and Jakob for the headings (handwritten font, perfectly harmonises with the graphic illustrations).&lt;/p&gt;
&lt;p&gt;Working on the text, I also followed Tschichold’s recommendations.&lt;/p&gt;
&lt;p&gt;I centred the headline, typed it in capitals with a small spacing of letters, and separated it from the main text with an indent. Therefore, the first paragraph is not indented to the left:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/12.jpg" width="1200" height="926" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The wide margins allowed for greater leading spacing, which added air and harmony to the typographic plane. In addition, I was able to keep the typing strip intact and place all the footnotes in the margins:&lt;/p&gt;
&lt;p&gt;13.jpg.&lt;/p&gt;
&lt;p&gt;To visually equalise the border of the text block, I partially moved the punctuation marks beyond it:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/3_3.jpg" width="1624" height="1156" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Wrong&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/4_4.jpg" width="1624" height="1156" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Correct&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;When punctuation marks are inside the block, geometrically the border is flat, but visually it is floating and curved. If the signs are partially taken out, then visually the border is levelled and looks nicer. For clarity:&lt;/p&gt;
&lt;p&gt;5.gif.&lt;/p&gt;
&lt;p&gt;Separately I would like to talk about “hanging” prepositions. It is correct to move them together with the related word to a new line, but I often encounter neglect of this rule. Most likely this is due to unwillingness to transfer them manually or not knowing how to automate this process. That’s why below I’ve described how to do it in InDesign.&lt;/p&gt;
&lt;h2&gt;Removing “hanging” prepositions in InDesign&lt;/h2&gt;
&lt;p&gt;Open the document and create a Character Style with the only setting “No Break”, and give it the same name:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/15.png" width="788" height="681" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Next, create a Paragraph Style for the main text and go to the GREP Style tab. There we click the “New GREP Style” button and in the drop-down list “Apply Style” choose our previously created “No Break”:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/14.png" width="784" height="684" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;In the “To Text” field, type all prepositions:&lt;br /&gt;
(?&lt;= )((в|‬на|‬под|‬с|‬со|‬во|‬без|‬то|‬ли|‬бы|‬или|‬да|‬но|‬что|‬а|‬и|‬у|‬уж|‬так|‬как|‬для|‬перед|‬через|над|‬‬при|‬по|‬до|‬от|‬о|‬об|‬‬про|‬к|‬ко|‬не|‬за|‬из|‬ни|‬нас|‬я|‬он|‬она|‬оно|‬они|‬мы|‬ее|‬её|‬его|‬вас|‬ты|‬вы‬|‬все|‬всё)( |\. |, ))+&lt;/p&gt;
&lt;p&gt;Next, create a new GREP Style by analogy with the first one, but for capitalised prepositions:&lt;br /&gt;
((?&lt;= )|(?&lt;=^))((В|‬На|‬Под|С|‬Со|‬Во|‬Без|‬То|‬Ли|‬Бы|‬Или|Да|‬Но|‬Что|‬А|‬И|‬У|‬Уж|‬Так|‬Как|Для|‬Перед|‬Через|Над|‬‬При|‬По|‬До|‬От|‬О|‬Об|‬‬Про|‬К|‬Ко|‬Не|За|Из|‬Ни|‬Нас|‬Я|‬Он|Она|‬Оно|‬Они|‬Мы|‬Ее|‬Её|‬Его|‬Вас|‬Ты|‬Вы‭|‬Все|‬Всё) )+&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/16.png" width="766" height="642" alt="" /&gt;
&lt;/div&gt;
&lt;h3&gt;To make it clear:&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;The condition (?&lt;= ) means: only if there is a space before the preposition;&lt;br /&gt;
(?&lt;=^) means: only if the preposition is at the beginning of the paragraph;&lt;/li&gt;
&lt;li&gt;(‬в|‬на|‬под|‬с|‬со|‬во‭|...|‬вы‬|‬все|‬всё) — a list of all prepositions, pronouns and conjunctions that should not be left at the end of a line;&lt;/li&gt;
&lt;li&gt;( |\. |, ) — signs after prepositions: space, dot+space, comma+space. The \ symbol indicates that the dot after it is treated as a dot, not as a GREP metacharacter);&lt;/li&gt;
&lt;li&gt;+ indicates that the condition also applies to consecutive prepositions, pronouns and conjunctions, e. g. “but we thought it was interesting”.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Read more about GREP metacharacters and principles of operation &lt;a href="https://www.dropbox.com/s/btzjulwl9dgmvxz/BookAboutGREP.pdf?dl=0"&gt;in the GREP manual&lt;/a&gt;.&lt;/p&gt;
&lt;h2&gt;Result of work:&lt;/h2&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/13_0-2.jpg" width="1600" height="1323" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Book cover&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/6_1-2.jpg" width="1600" height="1142" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Illustration style front endpaper&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/7_1-2.jpg" width="1508" height="1076" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The title page is typed in the shape of a cup and inscribed within the frames of the set band&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/3_4-2.jpg" width="1600" height="1142" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Horizontal illustrations, unlike vertical illustrations, are located directly in the text&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/4_5-2.jpg" width="1600" height="1142" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;There are footnotes in the book. To avoid disturbing the text, I have placed them in the wide margins rather than below the text&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/5_3-2.jpg" width="1600" height="1142" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The book is divided into five parts, with the beginning of each part decorated with an illustration-style frame and handwritten text&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/14.jpg" width="1200" height="920" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;A book in life&lt;/div&gt;
&lt;/div&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;b&gt;Project members&lt;/b&gt;&lt;/p&gt;
&lt;table cellpadding="0" cellspacing="0" border="0" class="e2-text-table"&gt;
&lt;tr&gt;
&lt;td&gt;Designer&lt;br/&gt;Tanya Sokolovskaya&lt;/td&gt;
&lt;td&gt;Author&lt;br/&gt;&lt;a href="https://wedensky.com/about/lea"&gt;Lea Wedensky&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Illustrator&lt;br/&gt;&lt;a href="https://business.facebook.com/MashaRoitmanillustrator/"&gt;Masha Roitman&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Literary editor&lt;br/&gt;Gulnara Sabrekova&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</description>
</item>

<item>
<title>Updating daniellesden.com</title>
<guid isPermaLink="false">39</guid>
<link>https://tsokolovskaya.com/blog/all/daniel-lesden-website-v3-5/</link>
<pubDate>Thu, 16 Jun 2016 22:17:35 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/daniel-lesden-website-v3-5/</comments>
<description>
&lt;blockquote&gt;
&lt;p&gt;&lt;i&gt;&lt;b&gt;Task&lt;/b&gt;&lt;/i&gt;&lt;br /&gt;
&lt;i&gt;Adapt the site to any screens.&lt;/i&gt;&lt;br /&gt;
&lt;i&gt;&lt;a href="http://www.daniellesden.com"&gt;www.daniellesden.com&lt;/a&gt;&lt;/i&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/website3-5-5_0.jpg" width="2500" height="1149" alt="" /&gt;
&lt;/div&gt;
&lt;p main&gt;Last November the third version of musician and DJ Daniel Lasden’s website was released. It was a big update, in which my team and I overhauled the structure and updated the style of all the pages on the site.&lt;/p&gt;
&lt;p aside&gt;&lt;a href="/blog/all/daniel-lesden-website/"&gt;First version&lt;/a&gt;&lt;br/&gt;&lt;a href="/blog/all/daniel-lesden-website-v2/"&gt;Second version&lt;/a&gt;&lt;br/&gt;&lt;a href="/blog/all/daniel-lesden-website-v3/"&gt;Third version&lt;/a&gt;&lt;br/&gt;&lt;i&gt;Adaptive version&lt;/i&gt;&lt;br/&gt;&lt;/p&gt;
&lt;p&gt;Still, the site had a drawback: its size was fixed, so mobile phone and tablet users could not enjoy it to the fullest. This feature had to be sacrificed for a while to launch the site on time.&lt;/p&gt;
&lt;p&gt;Today I’m pleased to present an update of the site specifically for mobile users. Now the site smoothly adapts to any screen: phone, tablet, laptop or desktop computer.&lt;/p&gt;
&lt;p&gt;Separately, I would like to tell you about the innovations in the “Tips” section. Listeners and site visitors send the author questions on DJing, music writing and other music industry issues, and he shares his experience — that’s how the advice section works.&lt;/p&gt;
&lt;p&gt;Initially, the design of the section was in the form of a news feed — new tips appeared at the top, and old ones went down. Everything seemed logical. But the fact is that the author writes useful articles that do not lose relevance even a year later — it is pleasant to return to them again and again. And new users may not have seen some previously published articles, because they went far down.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/blog-inner-1.png" width="1155" height="1429" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The original design of the section as a timeline&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;At first, we thought to make a search on the page, but this solution didn’t fit — often new users don’t know what to look for yet, so they need help.&lt;/p&gt;
&lt;p&gt;We split all tips by topics: music writing, DJing, management, marketing, and business.&lt;/p&gt;
&lt;p&gt;But on what principle to display tips — alphabetically, by date? And the most important thing — will it help new users? And will not harm the regular readers? The direction with grouping seems right to us, but we continue to think over the implementation.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/blog-inner-2.png" width="2000" height="903" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Thinking:&lt;/p&gt;
&lt;p&gt;&lt;i&gt;— What if in the groupings by topic, not all tips are displayed, but only the important ones at the author’s discretion? And show them in a beautiful magazine layout with large pictures?&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;— And how does that help?&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;— Very simple: this is how we help new users to orientate themselves in the rubric. Instead of flipping through dozens, and soon hundreds, of tips, it’s as if we’re saying “Here, start reading with this one”. The articles themselves are tagged and linked inside so that if the user likes it, he will go on reading.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;— Where will the rest of the articles live besides these important ones?&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;— All other tips will be at the bottom of the feed, no change with this one.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;— So regular readers will have to scroll down to this feed every time to see if new tips have come out??&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;— No: at the very top we will show some new tips first, this will be convenient for both new and regular readers. Next will be useful articles by topic, and even further on will be feeds of all the other tips.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;Sounds great. Let’s get to it:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/blog-inner-3.jpeg.jpg" width="921" height="2560" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Assemble a mock-up of the proposed idea&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Watching, evaluating and continuing to reason:&lt;/p&gt;
&lt;p&gt;&lt;i&gt;— Good overall, but the right-most element in these blocks is confusing — it feels like the large headline refers to it, not the large illustration.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;— How about we solve this with a loading animation? The three lower tips in the blocks will appear a little later, helping to set the visual emphasis.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;— How’s that??&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;— It’s like this:&lt;/i&gt;&lt;/p&gt;
&lt;div class="e2-text-video"&gt;
&lt;iframe src="https://player.vimeo.com/video/170154427" allow="autoplay" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
&lt;div class="e2-text-caption"&gt;The pod load animation helps to set the focus of attention&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;This decision is what went into the final version of the site.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/website3-5-0.jpg" width="946" height="1114" alt="" /&gt;
&lt;/div&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;b&gt;Project members&lt;/b&gt;&lt;/p&gt;
&lt;table cellpadding="0" cellspacing="0" border="0" class="e2-text-table"&gt;
&lt;tr&gt;
&lt;td&gt;Lead designer&lt;br/&gt;Tanya Sokolovskaya&lt;/td&gt;
&lt;td&gt;Designer and layout&lt;br/&gt;&lt;a href="http://dsokolovskiy.ru"&gt;Daniel Sokolovskiy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Developer&lt;br/&gt;Maxim Silnov&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</description>
</item>

<item>
<title>The process of creating a logo for the music project JOOF</title>
<guid isPermaLink="false">41</guid>
<link>https://tsokolovskaya.com/blog/all/joof-process/</link>
<pubDate>Thu, 14 Jan 2016 20:40:01 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/joof-process/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/98-6.jpg" width="1340" height="893" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;JOOF Live is a new music project by British artist John ‘00’ Fleming.&lt;/p&gt;
&lt;p&gt;John Fleming is an electronic music pioneer, DJ, producer, radio host and label owner of JOOF Recordings. In a career spanning over twenty years, John has reached unimaginable heights and is widely recognised as an engine of progress and one of the most respected artists in the underground music scene.&lt;/p&gt;
&lt;p&gt;In the “JOOF Live” project John emphasises live performances that will unlock his potential as a musician and bring a new sound.&lt;/p&gt;
&lt;p&gt;The logo of the “JOOF Live” project should be different from the logo of the JOOF Recordings label so that fans don’t confuse the names of the label and the musician. That’s why I look at the label logo before starting work:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_1.jpg" width="800" height="193" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The focus is on the two centre letters OO — they are static and rectangular. The wide font makes the logo look massive like it’s under a press. I will avoid all of this in the JOOF Live logo move from the opposite, and add ligature for more uniqueness. The client also wished to reflect sci-fi, and futurism and make the logo “spacey”.&lt;/p&gt;
&lt;p&gt;I am drawing sketches, paying attention mainly to the word “JOOF”, I will leave “Live” for later:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_2.jpg" width="1200" height="777" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I chose the most successful one in my opinion and drew it:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_3.png" width="800" height="284" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I added and changed details:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_4.png" width="800" height="583" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;But in the end, I stayed in the original form:&lt;/p&gt;
&lt;p&gt;joof_5.png.&lt;/p&gt;
&lt;p&gt;Now it’s hard to read the word JOOF, so I change the “J” until it’s recognisable:&lt;/p&gt;
&lt;p&gt;joof_6.png.&lt;/p&gt;
&lt;p&gt;I put “JOOF” aside and start “Live”. To emphasise the forward motion, I use italics:&lt;/p&gt;
&lt;p&gt;joof_7.png.&lt;/p&gt;
&lt;p&gt;I trim the “J” and “F” on the slant of “Live”:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_8.png" width="800" height="355" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Showing the client:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_9.jpg" width="800" height="1112" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_10.jpg" width="800" height="1148" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_11.jpg" width="800" height="800" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;This bear lives on John’s Instagram account&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The client likes the logo and the idea itself, but asks to improve the readability of the word JOOF, specifically the letter “J”.&lt;/p&gt;
&lt;p&gt;Working:&lt;/p&gt;
&lt;p&gt;joof_12.png.&lt;/p&gt;
&lt;p&gt;I choose the bottom right variant, correct the letter “V” in the word Live and show it to the client:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_13.png" width="800" height="316" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Something still bothers me in this variant, so the client asks to show another variant of the logo — in two lines, placing the word Live under JOOF.&lt;/p&gt;
&lt;p&gt;I’m building this variant:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_14.png" width="680" height="478" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I don’t like the intersection of “J” and “L”, and the number “00” turned out to be too narrow. I’m working on the intersection:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_15.png" width="718" height="407" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I chose the last option and moved the letter “F” outside the form, which allows expanding “00”:&lt;/p&gt;
&lt;p&gt;Sending the work to the client:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_16.png" width="654" height="489" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_17.jpg" width="800" height="800" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;After some discussion, we concluded that the two-line variant is cumbersome and limited in use. We decided to go back to the previous variant and work on readability.&lt;/p&gt;
&lt;p&gt;I change the letter “F”:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_18.png" width="800" height="323" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Comparing:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_19.jpg" width="1200" height="842" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;In this form, the logo loses all its compactness and minimalism in detail. I put this variant aside and started a new one.&lt;/p&gt;
&lt;p&gt;The task remains the same — to create a JOOF Live logo, where the word JOOF will be different from the label logo.&lt;/p&gt;
&lt;p&gt;Trying out a new ligature variant between “JO” and “OF”:&lt;/p&gt;
&lt;p&gt;joof_20.png.&lt;/p&gt;
&lt;p&gt;In this form, the ligatures reminded us of a meander ornament:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/1476433520_meander-10.jpg" width="900" height="695" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I change the “OF” connection and add the word Live:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_21.png" width="800" height="234" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Showing it to the client:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_22.jpg" width="1080" height="714" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;This variant did not fit, the client slightly changed his wishes: to make the logo stately, elegant, strong and with classic letters.&lt;/p&gt;
&lt;p&gt;I continue working. I take one of the ideas that appeared at the beginning:&lt;/p&gt;
&lt;p&gt;joof_23.jpg.&lt;/p&gt;
&lt;p&gt;The idea is based on the main features of the JOOF label logo: elongated upward letters, a bent upward tail in the horizontal stroke of the “J” and a vertically unfolded middle stroke of the “F”. If you look at the old and new label logos, they don’t have all that in them:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_24.png" width="800" height="545" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Figuring out options:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_25.png" width="788" height="703" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I discarded the angular logo (the middle one in the picture above) and worked on the other two.&lt;/p&gt;
&lt;p&gt;Building a variant based on circles:&lt;/p&gt;
&lt;p&gt;joof_26.png.&lt;/p&gt;
&lt;p&gt;It looks bad, JOOF and Live conflict, the letters are thin, and the expanded middle stroke in the letter “E” seems overdone. I’m building a second version taking into account previous mistakes:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_27.png" width="800" height="487" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I like the logo in this form, I show it to the client:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_28.jpg" width="1600" height="1067" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The client liked the word JOOF so much that he decided to drop “Live” as part of the project name and logo respectively, but to keep it as a small note for posters and posters that this is a live performance of the musician.&lt;/p&gt;
&lt;p&gt;At the client’s request, I developed additional variants of the logo, where JOOF is in a frame and with the captions “Live” and “A John 00 Fleming production”.&lt;/p&gt;
&lt;p&gt;I select the frame:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_29.png" width="800" height="523" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Stopping at the middle left. Looking for the location of Live’s signature:&lt;/p&gt;
&lt;p&gt;joof_30.png.&lt;/p&gt;
&lt;p&gt;I chose the first option and increased the letter spacing in Live:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_31.png" width="771" height="652" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I design the signature “A John 00 Fleming production” in the style of the logo:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_32.png" width="1041" height="344" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Trying it on the logo in the same position as “Live” for general styling:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_33.png" width="800" height="499" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The client approves all options and accepts the work!&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/joof_34.jpg" width="1200" height="828" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Rules and guidelines for the logo are collected in a guideline:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="856" data-ratio="1.3941368078176"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/98-2.jpg" width="856" height="614" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/98-3.jpg" width="856" height="614" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/98-4.jpg" width="856" height="614" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>How I made the logo for the music label JOOF Mantra</title>
<guid isPermaLink="false">42</guid>
<link>https://tsokolovskaya.com/blog/all/joof-mantra-process/</link>
<pubDate>Wed, 09 Dec 2015 19:53:54 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/joof-mantra-process/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/97-3.jpg" width="1875" height="1098" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Mantra is the new division of JOOF Recordings, a record label founded in Brighton in 1998. Under the new brand, the label will publish progressive electronic music in the Progressive and Psytrance genres.&lt;/p&gt;
&lt;p&gt;The challenge was to develop a logo for JOOF Mantra, but to keep the JOOF Recordings logo, i.e. the word “JOOF” should remain unchanged.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-1.jpeg" width="800" height="193" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;JOOF Recordings logo&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Before I started, I looked at the search results for the query “mantra logo”.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-2.jpg" width="2000" height="1058" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Search results for the query “mantra logo”&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Mantra is associated with India, so most logos are related to it in one way or another. The most common choices are imitating the Hindi language, the Aum (Om) sign, a lotus and a meditating person. Despite this, I also wanted to link the logo to India in some way, but without using the typical clichés.&lt;/p&gt;
&lt;p&gt;The search for an idea started with a study of the Hindi alphabet:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-3.png" width="800" height="1193" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Here I found the similarity of the letter R with the letter र [ra] and took it as a basis for the future logo.&lt;/p&gt;
&lt;p&gt;mantra-4.png.&lt;/p&gt;
&lt;p&gt;Sketches:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-5.jpg" width="1200" height="778" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I started drawing.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-6.png" width="1200" height="639" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-7.png" width="800" height="330" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I didn’t like the word in this form. I work further — I change the construction of “A”, try to round the ends of letters, experiment with “M”, change the height of letters — I get a lot of variants:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-8.png" width="800" height="866" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I chose the most successful variant:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-9.png" width="800" height="254" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;At the same time, I am working on another idea:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-10.png" width="1200" height="420" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Here I have depicted the word “Mantra” in the form of a sound wave.&lt;/p&gt;
&lt;p&gt;Increased the thickness of the lines, I’m watching the result:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-11.png" width="1200" height="361" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Trying both variants on the basic JOOF logo:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-12.jpeg" width="800" height="723" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The wavy variant does not give rest, I checked the idea on the Internet and found a similar solution from other companies:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-13.png" width="800" height="211" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I go back to the first variant and try to change the letters “M” and “N”:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-14.png" width="800" height="452" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I decided to make the letter “N” closer to uppercase, so that the word is perceived as Latin, and draw a new “N”:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-15.png" width="784" height="449" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I compare the variants:&lt;/p&gt;
&lt;p&gt;mantra-16.png.&lt;/p&gt;
&lt;p&gt;Definitely, the new “N” looks better. But now I don’t like the letter “A”. I decided to make it uppercase to match the rest of the letters. Drawing options:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-17.png" width="1113" height="749" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Trying it out:&lt;/p&gt;
&lt;p&gt;mantra-18.png.&lt;/p&gt;
&lt;p&gt;I chose the classic rounded shape, but refused the serif at the final “A”. I increase the height of the letter so that it does not visually appear smaller than the other letters:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-19.png" width="800" height="389" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I try the result on the JOOF Recordings logo:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-20.png" width="800" height="156" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;In this form, JOOF dominates a lot. Aligning the thickness of the letters:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-21.png" width="800" height="463" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Looking at the result:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-22.png" width="1129" height="210" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Now I’m confused by the different heights. I cut off the legs of the mantra and shorten the serif of the “M”:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-23.png" width="1140" height="210" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I try on both logos horizontally and vertically:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-24.png" width="1180" height="513" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I like the result! Showing it to the client:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/cover-design.jpg" width="2024" height="1293" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The client is delighted — he likes the logo very much.&lt;/p&gt;
&lt;p&gt;I prepared a guide on how to use the logo and handed over all the materials.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1200" data-ratio="1.3937282229965"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-27.jpg" width="1200" height="861" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-28.jpg" width="1200" height="861" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/mantra-29.jpg" width="1200" height="861" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>Creating a website for the Digital Om Productions label</title>
<guid isPermaLink="false">45</guid>
<link>https://tsokolovskaya.com/blog/all/digital-om-website/</link>
<pubDate>Tue, 27 Oct 2015 21:55:40 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/digital-om-website/</comments>
<description>
&lt;p&gt;&lt;a href="https://digitalom.in"&gt;Digital Om Production&lt;/a&gt; — is a music label based in India and Nepal. The label releases contemporary electronic dance music in the styles of Progressive and Psychedelic Trance and also works as a booking agency for its artists.&lt;/p&gt;
&lt;p&gt;The project was worked on together with a colleague. After communicating with the client, we clarified the task that the site should solve. Its goal is to help music fans buy music released by the label, as well as to introduce them to the artists. At the same time, for the musicians themselves, the site should become a “home page” with discographies, biographies and press kits.&lt;/p&gt;
&lt;p&gt;We study the market, we look at the websites of other labels:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/dom-1.jpeg" width="1200" height="1152" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Other labels’ websites&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The overall situation in the industry is sad: other labels’ websites are full of half-empty sections, unnecessary pages and terrible social plugins. We definitely don’t want that kind of thing. Instead, we offer the client to start small — only the basic and really necessary sections and functions, namely the release catalogue and artist roster.&lt;/p&gt;
&lt;p&gt;We lay the foundation — we think over the structure of the future site, breaking the development into several interactions. The following scheme emerges:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/dom-2.jpeg" width="1200" height="939" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Site layout&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Instead of the home page, which is traditionally where the work starts, we started with the internal page of the music release — most likely, visitors will more often go to these pages via direct links than to the home page.&lt;/p&gt;
&lt;p&gt;Let’s think: &lt;i&gt;“before buying music, listeners will want to familiarise themselves with a fragment. So you need to be able to post samples”&lt;/i&gt;.&lt;/p&gt;
&lt;p&gt;Instead of writing our audio player, which would have taken a lot of time, we decided to use the API of SoundCloud, the leader in cloud music storage. For the client, this option turned out to be convenient — the label &lt;a href="http://www.soundcloud.com/digital_om"&gt;actively uses SoundCloud&lt;/a&gt;, and its page has more than six thousand subscribers.&lt;/p&gt;
&lt;p&gt;Let’s get down to the design. We make a dark colour scheme to match the music genre but dilute it with colourful album covers and bright buttons.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/dom-3.jpeg" width="2000" height="1102" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Pondering: &lt;i&gt;“Okay, so there are big, brightly coloured buttons at the top, links to shops where music is sold. But what if you add an album to the site that hasn’t been released yet? What would be in place of the buttons?”&lt;/i&gt;.&lt;/p&gt;
&lt;p&gt;We decided to make a dotted outline with the word “Forthcoming” on it. This inscription will be automatically displayed if the album release date is a future date, so the site manager will not have to change it manually.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/dom-4.jpeg" width="1794" height="1130" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;To avoid “dead ends” on the site, link all pages of the site with each other with the benefit for visitors: from the album or compilation page you can get to the page of related artists or other releases; on the artist’s page, you can see all albums or compilations in which he participates.&lt;/p&gt;
&lt;p&gt;While thinking about these little things, in the meantime, draw the rest of the pages and sections: main page, artists, contact information and others.&lt;/p&gt;
&lt;p&gt;Don’t forget about the 404 error page (this is when the user accidentally gets to a non-existent page, for example, when he makes a mistake in writing the address): so that the user who came here would not be bored, we place a small story about what “Om” is.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/dom-5.jpeg" width="1200" height="753" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;We make separate layouts for the mobile version of the site:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/dom-6.png" width="1200" height="851" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;We collect all the layouts, prepare a presentation and show it to the client:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/dom-7.jpeg.jpg" width="774" height="2560" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/dom-8.jpeg.jpg" width="904" height="2560" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The client likes everything very much. We get down to layout, programming, scripts, setting up the administration panel, in short — putting together a working website from pictures.&lt;/p&gt;
&lt;p&gt;The owner of the label is a real music lover, so he is also very enthusiastic about the site, constantly suggesting new additions. However, most of these ideas are not on the site.&lt;/p&gt;
&lt;p&gt;The site was done in 4 weeks. It is maintained and filled by the label’s staff.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/digital-om-20151015.jpg" width="900" height="1347" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/distances-20151015.jpg" width="900" height="979" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/music-20151015.jpg" width="900" height="1806" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/digital-om.jpg" width="524" height="2560" alt="" /&gt;
&lt;/div&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;b&gt;Project members&lt;/b&gt;&lt;/p&gt;
&lt;table cellpadding="0" cellspacing="0" border="0" class="e2-text-table"&gt;
&lt;tr&gt;
&lt;td&gt;Lead Designer&lt;br/&gt;Tanya Sokolovskaya&lt;/td&gt;
&lt;td&gt;Designer&lt;br/&gt;&lt;a href="http://dsokolovskiy.ru"&gt;Daniel Sokolovskiy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Developer and layout&lt;br/&gt;Maksim Silnov&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</description>
</item>

<item>
<title>The process of working on the logo of the children’s shop “Tutupki”</title>
<guid isPermaLink="false">46</guid>
<link>https://tsokolovskaya.com/blog/all/tutupki-process/</link>
<pubDate>Wed, 07 Oct 2015 16:08:28 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/tutupki-process/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/6-1.jpg" width="2000" height="1130" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Interesting name for a children’s clothing shop — Tutupki! Isn’t it? :-) I was surprised too, but as it turned out, the name has a history. The shop belongs to a married couple. The eldest daughter named her twin sisters Tutupki for the characteristic shape of their spouts when she saw them for the first time. When choosing a name for the shop, the owners decided to settle on this funny word.&lt;/p&gt;
&lt;p&gt;The concept for the logo was determined at once — it should be three girls or some funny animals. The characters will also be printed on clothes, so they should be bright and detailed to please both children and their parents.&lt;/p&gt;
&lt;p&gt;I got the idea to put the famous three monkeys “hear nothing, see nothing, say nothing” in the image of the girls. Only in our case, three girls do everything exactly the opposite — look carefully, hear everything and shout loudly. After all, babies do not like to sit quietly in place :-)&lt;/p&gt;
&lt;p&gt;Thinking about animals, came up with the idea of a three-headed dragon that likes to shop. I started sketching.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/tu-1.jpeg" width="800" height="600" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;First sketches&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;For clarity, I drew both versions and showed them to the client.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/tu-2.jpg" width="1392" height="1224" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Monkey girls&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/tu-3.jpg" width="1402" height="994" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Sister dragons&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The client decided on the girls. I started to finalise it, having drawn another version of the girls, more mature.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/tu-4.jpg" width="1297" height="1337" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The second variant of three girls&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;But I liked the first girls more.&lt;/p&gt;
&lt;p&gt;I added clothes and decorated the letters.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/tu-5.jpeg" width="2000" height="627" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Before — After&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I showed the finalised version and wrote the inscription in Russian.&lt;/p&gt;
&lt;p&gt;The rules and recommendations for using the logo are collected in the guidelines:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="866" data-ratio="1.8991228070175"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/93-0.jpg" width="866" height="456" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/93-1.jpg" width="866" height="456" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/93-2.jpg" width="866" height="456" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/93-3.jpg" width="866" height="456" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="2000" data-ratio="1.6339869281046"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/2-1.jpg" width="2000" height="1224" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/tu-6.jpeg" width="1784" height="1061" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;The final version of the logo&lt;/div&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>How I created an architect’s logo</title>
<guid isPermaLink="false">48</guid>
<link>https://tsokolovskaya.com/blog/all/minasov-process/</link>
<pubDate>Wed, 02 Sep 2015 15:44:46 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/minasov-process/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/img1.jpg" width="1500" height="996" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Today I’m going to tell you about an interesting logo that I worked on for two months. This is quite a long time, but the client and I were satisfied with the result.&lt;/p&gt;
&lt;p&gt;The client is Oz Minasov, an Israeli architect and interior designer. Oz works with both countryside and urban properties. Also, he is not limited to the country of residence and works with the whole world.&lt;/p&gt;
&lt;p&gt;I started the work by looking through Oz’s portfolio, and almost immediately the idea for the logo appeared.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-1.png" width="1003" height="375" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Searching for an idea&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I combined the three axes of the interior corner of the room with the architectural drawing, thus emphasizing both architecture and interiors.&lt;/p&gt;
&lt;p&gt;om-2.jpeg.&lt;br /&gt;
First sketches&lt;/p&gt;
&lt;p&gt;I sketched the idea on paper and started to realise it.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-3.jpeg" width="1500" height="1000" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;First version of the logo&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;In the logo, one of the axes divides the letter O diagonally — the lower half of the letter is made as a drawing, while the upper half remains a letter. The other two axes formed a right angle into which the signature fits.&lt;/p&gt;
&lt;p&gt;The logo turned out to be not simple, but dynamic — its axes can move apart, thus giving space to work on the style.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-4_0.jpg" width="1198" height="970" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Example of using a logo in an advert&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Presented the result of the work to the client, but were rejected. Such a logo did not suit Oz.&lt;/p&gt;
&lt;p&gt;After talking to him, we came up with a new solution — to use a house in the sign and emphasise architecture. As a prototype of the idea, Oz sent photos of a designer’s house, which he liked very much.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-5.jpeg" width="800" height="600" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Correia/Ragazzi Arquitectos&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I started new sketches. This time I wanted to show the unity of architecture and nature.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-6.jpeg" width="800" height="656" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;I chose one of the sketches and started to realise it.&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-7.png" width="800" height="266" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;House in perspective&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;To the house on the cliff, I added a signature of the first name and the first letter of the surname to give an artistic touch and authorship. Below is the result:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-8.jpeg" width="2000" height="1333" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Showed it to the client. He liked the idea of the signature, but the shape of the house was still to be worked on. Oz also asked to remove the black bold lines and simulate a pencil sketch, and to make the font part more elongated.&lt;/p&gt;
&lt;p&gt;I decided to tackle the house first and sketched a new version:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-9.png" width="800" height="516" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;However, we didn’t like it in this form and after discussing the details with the client, we gave up the idea of the sketch.&lt;/p&gt;
&lt;p&gt;At the same time, we started working on the font and developed the font part based on the chosen typeface:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-10.jpeg" width="1200" height="1020" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;At this stage, Oz asked to work on a fully typographic version of the logo, without the house. Similar to the first and last name, I designed the signature “Architecture And Interior Design”.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-11.jpeg" width="800" height="266" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I combined everything into a sign shaped like a building:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-12.jpeg" width="2000" height="1333" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;While I was working on the typeface, I came up with another idea for the house — to combine the pencil shading and the silhouette of the house.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-13.png" width="800" height="468" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-14.jpeg" width="1700" height="1133" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Clinet liked this idea. We concluded that it would be great to use a house in the sign, which Oz would design himself. However, in the process, the client suddenly decided to completely change the concept of the logo, abandoning the house symbol.&lt;/p&gt;
&lt;p&gt;Back to the sketches again. This time the work was on the symbol from OM’s initials.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-15.jpeg" width="800" height="625" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Sketches with initials&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I chose two ideas and started to realise them.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-16.jpeg" width="1500" height="675" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The first variant — ligature of O and M&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-17.jpeg" width="1500" height="1000" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The second variant — a sign based on M with A (from Architecture)&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;From the proposed variants the client chose the first one — the ligature of O and M. He liked very much that the sign contains not only initials but also traces the silhouette of a fish. I continued working on it. As a result, the sign underwent a small transformation.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-18.jpg" width="1122" height="168" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Transformation of the sign&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The next task was to put together the graphic part and the font part. Since the sign is rounded and wide, and the letters are elongated, together they did not look very harmonious. So I abandoned the first name in the logo and defused the letters in the surname. This helped get rid of the flaw.&lt;/p&gt;
&lt;p&gt;om-19.jpeg.&lt;/p&gt;
&lt;p&gt;I started colouring the sign. With a gradient, I strengthened the letter O.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-20.jpeg" width="1000" height="400" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Colour version and in grayscale&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;When the sign was ready, I began work on Oz’s business card. For it, I developed a text part in Hebrew to match the style of English writing.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-21.jpeg" width="1200" height="500" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I made two types of business cards and sent them to the client.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-22.jpeg" width="2000" height="1028" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Information in Hebrew and English on one side and the logo on the back&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-23.jpeg" width="2000" height="1020" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Information in Hebrew and English on different sides&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The client did not like the business cards in this form. He shared his new wishes — to make the sign more massive and the business cards black.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-24.jpeg" width="1200" height="323" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;On black paper, it is preferable to print with metallic inks (gold, silver, bronze), so I have shown new variations in different colour schemes.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-25.jpg" width="1395" height="882" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Back side&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-26.jpeg" width="1395" height="882" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Front side&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The client approved the logo and chose their favourite business card options.&lt;/p&gt;
&lt;p&gt;I finalised the fonts — made them a bit bolder and presented the final version to the client.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/om-27.jpeg" width="2000" height="1378" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Result of work&lt;/div&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>The character of the Duck House Agency</title>
<guid isPermaLink="false">49</guid>
<link>https://tsokolovskaya.com/blog/all/utkin-dom-process/</link>
<pubDate>Wed, 05 Aug 2015 11:36:58 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/utkin-dom-process/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/88-7.jpg" width="2200" height="1282" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Last year I created &lt;a href="/blog/drafts/utkin-dom-identity/"&gt;a logo and style&lt;/a&gt; for Katya Keshchyan’s family holiday agency The Duck House. In this post, I will tell you about the process of working on an interesting feature of the style — the brand character.&lt;/p&gt;
&lt;p&gt;According to the owner of the agency, the duck is a symbol of family cosiness, hence the unusual name of the agency. That’s why I started my work by looking for the image of a festive duck in the logo.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/ud-2.jpeg" width="1200" height="588" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Image search&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;From the received variants Katya and I decided that the logo with a duck looks childish. That’s why we rejected the duck in the sign but invented a new role for it: as a character of the agency in the form of an independent element.&lt;/p&gt;
&lt;p&gt;In the meantime, I continued working on the logo — I chose and finalised the font lettering. And in order not to deprive the sign of graphic elements, I added duck feet to it. The logo was approved quickly, so I continued working on the character.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/ud-3.jpeg" width="2000" height="1440" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Ready-made logo&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Katya specified that she did not want a “rubber” duckling, but a cartoon character, and so the first sketches were born:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/ud-4.jpeg" width="1200" height="625" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Sketches of the duck&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I got “permission” for the sketches and started working out the details digitally.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/ud-5.jpeg" width="1200" height="588" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;“Digital duck and its evolution&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I am finalising the third variant.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/ud-6.jpeg" width="1200" height="910" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Costume change&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;At first, the duck looked a bit brutal because of its ‘shaved’ head :-) So I did her hair:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/ud-7.jpeg" width="1200" height="848" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;It was not easy to choose, but in the end, my client and I decided on the last option, adding a long braid to the fringes:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/ud-8.jpeg" width="1200" height="848" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Final variant&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;This is how the duckling became a real girl!&lt;/p&gt;
&lt;p&gt;Next, I designed three more additional positions for the character and added colour to the logo:&lt;/p&gt;
&lt;p&gt;ud-9.jpeg.&lt;br /&gt;
Duckling variations&lt;/p&gt;
&lt;h2&gt;Character in life&lt;/h2&gt;
&lt;p&gt;Having finished the project, I follow it with pleasure: it is important for me that the work ‘lives’ and not just remain a picture in the portfolio.&lt;/p&gt;
&lt;p&gt;Katya decided to bring the duck to life in a very original way and ordered wonderful brooches based on her image:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/ud-10.jpeg" width="1280" height="960" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Master of brooches — Yulia Druzhinina&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/ud-11.jpg" width="640" height="639" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Brooch on Katya&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/ud-12.jpg" width="639" height="639" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Duck on a notebook&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/ud-13.jpg" width="641" height="640" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Duck on the press wall&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Ah, yes! We had one more duck, but it was left out of the picture, as it turned out to be too ‘dreamy’ :-)&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/ud-14.jpeg" width="1200" height="643" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The dreamy duckling was left out of the picture&lt;/div&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>The process of creating a logo for a coach</title>
<guid isPermaLink="false">51</guid>
<link>https://tsokolovskaya.com/blog/all/kopyal-logo-process/</link>
<pubDate>Wed, 08 Jul 2015 14:19:14 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/kopyal-logo-process/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/rk-5.jpg" width="2000" height="1080" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Logo for personal and business coach Rodion Kopyal. At the beginning of the work, Rodion voiced his associative wishes for the future logo: growth, support, development, aspiration, finding a way, breakthrough, search for oneself, purpose, and spirituality. That’s why I started the development of the logo with a tree of associations.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/rk-1.jpeg" width="1200" height="897" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;As a result of my search, I got hold of a few basic concepts — tree, obstacle, development, harmony, friend and support. And on their basis, I started sketches.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/rk-2.jpeg" width="1200" height="925" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I chose the concept of a tree with roots from the resulting variants and translated it into vector format.&lt;/p&gt;
&lt;p&gt;The sign went through six stages of transformation:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;in the first stage I used a pendulum instead of a tree trunk, which indicates the way through rocks, i.e. obstacles;&lt;/li&gt;
&lt;li&gt;added a handshake in the role of friendship and support to the rocks;&lt;/li&gt;
&lt;li&gt;realised that the petals didn’t fit in that way, so I gave them the shape of splinters and the tree the traditional look;&lt;/li&gt;
&lt;li&gt;corrected the roots of the tree;&lt;/li&gt;
&lt;li&gt;at the client’s request, I gave the petals the shape of jigsaw puzzles;&lt;/li&gt;
&lt;li&gt;together we gave up puzzles and went back to splinter petals, but rounded them to make them look friendlier.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;rk-3.jpeg.&lt;br /&gt;
Logo transformation&lt;/p&gt;
&lt;p&gt;The result is a sign that combines everything we wanted to show: a tree as a symbol of growth and development; rocks as obstacles; a handshake — help and cooperation. We then picked a colour scheme for the sign and added the client’s name.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/rk-4.jpeg" width="1200" height="800" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The text part of the logo is in Russian and Hebrew, as Rodion works in Israel.&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/95-4.jpg" width="1200" height="796" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The rules and recommendations for using the logo are collected in a guideline:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="858" data-ratio="1.3838709677419"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/95-2.jpg" width="858" height="620" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/95-3.jpg" width="858" height="620" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>When nothing fits</title>
<guid isPermaLink="false">52</guid>
<link>https://tsokolovskaya.com/blog/all/not-fit/</link>
<pubDate>Tue, 23 Jun 2015 22:36:21 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/not-fit/</comments>
<description>
&lt;p&gt;Logo creation is a special process. Its result depends more on the client’s taste and aesthetic preferences than on formal characteristics or the tasks to be solved. Sometimes no option is suitable. I once had such a case: the client accepted only half of the work.&lt;/p&gt;
&lt;p&gt;I was making a logo for jewellery designer Ekaterina Kogut. She creates delightful products from polymer clay, which earned her the nickname “Flower Fairy”.&lt;/p&gt;
&lt;p&gt;Our joint work lasted almost three months. Having gone through several “floral” variants, we emphasize the individuality of the jewellery maker. This is how the variants with the silhouette of her profile appeared.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/kk-1.jpeg" width="2000" height="1362" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/kk-2.jpeg" width="2000" height="1266" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The direction is interesting. I went further and used a whole portrait. This is what came out:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/kk-3.jpeg" width="2000" height="1156" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/kk-4.jpeg" width="2000" height="1200" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/kk-5.jpeg" width="2000" height="1325" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Alas, in the process of searching, Katya decided to abandon graphic elements in the logo mark altogether and use only the font part as a watermark on the photos.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/kk-6.jpeg" width="573" height="859" alt="" /&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>How the logo of The Word of Life literary project came into being</title>
<guid isPermaLink="false">53</guid>
<link>https://tsokolovskaya.com/blog/all/word-of-life-process/</link>
<pubDate>Mon, 25 May 2015 19:34:09 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/word-of-life-process/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/94-7.jpg" width="2000" height="1152" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;One of the latest works is a logo for the literary community “The Word of Life” in Israel, run by psychologist Lea Wedensky. The project is designed to develop a culture of self-expression, thinking and speech.&lt;/p&gt;
&lt;p&gt;94-8.jpg.&lt;/p&gt;
&lt;p&gt;At the beginning of the work on The Word of Life, we had a little mishap. The first discussions I had about the work to be done were not with the project manager but with his assistant. From him, we received an already existing graphic image of The Word of Life project together with wishes for the future logo.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/zs-1.jpeg" width="800" height="800" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The visual image of the project The Word of Life. Artist Masha Roitman&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;After working on the first sketch, we set up a general meeting, with Lea already present. It was there that we realised that we had been wrong. Her vision of the logo was completely different. Accordingly, our sketch “failed”.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/zs-2.jpeg" width="800" height="527" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The first sketch&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;By the way, I have a principle — to work directly with the person who makes the final decision on the project. If you don’t follow it, the result runs the risk of being far from the desired one, the project not being accepted, and the work starting all over again. It is good that this mishap became clear at the beginning of the work.&lt;/p&gt;
&lt;p&gt;Having communicated with Lea, I got the exact wishes — the sign should be laconic, and reflect the person, letter and nature, i.e. the visual image of the project.&lt;/p&gt;
&lt;p&gt;zs-3.jpeg.&lt;br /&gt;
The second sketch, which I continued to work on&lt;/p&gt;
&lt;p&gt;I finalised the sign, practically without deviating from the sketch, and tried to make the font part “alive” by simulating writing with a pen. Below is the result:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/zs-4.jpg" width="1000" height="667" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;By the way, in the finished logo, we also saw the shape of a pomegranate, and the pomegranate is a symbol of fertility in Israel. This finding especially pleased Lea :-)&lt;/p&gt;
&lt;p&gt;The rules and guidelines for using the logo are collected in a guideline:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="868" data-ratio="1.9203539823009"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/94-3.jpg" width="868" height="452" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/94-4.jpg" width="868" height="452" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/94-5.jpg" width="868" height="452" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>Hobby &amp; Profi logo. See the elephant!</title>
<guid isPermaLink="false">55</guid>
<link>https://tsokolovskaya.com/blog/all/hobby-profi-process/</link>
<pubDate>Mon, 27 Apr 2015 18:55:00 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/hobby-profi-process/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/89-5.jpg" width="2000" height="928" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/89-9.jpg" width="1422" height="916" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Today I’m going to tell you about a fun logo for the Hobby &amp; Profi shop.&lt;/p&gt;
&lt;p&gt;The shop sells goods for baking and candy bars. The main wish of its owners was that the logo should be stylish and associated with quality and fashionable baking supplies.&lt;/p&gt;
&lt;p&gt;Having discussed the details, I started working with sketches of ideas.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/hp-1.jpeg" width="1000" height="498" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Some of the ideas&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Then I selected the most successful variants in my opinion and digitised them.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/hp-6.jpeg" width="1200" height="826" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;The variants I showed to the client&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I show all ideas only in black and white, as colour is often confusing. And even a very successful variant can be rejected because the client didn’t like the chosen colour.&lt;/p&gt;
&lt;p&gt;So, the owners of Hobby &amp; Profi really liked both options, but there was a big “BUT”. In the course of discussions, it became clear that in the future the shop would be expanded. As a result, it will become a market not only for confectioners but also for any kind of creativity and handmade goods.&lt;/p&gt;
&lt;p&gt;Having considered the new information, I went on with my work and started new sketches.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/hp-3.jpeg" width="800" height="492" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;This is how three more ideas came about.&lt;/p&gt;
&lt;p&gt;One of the previous variants I reworked and, imagined a shop with all kinds of goods, made it in the form of a kibitka.&lt;/p&gt;
&lt;p&gt;In another variant, I decided to combine different kinds of creativity, which resulted in a logo in the form of an emblem.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/hp-2.jpeg" width="1200" height="839" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;And the third option is my favourite. I was looking for an image that would reveal the phrase “made with my own hands”. I twisted and turned my hands until I saw that the silhouette of a hand in the sign “Cool!” resembled an elephant.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/hp-4.jpeg" width="1200" height="1692" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Thus was born an elephant made by hands&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The client really liked the new options but loved the elephant the most, as I expected. It was love at first sight :-)&lt;/p&gt;
&lt;p&gt;Now that I had the basic idea, I finalised the graphic and font part of the logo and selected colours for it.&lt;/p&gt;
&lt;p&gt;I decided to colour the elephant by the method of elimination. First of all, I removed shades of grey, blue and pink, as these are the most popular colours for painted elephants. Then I excluded shades of green and violet — the elephant looked painful. Also, red colours made our elephant aggressive.&lt;/p&gt;
&lt;p&gt;As a result, I stopped at sunny yellow — it made the elephant cheerful and positive. For contrast, I chose a muted blue with a turquoise shade for the font part.&lt;/p&gt;
&lt;p&gt;Now the Hobby &amp; Profi shop has a great logo and its cheerful elephant.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/hp-5.jpeg" width="905" height="2560" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The rules and guidelines for the logo are collected in a guideline:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/89-3.jpg" width="870" height="456" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;89-4.jpg.&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;A pattern was also developed that changes with the seasons:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/89-6.jpg" width="2000" height="1500" alt="" /&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>Logo for musician Psytellite</title>
<guid isPermaLink="false">60</guid>
<link>https://tsokolovskaya.com/blog/all/psytellite-logo/</link>
<pubDate>Tue, 03 Dec 2013 22:51:48 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/psytellite-logo/</comments>
<description>
&lt;p&gt;Psytellite is a musician and DJ. His creative pseudonym is formed from two English words: “Psy” (Psychedelic Trance music) and “satellite”. Designed for him a logo symbolising the flight of a satellite over the planet’s orbit.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/63-2.jpg" width="1716" height="877" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/63.jpg" width="804" height="622" alt="" /&gt;
&lt;/div&gt;
&lt;h2&gt;About the Process&lt;/h2&gt;
&lt;p&gt;These were the first variations to appear:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="730" data-ratio="1"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/t-shirt1.jpg" width="730" height="730" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/v1.jpg" width="1000" height="1000" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/t-shirt2.jpg" width="730" height="730" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/v2.jpg" width="1000" height="1000" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/t-shirt3.jpg" width="727" height="729" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/v3.jpg" width="1000" height="1000" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;But the client didn’t like them, so he asked me to pay special attention to the font. I continued the work:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="720" data-ratio="0.73469387755102"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/fl1.jpg" width="720" height="980" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/fl2.jpg" width="720" height="980" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/fl3.jpg" width="720" height="980" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/fl4.jpg" width="720" height="980" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Liked the option with the satellite above the sphere. Continued working on this variant:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="720" data-ratio="1.4486921529175"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/flyer1.jpg" width="720" height="497" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/flyer2.jpg" width="720" height="497" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/flyer3.jpg" width="720" height="496" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/flyer4.jpg" width="720" height="497" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Looking for a suitable font solution:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1500" data-ratio="1.4749262536873"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/fly1.jpg" width="1500" height="1017" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/fly2.jpg" width="1500" height="1017" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/fly3.jpg" width="1500" height="1016" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Like the first option, we decided to refine it.&lt;/p&gt;
&lt;p&gt;The most difficult part was working on the sphere with the letter Y. I’m sending you the work in progress:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/logo-psytellite.jpg" width="2000" height="2095" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The client asks to try to correct the Y according to his sketch:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/1485021_10201129501340553_1549266458_n.jpg" width="816" height="460" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Sending him variants with explanations:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/1469037_580621218652595_720620249_o.jpg" width="1000" height="1637" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;In the first variant, the arc is flat (from the circle), and you can draw a Y from it, but then you get a big distance between the arc and the letters.&lt;/p&gt;
&lt;p&gt;In the second variant, I lowered the arc below, and deformed it to reduce the distance, together with the arc deformed and Y and the letter T became quite cramped.&lt;/p&gt;
&lt;p&gt;In the third case, I left the arc at the desired height but raised a little leg Y, it is now at the base became more straight, allowing me to breathe T, but at the same time lost the circumference, although it also lost in the second case, there is formed an oval, and in the third variant is already a “baton”.&lt;/p&gt;
&lt;p&gt;As variant four, it would be possible to glue Y above the centre of the sphere, then keep its circumference, and the distance between it and the letters is not so big. But in this case, Y becomes under a strong inclination, unlike the rest of the letters, and there is a hole between it and T, and psy is separated from tellite.&lt;/p&gt;
&lt;p&gt;I’m sending out a few more variations for comparison:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1500" data-ratio="1.4749262536873"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/f4.jpg" width="1500" height="1017" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/f1.jpg" width="1500" height="1017" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/f2.jpg" width="1500" height="1017" alt="" /&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/f3.jpg" width="1500" height="1017" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The client decided to stop at the first one and sketched another sketch with wishes:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/1476992_10201143159682003_1227030601_n.jpg" width="686" height="235" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I’m finalising the logo with the wishes and putting together a guideline.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/61-2.jpg" width="858" height="617" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;A spread from the guidelines about colour and logo&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/61-3.jpg" width="858" height="617" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;A spread about the rules of using the logo&lt;/div&gt;
&lt;/div&gt;
</description>
</item>


</channel>
</rss>