<?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>Блог Тани Соколовской: posts tagged Мария Бережная</title>
<link>http://tsokolovskaya.ru/blog/tags/maryber/</link>
<description>Раскрываю процессы, конспектирую книги, пишу советы.</description>
<author></author>
<language>en</language>
<generator>Aegea 11.3 (v4134e)</generator>

<itunes:owner>
<itunes:name></itunes:name>
<itunes:email>mail@tsokolovskaya.ru</itunes:email>
</itunes:owner>
<itunes:subtitle>Раскрываю процессы, конспектирую книги, пишу советы.</itunes:subtitle>
<itunes:image href="http://tsokolovskaya.ru/blog/pictures/userpic/userpic-square@2x.jpg?1757434518" />
<itunes:explicit>no</itunes:explicit>

<item>
<title>Обновила логотип Марии Бережной</title>
<guid isPermaLink="false">80</guid>
<link>http://tsokolovskaya.ru/blog/all/maryber-logo/</link>
<pubDate>Thu, 30 Jul 2020 17:00:00 +0100</pubDate>
<author></author>
<comments>http://tsokolovskaya.ru/blog/all/maryber-logo/</comments>
<description>
&lt;p aside&gt;&lt;a href="http://tsokolovskaya.ru/blog/all/maryber-identity/"&gt;Первая версия логотипа&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;В 2015 году я разработала для Марии логотип и стиль. Спустя пять лет мы решили, что логотип пора обновить.&lt;/p&gt;
&lt;p&gt;Видоизменила знак, не меняя основной идеи:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/maryber-1.jpg" width="1000" height="379" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;В текстовой части поменяла имя и фамилюию местами и обновила дескриптор:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/maryber-2.jpg" width="1000" height="684" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Вот что вышло:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/maryber-3.jpg" width="1200" height="743" alt="" /&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>Сделала визитку для Марии Бережной</title>
<guid isPermaLink="false">42</guid>
<link>http://tsokolovskaya.ru/blog/all/maryber-bc/</link>
<pubDate>Fri, 18 Jan 2019 21:06:01 +0100</pubDate>
<author></author>
<comments>http://tsokolovskaya.ru/blog/all/maryber-bc/</comments>
<description>
&lt;p&gt;Мария решила обновить свои визитки и захотела добавить в них немного золота. Я предложила окрасить в золото торцы визиток и выделить некоторые части орнамента. Вот что получилось:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/bc-v3.jpg" width="1200" height="948" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;На лицевой стороне фоном отпечатан орнамент УФ-лаком — если покрутить визитку, он переливается глянцем&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/maryber.jpg" width="1196" height="1924" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;На обороте специально оставили место для заметок, которые Мария оставляет для каждого клиента&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;А так визитки выглядят в реале:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/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 плотностью 400 грамм&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/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>Сайт maryber.com — вторая версия</title>
<guid isPermaLink="false">37</guid>
<link>http://tsokolovskaya.ru/blog/all/maryber-website-v2/</link>
<pubDate>Sun, 16 Jul 2017 19:16:21 +0100</pubDate>
<author></author>
<comments>http://tsokolovskaya.ru/blog/all/maryber-website-v2/</comments>
<description>
&lt;blockquote&gt;
&lt;p&gt;&lt;b&gt;&lt;i&gt;Задача&lt;/i&gt;&lt;/b&gt;&lt;br /&gt;
&lt;i&gt;Пересмотреть структуру сайта, избавиться от пустующих разделов, переписать текстовую информацию с точки зрения пользы для потенциального клиента и обновить дизайн.&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;Два года прошло с момента запуска сайта Марии Бережной. Сейчас я смотрю на старый сайт и понимаю, что тогда допустила большую ошибку — “налепила” много ненужного, потому что “клиент так хотел”. Кроме того, тогда я передала сайт без контента, предполагалось, что Мария сама будет заниматься наполнением — это была вторая большая ошибка. Два года сайт толком не обновляли, а часть разделов вообще висела мертвым грузом.&lt;/p&gt;
&lt;p aside&gt;&lt;a href="http://tsokolovskaya.ru/blog/all/maryber-website/"&gt;Первая версия сайта&lt;/a&gt;.&lt;/p&gt;
&lt;h2&gt;Начало работы&lt;/h2&gt;
&lt;p&gt;Итак, пообщавшись с Марией, мы решили полностью переделать сайт. Мария рассказала о своем продвижении в карьере, чем сейчас занимается и как планирует развиваться дальше, и я приступила к работе.&lt;/p&gt;
&lt;p&gt;Сперва определила структуру нового сайта:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Главная.&lt;/b&gt; Тут я решила сразу рассказать, чем занимается Мария и показать основные услуги.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Портфолио → внутренняя страница.&lt;/b&gt; Общий фото-каталог и внутренняя страница для каждой работы.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Обо мне.&lt;/b&gt; Сюда я разместила историю Марии о ее карьерном пути и рассказала, кому она может быть полезна.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Сколько стоит.&lt;/b&gt; Страница с ценами на услуги.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Обучаю MakeUp.&lt;/b&gt; Это одна из услуг, на которой Мария хочет акцентировать внимание, поэтому для нее отдельная страница.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Также Мария хотела добавить раздел “Блог”, но пообщавшись мы решили, что пока он ей не нужен. Еще “на потом” мы отложили раздел “Отзывы”.&lt;/p&gt;
&lt;p&gt;Со старого сайта не перешли разделы со статьями, партнерами и событиями — они оказались не нужны.&lt;/p&gt;
&lt;h2&gt;Дизайн&lt;/h2&gt;
&lt;p&gt;Так как сфера деятельности Марии связана с бьюти-индустрией, дизайн я решила сделать “как в глянцевых журналах”. Так на главной появились буквицы, а дизайн отдельных блоков напоминает печатную верстку.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/Main-1200px.jpg" width="418" height="2560" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Для фото-каталога в портфолио я сделала сетку, в которой акценты смещаются от одной фотографии к другим. По мере заполнения, сетка дублируется, так сохраняется ритм при пролистывании, и глазам всегда есть за что ухватиться. Работы можно фильтровать по основным тегам.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/Portfolio-1200px.jpg" width="962" height="2560" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Внутренняя страница представляет собой галерею фотографий проекта. Также можно добавить коллег, которые принимали участие в проекте, и написать подробное описание.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/Portfolio-Page-1200px.jpg" width="995" height="2560" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Страницы с ценами и услугами я решила сделать со свободной версткой, потому что услуги Марии часто меняются и подогнать их под какой-то шаблон невозможно.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/Price-1200px.jpg" width="1200" height="1807" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/mackup-1200px.jpg" width="1200" height="1498" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Страница “Обо мне” также частично имеет свободную верстку, чтобы иметь возможность быстро вносить обновления.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/About-1200px.jpg" width="1185" height="2560" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;В результате получился компактный сайт, который максимально раскрывает Марию как специалиста и адаптируется под все разрешения экранов.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;b&gt;Участники проекта&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;Дизайнер&lt;br/&gt;Таня Соколовская&lt;/td&gt;
&lt;td&gt;Верстальщик и разработчик&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>Запустила сайт maryber.com</title>
<guid isPermaLink="false">36</guid>
<link>http://tsokolovskaya.ru/blog/all/maryber-website/</link>
<pubDate>Mon, 27 Jul 2015 17:38:59 +0100</pubDate>
<author></author>
<comments>http://tsokolovskaya.ru/blog/all/maryber-website/</comments>
<description>
&lt;blockquote&gt;
&lt;p&gt;&lt;i&gt;&lt;b&gt;Задача&lt;/b&gt;&lt;/i&gt;&lt;br /&gt;
Сделать сайт-портфолио для стилиста-имиджмейкера Марии Бережной. Рассказать, чем занимается Мария и кому может быть полезна. Предусмотреть на сайте возможность публикации тематичных статей.&lt;br /&gt;
&lt;a href="http://maryber.com"&gt;maryber.com&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Основной раздел сайта — галерея с работами:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/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="http://tsokolovskaya.ru/blog/pictures/maryber.com-portfolio_inner.jpg" width="1400" height="2116" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Раздел с описанием услуг Марии:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/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="http://tsokolovskaya.ru/blog/pictures/maryber.com-services_inner.jpg" width="1400" height="2093" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Страница с информацией о самой Марии:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/maryber.com-about.jpg" width="1400" height="1795" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Также Мария занимается организацией бьюти-эвентов:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/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="http://tsokolovskaya.ru/blog/pictures/maryber.com-events-article_inner.jpg" width="1400" height="2135" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Отдельная страница для партнеров с фотографиями и контактными данными:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/maryber.com-partners.jpg" width="1400" height="2244" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Для удобства есть теги&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Страница с отзывами:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/maryber.com-reviews.jpg" width="1400" height="2533" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;А главная стала рубрикатором и собрала в себе все обновления, которые происходят на сайте:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/maryber.com-main.jpg" width="1310" height="2560" alt="" /&gt;
&lt;/div&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;b&gt;Участники проекта&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;Дизайнер&lt;br/&gt;Таня Соколовская&lt;/td&gt;
&lt;td&gt;Менеджер&lt;br/&gt;&lt;a href="http://dsokolovskiy.ru"&gt;Даниил Соколовский&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Разработчик&lt;br/&gt;Максим Сильнов&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</description>
</item>

