<?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 Maria Berezhnaya</title>
<link>https://www.tsokolovskaya.com/blog/tags/maria-berezhnaya/</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://www.tsokolovskaya.com/blog/pictures/userpic/userpic-square@2x.jpg?1732041507" />
<itunes:explicit>no</itunes:explicit>

<item>
<title>Updated Maria Berezhnaya’s logo</title>
<guid isPermaLink="false">64</guid>
<link>https://www.tsokolovskaya.com/blog/all/maryber-logo/</link>
<pubDate>Thu, 30 Jul 2020 20:01:00 +0100</pubDate>
<author></author>
<comments>https://www.tsokolovskaya.com/blog/all/maryber-logo/</comments>
<description>
&lt;p aside&gt;&lt;a href="/blog/all/maryber-identity/"&gt;First version of the logo&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;In 2015, I designed the logo and identity for Maria. After five years, we decided it was time to update the logo.&lt;/p&gt;
&lt;p&gt;I modified the sign without changing the basic idea:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/maryber-1.jpg" width="1000" height="379" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;In the text part, I changed the first and last name and updated the descriptor:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/maryber-2.jpg" width="1000" height="684" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Here’s what came out:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/maryber-3.jpg" width="1200" height="743" alt="" /&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>I made a business card for Maria Berezhnaya</title>
<guid isPermaLink="false">22</guid>
<link>https://www.tsokolovskaya.com/blog/all/maryber-bc/</link>
<pubDate>Fri, 18 Jan 2019 23:06:00 +0100</pubDate>
<author></author>
<comments>https://www.tsokolovskaya.com/blog/all/maryber-bc/</comments>
<description>
&lt;p&gt;Maria decided to update her business cards and wanted to add some gold to them. I suggested painting the sides of the business cards gold and highlighting some parts of the ornament. Here’s how it turned out:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/bc-v3.jpg" width="1200" height="948" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;On the front side, the ornament is printed with UV varnish — if you turn the business card, it shimmers with gloss&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/maryber.jpg" width="1196" height="1924" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;On the back, we have specially left a space for notes that Maria leaves for each client&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;And this is how business cards look in real life:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/WhatsApp-Image-2019-01-18-at-17.25.43.jpg" width="960" height="1280" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Splendorgel paper with a density of 400 grams&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/WhatsApp-Image-2019-01-18-at-17.27.48.jpg" width="720" height="899" alt="" /&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>Site maryber.com — second version</title>
<guid isPermaLink="false">25</guid>
<link>https://www.tsokolovskaya.com/blog/all/maryber-website-v2/</link>
<pubDate>Sun, 16 Jul 2017 22:17:00 +0100</pubDate>
<author></author>
<comments>https://www.tsokolovskaya.com/blog/all/maryber-website-v2/</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; Revise the structure of the site, get rid of empty sections, rewrite the text information from the point of view of usefulness for a potential client and update the design.&lt;/i&gt;&lt;br /&gt;
&lt;i&gt;&lt;a href="http://maryber.com"&gt;maryber.com&lt;/a&gt;&lt;/i&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p main&gt;Two years have passed since the launch of Maria Berezhnaya’s website. Now I look at the old site and realise that I made a big mistake back then — I “stuck” a lot of unnecessary things because “the client wanted it that way”. In addition, at that time I handed over the site without content, and it was assumed that Maria herself would be engaged in filling — this was the second big mistake. For two years the site had not been updated at all, and some of the sections were hanging dead weight.&lt;/p&gt;
&lt;p aside&gt;&lt;a href="http://tsokolovskaya.com/blog/all/maryber-website/"&gt;First version of the site&lt;/a&gt;.&lt;/p&gt;
&lt;h2&gt;Getting Started&lt;/h2&gt;
&lt;p&gt;So, after chatting with Maria, we decided to completely redesign the site. Maria told me about her career progress, what she is doing now and how she plans to develop further, and I started to work.&lt;/p&gt;
&lt;p&gt;First I defined the structure of the new site:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Main.&lt;/b&gt; Here I decided to tell at once what Maria does and show the main services.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Portfolio → inner page.&lt;/b&gt; General photo catalogue and inner page for each work.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;About Me.&lt;/b&gt; This is where I put Maria’s story about her career path and who she can be useful to.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;How much it costs.&lt;/b&gt; A page with prices for services.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Teaching MakeUp.&lt;/b&gt; This is one of the services Maria wants to emphasise, so there is a separate page for it.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Maria also wanted to add a “Blog” section, but after chatting we decided that she doesn’t need it for now. We also put aside the “Feedbacks” section for later.&lt;/p&gt;
&lt;p&gt;The sections with articles, partners and events were not moved from the old site — they turned out to be unnecessary.&lt;/p&gt;
&lt;h2&gt;Design&lt;/h2&gt;
&lt;p&gt;Since Maria’s sphere of activity is connected with the beauty industry, I decided to make the design “like in glossy magazines”. This is how the main page has lettering, and the design of individual blocks resembles a printed layout.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/Main-1200px.jpg" width="418" height="2560" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;For the photo catalogue in the portfolio, I made a grid in which the accents shift from one photo to the others. As the grid fills up, the grid is duplicated, so there’s a rhythm to flipping through and there’s always something for the eye to grab onto. Works can be filtered by basic tags.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/Portfolio-1200px.jpg" width="962" height="2560" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The inner page is a gallery of project photos. You can also add colleagues who participated in the project and write a detailed description.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/Portfolio-Page-1200px.jpg" width="995" height="2560" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;I decided to make the pages with prices and services with a free layout because Maria’s services often change and it’s impossible to fit them into a template.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/Price-1200px.jpg" width="1200" height="1807" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/mackup-1200px.jpg" width="1200" height="1498" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The “About Me” page is also a partially free layout to be able to make quick updates.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/About-1200px.jpg" width="1185" height="2560" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;The result is a compact website that maximises Maria’s expertise and adapts to all screen resolutions.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;b&gt;Project participants&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;Layout and developer&lt;br/&gt;&lt;a href="https://freelansim.ru/freelancers/realovich"&gt;Tony Realovich&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</description>
</item>

<item>
<title>Launched maryber.com</title>
<guid isPermaLink="false">50</guid>
<link>https://www.tsokolovskaya.com/blog/all/maryber-website/</link>
<pubDate>Mon, 27 Jul 2015 20:39:59 +0100</pubDate>
<author></author>
<comments>https://www.tsokolovskaya.com/blog/all/maryber-website/</comments>
<description>
&lt;blockquote&gt;
&lt;p&gt;&lt;i&gt;&lt;b&gt;Task&lt;/b&gt;&lt;/i&gt;&lt;br /&gt;
Make a portfolio website for stylist-image-maker Maria Berezhnaya. To tell what Maria does and to whom she can be useful. Provide for the possibility of publishing thematic articles on the site.&lt;br /&gt;
&lt;a href="http://maryber.com"&gt;maryber.com&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The main section of the site is a gallery with works:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/maryber.com-portfolio.jpg" width="1192" height="2560" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/maryber.com-portfolio_inner.jpg" width="1400" height="2116" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Section with a description of Mary’s services:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/maryber.com-services.jpg" width="1400" height="1642" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/maryber.com-services_inner.jpg" width="1400" height="2093" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;A page with information about Mary herself:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/maryber.com-about.jpg" width="1400" height="1795" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Maria is also involved in organising beauty events:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/maryber.com-events-article.jpg" width="1400" height="1363" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/maryber.com-events-article_inner.jpg" width="1400" height="2135" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Separate page for partners with photos and contact details:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/maryber.com-partners.jpg" width="1400" height="2244" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;For convenience there are tags&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Review page:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/maryber.com-reviews.jpg" width="1400" height="2533" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;And the main became a rubric and collected all the updates that happen on the site:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/maryber.com-main.jpg" width="1310" 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;Designer&lt;br/&gt;Tanya Sokolovskaya&lt;/td&gt;
&lt;td&gt;Manager&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;Maksim Silnov&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</description>
</item>

<item>
<title>Logo and style for image-maker Maria Berezhnaya</title>
<guid isPermaLink="false">57</guid>
<link>https://www.tsokolovskaya.com/blog/all/maryber-identity/</link>
<pubDate>Mon, 05 Jan 2015 13:39:17 +0100</pubDate>
<author></author>
<comments>https://www.tsokolovskaya.com/blog/all/maryber-identity/</comments>
<description>
&lt;p&gt;Maria Berezhnaya is an image stylist. She creates stunning images for everyday life and celebrations.&lt;/p&gt;
&lt;p&gt;I created a laconic and stylish logo for Maria — its main element is the ligature of the letters “B” and “M”. The mark turned out to be soft, but at the same time durable.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/90-4.jpg" width="2000" height="1128" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Lace ornament became an element of the corporate style. At first glance, it seems ordinary, but there is a zest in it — looking at the pattern, one can see various elements of the style: tie, dresses, glasses, beads, hats, perfume bottles, lipstick and many others.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/91-10.jpg" width="1494" height="1289" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/91-9.jpg" width="1146" height="851" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/91-8.jpg" width="2000" height="1236" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/91-11.jpg" width="2000" height="1124" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/90-3.jpg" width="2000" height="1295" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Style guidelines and rules are collected in a brand book:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="856" data-ratio="1.8813186813187"&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/92-2.jpg" width="856" height="455" alt="" /&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/92-3.jpg" width="856" height="455" alt="" /&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/92-4.jpg" width="856" height="455" alt="" /&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/92-5.jpg" width="856" height="455" alt="" /&gt;
&lt;img src="https://www.tsokolovskaya.com/blog/pictures/92-6.jpg" width="856" height="455" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
</description>
</item>


</channel>
</rss>