<item>
<title>Логотип и стиль имиджмейкера Марии Бережной</title>
<guid isPermaLink="false">30</guid>
<link>http://tsokolovskaya.ru/blog/all/maryber-identity/</link>
<pubDate>Mon, 05 Jan 2015 10:38:17 +0100</pubDate>
<author></author>
<comments>http://tsokolovskaya.ru/blog/all/maryber-identity/</comments>
<description>
&lt;p&gt;Мария Бережная — стилист-имиджмейкер. Она создает потрясающие образы для повседневной жизни и торжеств.&lt;/p&gt;
&lt;p&gt;Я создала для Марии лаконичный и стильный логотип — главным его элементом является лигатура букв «Б» и «М». Знак получился мягким, но в тоже время стойким.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/90-4.jpg" width="2000" height="1128" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Элементом фирменного стиля стал кружевной орнамент. На первый взгляд он кажется обычным, но в нем есть изюминка — рассматривая узор, можно увидеть различные элементы стиля: галстук, платья, очки, бусы, шляпу, флакончик духов, помаду и многое другое.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/91-10.jpg" width="1494" height="1289" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/91-9.jpg" width="1146" height="851" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/91-8.jpg" width="2000" height="1236" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/91-11.jpg" width="2000" height="1124" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/90-3.jpg" width="2000" height="1295" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Рекомендации и правила по использованию стиля собраны в брендбук:&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="http://tsokolovskaya.ru/blog/pictures/92-2.jpg" width="856" height="455" alt="" /&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/92-3.jpg" width="856" height="455" alt="" /&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/92-4.jpg" width="856" height="455" alt="" /&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/92-5.jpg" width="856" height="455" alt="" /&gt;
&lt;img src="http://tsokolovskaya.ru/blog/pictures/92-6.jpg" width="856" height="455" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
</description>
</item>


</channel>
</rss>