{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Блог Тани Соколовской: posts tagged Сайты",
    "_rss_description": "Раскрываю процессы, конспектирую книги, пишу советы.",
    "_rss_language": "en",
    "_itunes_email": "mail@tsokolovskaya.ru",
    "_itunes_categories_xml": "",
    "_itunes_image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/userpic\/userpic-square@2x.jpg?1757434518",
    "_itunes_explicit": "no",
    "home_page_url": "http:\/\/tsokolovskaya.ru\/blog\/tags\/sites\/",
    "feed_url": "http:\/\/tsokolovskaya.ru\/blog\/tags\/sites\/json\/",
    "icon": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/userpic\/userpic@2x.jpg?1757434518",
    "authors": [
        {
            "name": "Таня Соколовская",
            "url": "http:\/\/tsokolovskaya.ru\/blog\/",
            "avatar": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/userpic\/userpic@2x.jpg?1757434518"
        }
    ],
    "items": [
        {
            "id": "40",
            "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/dom-svadeb-website-upd\/",
            "title": "Обновила сайт “Дома Свадеб”",
            "content_html": "<p main>Вслед за логотипом внесла изменения <a href=\"http:\/\/dom-svadeb.ru\">и на сайт<\/a>: обновила главную страницу, добавила страницу с ценами и раздел с блогом, а цветовую гамму сделала менее насыщенной. <\/p>\n<p aside>Читайте также <a href=\"http:\/\/tsokolovskaya.ru\/blog\/all\/dom-svadeb-logo\/\">о новом логотипе<\/a> <a href=\"http:\/\/tsokolovskaya.ru\/blog\/all\/dom-svadeb-website\/\">и о первой версии сайта<\/a>.<\/p>\n<p>На главной странице появился презентационный ролик:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-05-18-at-22.22.58.png\" width=\"1176\" height=\"965\" alt=\"\" \/>\n<\/div>\n<p>А следом за ним идет приветственный блок с фотографией Кати:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-05-18-at-22.23.16.png\" width=\"1177\" height=\"964\" alt=\"\" \/>\n<\/div>\n<p>Также для большей наглядности появился слайдер-сравнение в разделе о декоре — теперь можно подвигать стрелочки влево-вправо и посмотреть фотографии «до — после»:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-05-18-at-22.23.54.png\" width=\"1176\" height=\"804\" alt=\"\" \/>\n<\/div>\n<p>Теперь есть отдельная страница с ценами (раньше блок был на главной странице):<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/Z100.jpeg\" width=\"1280\" height=\"1864\" alt=\"\" \/>\n<\/div>\n<p>И появился блог:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/Z100-2.jpeg-1.jpg\" width=\"765\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<hr \/>\n<p><b>Участники проекта<\/b><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n<tr>\n<td>Дизайнер<br\/>Таня Соколовская<\/td>\n<td>Верстальщик и разработчик<br\/><a href=\"https:\/\/wdup.ru\">Руслан Бурнышев<\/a><\/td>\n<\/tr>\n<\/table>\n",
            "date_published": "2019-05-13T21:05:58+01:00",
            "date_modified": "2019-05-26T19:34:04+01:00",
            "tags": [
                "Катя Кещян",
                "Портфолио",
                "Сайты"
            ],
            "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Z100-2.jpeg.jpg",
            "_date_published_rfc2822": "Mon, 13 May 2019 21:05:58 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "40",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Z100-2.jpeg.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Z100-3.jpeg.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-05-18-at-22.22.58.png",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-05-18-at-22.23.16.png",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-05-18-at-22.23.54.png",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Z100.jpeg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Z100-2.jpeg-1.jpg"
                ]
            }
        },
        {
            "id": "38",
            "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/psytranceguide-website\/",
            "title": "Дизайн psytranceguide.ru",
            "content_html": "<blockquote>\n<p><i><b>Задача<\/b><\/i><br \/>\n<i>Музыкант Daniel Lesden пришел с идеей сделать небольшой гайд по пситранс-музыке и попросил помочь с оформлением. Помогла!<\/i><br \/>\n<a href=\"http:\/\/psytranceguide.com\">psytranceguide.com<\/a><\/p>\n<\/blockquote>\n<p>«Пситранс-гайд» — сайт с обзорами основных подстилей пситранса. Там можно почитать про каждый стиль, послушать примеры, узнать типичный темп. Такой вот образовательно-развлекательный ресурс.<\/p>\n<p>Так как это сайт одностраничник и предполагает идентичные блоки, я набросала дизайн частично, а дорабатывали его уже походу верстки. Работа прошла на одном дыхании, даже не успели сохранить эволюцию дизайна :-)<\/p>\n<p>Для заголовков я нашла классный техновый шрифт, он отлично вписался в атмосферу, и уже к нему подобрала шрифт основного текста. Только посмотрите на них:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/Z100.jpg\" width=\"1680\" height=\"1997\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Крупный фактоид указывает темп, что позволяет быстро сориентироваться и найти нужный стиль<\/div>\n<\/div>\n<p>Цвета подобрала темные, но с яркими насыщенными заголовками, что отлично вписывается в мир пситранса.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/h1500.jpg\" width=\"314\" height=\"1500\" alt=\"\" \/>\n<\/div>\n<p>Сайт адаптирован и для мобильных устройств:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/Z100-2.jpg\" width=\"631\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<hr \/>\n<p><b>Участники проекта<\/b><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n<tr>\n<td>Дизайнер<br\/>Таня Соколовская<\/td>\n<td>Верстальщик<br\/><a href=\"http:\/\/dsokolovskiy.ru\">Даниил Соколовский<\/a><\/td>\n<\/tr>\n<\/table>\n",
            "date_published": "2017-08-07T20:08:36+01:00",
            "date_modified": "2023-07-11T10:56:56+01:00",
            "tags": [
                "Daniel Lesden",
                "Портфолио",
                "Сайты"
            ],
            "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Z100.jpg",
            "_date_published_rfc2822": "Mon, 07 Aug 2017 20:08:36 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "38",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Z100.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/h1500.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Z100-2.jpg"
                ]
            }
        },
        {
            "id": "37",
            "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/maryber-website-v2\/",
            "title": "Сайт maryber.com — вторая версия",
            "content_html": "<blockquote>\n<p><b><i>Задача<\/i><\/b><br \/>\n<i>Пересмотреть структуру сайта, избавиться от пустующих разделов, переписать текстовую информацию с точки зрения пользы для потенциального клиента и обновить дизайн.<\/i><br \/>\n<i><a href=\"http:\/\/maryber.com\">maryber.com<\/a><\/i><\/p>\n<\/blockquote>\n<p main>Два года прошло с момента запуска сайта Марии Бережной. Сейчас я смотрю на старый сайт и понимаю, что тогда допустила большую ошибку — “налепила” много ненужного, потому что “клиент так хотел”. Кроме того, тогда я передала сайт без контента, предполагалось, что Мария сама будет заниматься наполнением — это была вторая большая ошибка. Два года сайт толком не обновляли, а часть разделов вообще висела мертвым грузом.<\/p>\n<p aside><a href=\"http:\/\/tsokolovskaya.ru\/blog\/all\/maryber-website\/\">Первая версия сайта<\/a>.<\/p>\n<h2>Начало работы<\/h2>\n<p>Итак, пообщавшись с Марией, мы решили полностью переделать сайт. Мария рассказала о своем продвижении в карьере, чем сейчас занимается и как планирует развиваться дальше, и я приступила к работе.<\/p>\n<p>Сперва определила структуру нового сайта:<\/p>\n<ul>\n<li><b>Главная.<\/b> Тут я решила сразу рассказать, чем занимается Мария и показать основные услуги.<\/li>\n<li><b>Портфолио → внутренняя страница.<\/b> Общий фото-каталог и внутренняя страница для каждой работы.<\/li>\n<li><b>Обо мне.<\/b> Сюда я разместила историю Марии о ее карьерном пути и рассказала, кому она может быть полезна.<\/li>\n<li><b>Сколько стоит.<\/b> Страница с ценами на услуги.<\/li>\n<li><b>Обучаю MakeUp.<\/b> Это одна из услуг, на которой Мария хочет акцентировать внимание, поэтому для нее отдельная страница.<\/li>\n<\/ul>\n<p>Также Мария хотела добавить раздел “Блог”, но пообщавшись мы решили, что пока он ей не нужен. Еще “на потом” мы отложили раздел “Отзывы”.<\/p>\n<p>Со старого сайта не перешли разделы со статьями, партнерами и событиями — они оказались не нужны.<\/p>\n<h2>Дизайн<\/h2>\n<p>Так как сфера деятельности Марии связана с бьюти-индустрией, дизайн я решила сделать “как в глянцевых журналах”. Так на главной появились буквицы, а дизайн отдельных блоков напоминает печатную верстку.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/Main-1200px.jpg\" width=\"418\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<p>Для фото-каталога в портфолио я сделала сетку, в которой акценты смещаются от одной фотографии к другим. По мере заполнения, сетка дублируется, так сохраняется ритм при пролистывании, и глазам всегда есть за что ухватиться. Работы можно фильтровать по основным тегам.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/Portfolio-1200px.jpg\" width=\"962\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<p>Внутренняя страница представляет собой галерею фотографий проекта. Также можно добавить коллег, которые принимали участие в проекте, и написать подробное описание.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/Portfolio-Page-1200px.jpg\" width=\"995\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<p>Страницы с ценами и услугами я решила сделать со свободной версткой, потому что услуги Марии часто меняются и подогнать их под какой-то шаблон невозможно.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/Price-1200px.jpg\" width=\"1200\" height=\"1807\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/mackup-1200px.jpg\" width=\"1200\" height=\"1498\" alt=\"\" \/>\n<\/div>\n<p>Страница “Обо мне” также частично имеет свободную верстку, чтобы иметь возможность быстро вносить обновления.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/About-1200px.jpg\" width=\"1185\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<p>В результате получился компактный сайт, который максимально раскрывает Марию как специалиста и адаптируется под все разрешения экранов.<\/p>\n<hr \/>\n<p><b>Участники проекта<\/b><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n<tr>\n<td>Дизайнер<br\/>Таня Соколовская<\/td>\n<td>Верстальщик и разработчик<br\/><a href=\"https:\/\/freelansim.ru\/freelancers\/realovich\">Tony Realovich<\/a><\/td>\n<\/tr>\n<\/table>\n",
            "date_published": "2017-07-16T19:16:21+01:00",
            "date_modified": "2019-05-27T11:50:44+01:00",
            "tags": [
                "Мария Бережная",
                "Портфолио",
                "Сайты"
            ],
            "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Main-1200px.jpg",
            "_date_published_rfc2822": "Sun, 16 Jul 2017 19:16:21 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "37",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Main-1200px.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Portfolio-1200px.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Portfolio-Page-1200px.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Price-1200px.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/mackup-1200px.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/About-1200px.jpg"
                ]
            }
        },
        {
            "id": "22",
            "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/dom-svadeb-website\/",
            "title": "Запустила сайт агентства «Дом свадеб Кати Кещян»",
            "content_html": "<blockquote>\n<p><i><b>Задача<\/b><\/i><br \/>\n<i>Рассказать невестам для чего нужен свадебный организатор и почему лучше обратиться к нему, чем делать свадьбу самостоятельно.<\/i><br \/>\n<i><a href=\"http:\/\/dom-svadeb.ru\/\">dom-svadeb.ru<\/a><\/i><\/p>\n<\/blockquote>\n<p>В разработке сайта уделила особое внимание информативности: рассказала о плюсах обращения к организатору, процессе подготовки к свадьбе, трудностях организации и о самом свадебном дне. Теперь невесты могут получить четкое представление об агентстве, услугах и заказать организацию своей свадьбы.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-svadeb-main.jpg\" width=\"388\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<p>Сайт адаптируется под все разрешения экранов:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/macbook-dom-vadeb.jpg\" width=\"1300\" height=\"762\" alt=\"\" \/>\n<\/div>\n<hr \/>\n<p><b>Участники проекта<\/b><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n<tr>\n<td>Дизайнер<br\/>Таня Соколовская<\/td>\n<td>Верстальщик<br\/><a href=\"http:\/\/dsokolovskiy.ru\">Даниил Соколовский<\/a><\/td>\n<td>Разработчик<br\/><a href=\"https:\/\/codecode.ru\">Кодельная<\/a><\/td>\n<\/tr>\n<\/table>\n",
            "date_published": "2016-12-23T13:11:41+01:00",
            "date_modified": "2023-12-08T13:22:54+01:00",
            "tags": [
                "Катя Кещян",
                "Портфолио",
                "Сайты"
            ],
            "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-svadeb-main.jpg",
            "_date_published_rfc2822": "Fri, 23 Dec 2016 13:11:41 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "22",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-svadeb-main.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/macbook-dom-vadeb.jpg"
                ]
            }
        },
        {
            "id": "25",
            "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/epson-process\/",
            "title": "Задизайнила партнерский сайт компании Epson",
            "content_html": "<blockquote>\n<p><b><i>Задача<\/i><\/b><br \/>\n<i>Рассказать потенциальным партнерам о программе авторизации.<\/i><br \/>\n<i><a href=\"http:\/\/partners.epson.ru\">partners.epson.ru<\/a><\/i><\/p>\n<\/blockquote>\n<p>Компания Epson — японский производитель техники, мировой лидер по проекционному оборудованию и печатной технике. Для московского представительства компании мы с командой клиента сделали сайт с рассказом о партнерской программе.<\/p>\n<h2>О процессе<\/h2>\n<p>Любой дизайн начинается с понимания задачи. Чтобы понять проблему и возможное решение, я задаю клиентам вопросы об их бизнесе. Поэтому процесс работы над сайтом Эпсон для партнеров начался с разговора с менеджером, в котором я узнала много нового.<\/p>\n<p>Обычно производители техники либо торгуют напрямую через свои филиалы и интернет-магазины, либо через партнерские сети. Эпсон работает по второй схеме.<\/p>\n<p>Компания создала для партнеров Партнерскую зону — закрытый сайт со специальными программами и медиаматериалами. Проблема была в том, что на сайтах Эпсон не было информации о партнерской программе. Заинтересованным компаниям приходилось сначала искать контактную информацию, а затем писать менеджерам. Менеджерам, в свою очередь, приходилось подробно рассказывать каждому о процедуре авторизации.<\/p>\n<p>Таким образом мы с менеджером сформировали миссию проекта: «помочь потенциальным партнерам узнать о программе авторизации Эпсон и принять решение о присоединении». Для этого решили сделать одностраничный сайт с поэтапным рассказом.<\/p>\n<h3>Вникаю в детали<\/h3>\n<p>Изучаю презентации и документацию, чтобы понять в процесс:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/epson-process-1.jpg\" width=\"1561\" height=\"1211\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Изучаю презентации, таблицы и документы по программе авторизации Эпсон<\/div>\n<\/div>\n<p>Информации много, но у меня есть преимущество: так как с условиями партнерской программы я ранее не сталкивалась, это позволило посмотреть на неё глазами новичка.<\/p>\n<h3>Составляю структуру<\/h3>\n<p>Структурирую всё изученное в последовательное изложение:<\/p>\n<ol start=\"1\">\n<li>Программа авторизации — что это такое<\/li>\n<li>Зачем нужна авторизация<\/li>\n<li>Преимущества партнеров<\/li>\n<li>Как стать партнером<\/li>\n<li>С кем связаться<\/li>\n<\/ol>\n<h3>Приступаю к работе<\/h3>\n<p>Собираю первый «этаж». Категории авторизации, по которым компании становятся партнерами, показываю наглядно в виде фотографий устройств этой категории. Здесь же решаю добавить социальное доказательство в виде фактоида: 500 компаний уже стали партнерами Epson.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/epson-process-2.jpg\" width=\"1358\" height=\"971\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Первый «этаж» сайта рассказывает о программе и категориях авторизации<\/div>\n<\/div>\n<p>Дальше отвечаю на вопрос «Зачем нужна авторизация» и рассказываю о преимуществах партнера.<\/p>\n<p>Сначала думаю проиллюстрировать каждый пункт иконками, как на модных лэндингах, но потом понимаю: становление партнером должно быть взвешенным решением, основанным на фактах, а не эмоциях. Поэтому пишем честно и без мишуры.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/epson-process-3.jpg\" width=\"1351\" height=\"894\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Преимущества партнера: всё только по делу<\/div>\n<\/div>\n<p>Далее самая важная часть: как же стать партнером. Здесь — ключевое полезное действие, поэтому выделяю этот блок цветным фоном.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/epson-process-4.jpg\" width=\"1270\" height=\"595\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Как стать партнером и критерии отбора<\/div>\n<\/div>\n<p>Дальше — контактная информация региональных менеджеров. Обычно в презентациях и на сайтах компании эту информацию показывают длинным списком или таблицей.<\/p>\n<p>Изучаю, смотрю что можно улучшить:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/epson-process-5.jpg\" width=\"1510\" height=\"1022\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Обычный способ представления контактной информации, который использовался на сайтах и в презентации<\/div>\n<\/div>\n<p>Имя, должность и регион менеджера условно назовём карточкой контакта. Замечаю, что в карточках много словесных повторов:<\/p>\n<p><i>«<b>Соколов Василий<\/b> (менеджер по работе с партнерами) — работа с дилерами, корпоративными партнерами и заказчиками Санкт-Петербурга, а также Мурманской, Архангельской, Вологодской и Новгородской областей, и Республики Карелия.»<\/i><\/p>\n<p><i>«<b>Петров Иван<\/b> (менеджер по работе с партнерами) — работа с дилерами, корпоративными партнерами и заказчиками Центрального ФО — Белгородская, Брянская, Воронежская, Калужская, Курская, Липецкая, Орловская, Рязанская, Тамбовская и Тульская области.»<\/i><\/p>\n<p>Сначала убираю должности, потому что слово «менеджер» сказано в заголовке, а то что они работают с партнерами ясно из контекста.<\/p>\n<p>↓<\/p>\n<p><i>«<b>Соколов Василий<\/b> — работа с дилерами, корпоративными партнерами и заказчиками Санкт-Петербурга, а также Мурманской, Архангельской, Вологодской и Новгородской областей, и Республики Карелия.»<\/i><\/p>\n<p><i>«<b>Петров Иван<\/b> — работа с дилерами, корпоративными партнерами и заказчиками Центрального ФО — Белгородская, Брянская, Воронежская, Калужская, Курская, Липецкая, Орловская, Рязанская, Тамбовская и Тульская области.»<\/i><\/p>\n<p>Затем убираю повторяющуюся фразу «работа с дилерами, корпоративными партнерами и заказчиками», потому что это очевидная сущность. Заодно меняю имя и фамилию местами, потому что в русском языке принято обращаться по имени.<\/p>\n<p>↓<\/p>\n<p><i>«<b>Василий Соколов<\/b> — Санкт-Петербург, Мурманская, Архангельская, Вологодская и Новгородская области, Республика Карелия.»<\/i><\/p>\n<p><i>«<b>Иван Петров<\/b> — Белгородская, Брянская, Воронежская, Калужская, Курская, Липецкая, Орловская, Рязанская, Тамбовская и Тульская области.»<\/i><\/p>\n<p>Стало в два раза компактнее и информативнее.<\/p>\n<p>Из дальнейшего общения с представителем компании я узнала, что партнерская сеть Эпсон получила такой успех во многом благодаря как раз региональным менеджерам — они оперативно и квалифицировано помогают партнерам в любых ситуациях и вместе продумывают пути развития бизнеса.<\/p>\n<p>На основе полученных знаний решаю сделать контактную информацию всех менеджеров с фотографиями — показать компанию лицом в буквальном смысле.<\/p>\n<p>Действующим партнерам проще ориентироваться по списку с фотографиями, потому что они знают своих менеджеров в лицо, а для потенциальных партнеров это способ повысить доверие.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/epson-process-6.jpg\" width=\"1448\" height=\"1076\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Региональные менеджеры. При наведении курсора фотографии становятся цветными<\/div>\n<\/div>\n<p>Готовлю презентацию и показываю всё клиенту. Клиент принял работу.<\/p>\n<p>Верстаем сайт, адаптируем под все разрешения экранов, тестируем и запускаем. Готово!<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/epson-process-7.jpg\" width=\"2319\" height=\"1076\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Результат работы<\/div>\n<\/div>\n<hr \/>\n<p><b>Участники проекта<\/b><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n<tr>\n<td>Дизайнер<br\/>Таня Соколовская<\/td>\n<td>Дизайнер и верстальщик<br\/><a href=\"http:\/\/dsokolovskiy.ru\">Даниил Соколовский<\/a><\/td>\n<td>Разработчик<br\/>команда со стороны клиента<\/td>\n<\/tr>\n<\/table>\n",
            "date_published": "2016-10-11T19:15:24+01:00",
            "date_modified": "2023-12-08T15:12:57+01:00",
            "tags": [
                "Epson",
                "Портфолио",
                "Сайты"
            ],
            "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/epson-process-1.jpg",
            "_date_published_rfc2822": "Tue, 11 Oct 2016 19:15:24 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "25",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/epson-process-1.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/epson-process-2.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/epson-process-3.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/epson-process-4.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/epson-process-5.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/epson-process-6.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/epson-process-7.jpg"
                ]
            }
        },
        {
            "id": "35",
            "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/daniel-lesden-website-v3-5\/",
            "title": "Обновление сайта daniellesden.com",
            "content_html": "<blockquote>\n<p><i><b>Задача<\/b><\/i><br \/>\n<i>Адаптировать сайт под любые экраны.<\/i><br \/>\n<i><a href=\"http:\/\/www.daniellesden.com\">www.daniellesden.com<\/a><\/i><\/p>\n<\/blockquote>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-5-5_0.jpg\" width=\"2500\" height=\"1149\" alt=\"\" \/>\n<\/div>\n<p main>В ноябре прошлого года вышла третья версия сайта музыканта и диджея Дэниела Лэсдена. Это было большое обновление, в котором мы с командой пересмотрели структуру и обновили стиль всех страниц сайта.<\/p>\n<p aside><a href=\"\/blog\/all\/daniel-lesden-website\/\">Первая версия<\/a><br\/><a href=\"\/blog\/all\/daniel-lesden-website-v2\/\">Вторая версия<\/a><br\/><a href=\"\/blog\/all\/daniel-lesden-website-v3\/\">Третья версия<\/a><br\/><i>Адаптивная версия<\/i><br\/><\/p>\n<p>И всё же у сайта был недостаток: его размер был фиксирован, поэтому пользователи мобильных телефонов и планшетов не могли насладиться им в полной мере. Этой функцией пришлось на время пожертвовать, чтобы запустить сайт вовремя.<\/p>\n<p>Сегодня рада представить обновление сайта специально для мобильных пользователей. Теперь сайт плавно адаптируется под любой экран: телефон, планшет, ноутбук или настольный компьютер.<\/p>\n<p>Отдельно хочу рассказать о нововведениях в разделе «Советы». Слушатели и посетители сайта присылают автору вопросы на тему диджеинга, написания музыки и других вопросов музыкальной индустрии, а он делится опытом — так работает рубрика советов.<\/p>\n<p>Изначально дизайн раздела был в виде новостной ленты — новые советы появлялись сверху, старые уходили вниз. Всё казалось логично. Но дело в том, что автор пишет полезные статьи, которые не теряют актуальности даже год спустя — к ним приятно возвращаться снова и снова. И новые пользователи могли не увидеть некоторые ранее опубликованные статьи, потому что они уходили далеко вниз.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/blog-inner-1.png\" width=\"1155\" height=\"1429\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Изначальный дизайн раздела в виде таймлайна<\/div>\n<\/div>\n<p>Сначала мы думали сделать на странице поиск, но это решение не подходило — часто новые пользователи еще не знают, что искать, поэтому им нужно помочь.<\/p>\n<p>Разбиваем все советы по темам: написание музыки, диджеинг, менеджмент, маркетинг, бизнес.<\/p>\n<p>Но по какому принцицу выводить советы — по алфавиту, по дате? И самое главаное — поможет ли это новым пользователям? И не навредит ли постоянным читателям? Направление с группировкой нам кажется верной, но над реализацией продолжаем думать.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/blog-inner-2.png\" width=\"2000\" height=\"903\" alt=\"\" \/>\n<\/div>\n<p>Размышляем:<\/p>\n<p><i>— А что если в группировках по темам выводить не все советы, а только важные по усмотрению автора? И показать их в красивой журнальной вёрстке с крупными картинками?<\/i><\/p>\n<p><i>— И как это поможет?<\/i><\/p>\n<p><i>— Очень просто: так мы поможем новым пользователям сориентироваться в рубрике. Вместо того, чтобы листать десятки, а скоро и сотни советов, мы как бы говорим «вот, начни читать с этого». Сами статьи внутри связаны тегами и ссылками, так что если пользователю понравится, он пойдет читать дальше.<\/i><\/p>\n<p><i>— А где будут жить остальные статьи, помимо этих важных?<\/i><\/p>\n<p><i>— Все остальные советы будут снизу в ленте, с этим без изменений.<\/i><\/p>\n<p><i>— Получается, что постоянным читателям придется каждый раз прокручивать страницу вниз к этой ленте, чтобы узнать, вышли ли новые советы?<\/i><\/p>\n<p><i>— Нет: в самом верху мы покажем сначала несколько новых советов, это будет удобно и для новых, и для постоянных читателей. Дальше будут полезные статьи по темам, а еще дальше — ленты всех остальных советов.<\/i><\/p>\n<p>Звучит здорово. Приступаем к реализации:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/blog-inner-3.jpeg.jpg\" width=\"921\" height=\"2560\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Собираем макет предложенной идеи<\/div>\n<\/div>\n<p>Смотрим, оцениваем и продолжаем рассуждать:<\/p>\n<p><i>— В целом хорошо, но в этих блоках смущает крайний справа элемент — такое ощущение, что крупный заголовок относится к нему, а не большой иллюстрации.<\/i><\/p>\n<p><i>— А давай решим это с помощью анимации загрузки? Три нижних советах в блоках будут появляться чуть позже, помогая расставить визуальный акцент.<\/i><\/p>\n<p><i>— Это как?<\/i><\/p>\n<p><i>— А вот так:<\/i><\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/player.vimeo.com\/video\/170154427\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\">Анимация подгрузки помогает расставить акценты внимания<\/div>\n<\/div>\n<p>Это решение и вошло в финальную версию сайта.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-5-0.jpg\" width=\"946\" height=\"1114\" alt=\"\" \/>\n<\/div>\n<hr \/>\n<p><b>Участники проекта<\/b><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n<tr>\n<td>Ведущий дизайнер<br\/>Таня Соколовская<\/td>\n<td>Дизайнер и верстальщик<br\/><a href=\"http:\/\/dsokolovskiy.ru\">Даниил Соколовский<\/a><\/td>\n<td>Разработчик<br\/>Максим Сильнов<\/td>\n<\/tr>\n<\/table>\n",
            "date_published": "2016-06-16T19:16:35+01:00",
            "date_modified": "2019-05-26T19:53:27+01:00",
            "tags": [
                "Daniel Lesden",
                "Портфолио",
                "Процессы",
                "Сайты"
            ],
            "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-5-5_0.jpg",
            "_date_published_rfc2822": "Thu, 16 Jun 2016 19:16:35 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "35",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-5-5_0.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/blog-inner-1.png",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/blog-inner-2.png",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/blog-inner-3.jpeg.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/remote\/vimeo-170154427-cover.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-5-0.jpg"
                ]
            }
        },
        {
            "id": "34",
            "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/daniel-lesden-website-v3\/",
            "title": "Третья версия сайта www.daniellesden.com",
            "content_html": "<blockquote>\n<p><i><b>Задача<\/b><\/i><br \/>\n<i>Освежить и улучшить все разделы сайта.<\/i><br \/>\n<i><a href=\"http:\/\/www.daniellesden.com\">www.daniellesden.com<\/a><\/i><\/p>\n<\/blockquote>\n<p main>Легко что-то сломать и построить на этом месте новое. Намного сложнее взять существующий продукт и практически с хирургической точностью улучшить каждый его аспект. Именно такая задача стояла: улучшить всё, при этом не сильно изменив общий стиль и облик сайта.<\/p>\n<p aside><a href=\"\/blog\/all\/daniel-lesden-website\/\">Первая версия<\/a><br\/><a href=\"\/blog\/all\/daniel-lesden-website-v2\/\">Вторая версия<\/a><br\/><i>Третья версия<\/i><br\/><a href=\"\/blog\/all\/daniel-lesden-website-v3-5\/\">Адаптивная версия<\/a><br\/><\/p>\n<p>В новой версии обновлена структура и практически все страницы сайта приобрели единый вид — теперь в них больше предсказуемости и порядка. Изменения коснулись абсолютно всех разделов сайта: главной страницы, биографии, дискографии, радио шоу, миксов, выступлений, упоминаний прессы и прочих. Также появился новый раздел «Advice» — это еженедельная рубрика, в которой автор отвечает на вопросы и даёт советы.<\/p>\n<p>А еще верхнее меню на сайте теперь плавно скрывается при прокрутке страниц вниз, и также плавно появляется при прокрутке вверх. Кайф! Попробуйте сами.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-2.jpg\" width=\"1013\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-3.jpg\" width=\"1200\" height=\"2558\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-4.jpg\" width=\"1137\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-5.jpg\" width=\"1200\" height=\"1943\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-6.jpg\" width=\"1200\" height=\"1903\" alt=\"\" \/>\n<\/div>\n<hr \/>\n<p><b>Участники проекта<\/b><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n<tr>\n<td>Ведущий дизайнер<br\/>Таня Соколовская<\/td>\n<td>Дизайнер<br\/><a href=\"http:\/\/dsokolovskiy.ru\">Даниил Соколовский<\/a><\/td>\n<td>Разработчик и верстальщик<br\/>Максим Сильнов<\/td>\n<\/tr>\n<\/table>\n",
            "date_published": "2015-11-25T19:03:09+01:00",
            "date_modified": "2019-05-26T19:52:37+01:00",
            "tags": [
                "Daniel Lesden",
                "Портфолио",
                "Сайты"
            ],
            "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-2.jpg",
            "_date_published_rfc2822": "Wed, 25 Nov 2015 19:03:09 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "34",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-2.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-3.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-4.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-5.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website3-6.jpg"
                ]
            }
        },
        {
            "id": "33",
            "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/digital-om-website\/",
            "title": "Создание сайта лейбла Digital Om Productions",
            "content_html": "<p><a href=\"https:\/\/digitalom.in\">Digital Om Production<\/a> — музыкальный лейбл, расположенный в Индии и Непале. Лейбл выпускает современную электронную танцевальную музыку в стилях Progressive и Psychedelic Trance, а также работает как букинг-агентство для своих артистов.<\/p>\n<p>Над проектом работали совместно с коллегой. Пообщавшись с клиентом, прояснили задачу, которую должен решать сайт. Его цель — помочь музыкальным фанатам купить издаваемую лейблом музыку, а также познакомить их ближе с артистами. В то же время для самих музыкантов сайт должен стать «домашней страничкой» с дискографий, биографией, пресс-китом.<\/p>\n<p>Изучаем рынок, смотрим сайты других лейблов:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-1.jpeg\" width=\"1200\" height=\"1152\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Сайты других лейблов<\/div>\n<\/div>\n<p>В целом ситуация в индустрии печальная: на сайтах других лейблов куча полупустых разделов, ненужных страниц и страшных социальных плагинов. Такого точно не хотим. Вместо этого предлагаем клиенту начать с малого — только основных и действительно нужных разделов и функций, а именно с каталога релизов и ростера артистов.<\/p>\n<p>Закладываем фундамент — продумываем структуру будущего сайта, попутно разбивая разработку на несколько интераций. Получается такая схема:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-2.jpeg\" width=\"1200\" height=\"939\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Схема сайта<\/div>\n<\/div>\n<p>Вместо главной страницы, традиционно с которой начинается работа, мы начали с внутренней страницы музыкального релиза — скорее всего посетители будут чаще переходить на эти страницы по прямым ссылкам, чем на главную.<\/p>\n<p>Размышляем: <i>«прежде чем купить музыку, слушатели захотят ознакомиться с фрагментом. Значит нужна возможность выкладывать сэмплы»<\/i>.<\/p>\n<p>Вместо того, чтобы писать собственный аудиоплеер, что потратило бы немало времени, решаем использовать API сервиса SoundCloud, лидера в области облачного хранения музыки. Для клиента такой вариант оказался удобным — лейбл <a href=\"http:\/\/www.soundcloud.com\/digital_om\">активно пользуется Саундклаудом<\/a>, на его страничке больше шести тысяч подписчиков.<\/p>\n<p>Приступаем к дизайну. Делаем тёмную цветовую схему подстать музыкальному жанру, но разбавляем её колоритными обложками альбомов и яркими кнопками.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-3.jpeg\" width=\"2000\" height=\"1102\" alt=\"\" \/>\n<\/div>\n<p>Размышляем: <i>«Так, сверху — большие и яркие кнопки, ссылки на магазины, где продаётся музыка. Но что если добавить на сайт альбом, который еще не вышел? Что будет вместо кнопок?»<\/i>.<\/p>\n<p>Решаем сделать пунктирный контур с надписью «Forthcoming» (грядущий релиз). Эта надпись будет автоматически выводится, если дата выхода альбома будущее число, значит менеджеру сайта не придется менять её вручную.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-4.jpeg\" width=\"1794\" height=\"1130\" alt=\"\" \/>\n<\/div>\n<p>Чтобы на сайте не было «тупиков», связываем все страницы сайта друг с другом с пользой для посетителей: со страницы альбома или сборника можно попасть на страницу связанных артистов или другие релизы; на странице артиста можно посмотреть все альбомы или сборники, в которых он участвует.<\/p>\n<p>Продумывая такие мелочи, тем временем, рисуем остальные страницы и разделы: главную, артисты, контактную информацию и другие.<\/p>\n<p>Не забываем и про страницу ошибки 404 (это когда пользователь случайно попадает на несуществующую страницу, например, когда ошибается в написании адреса): чтобы зашедшему сюда пользователю не было скучно, размещаем небольшую историю о том, что такое «Ом».<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-5.jpeg\" width=\"1200\" height=\"753\" alt=\"\" \/>\n<\/div>\n<p>Отдельные макеты делаем для мобильной версии сайта:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-6.png\" width=\"1200\" height=\"851\" alt=\"\" \/>\n<\/div>\n<p>Собираем все макеты, готовим презентацию и показываем клиенту:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-7.jpeg.jpg\" width=\"774\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-8.jpeg.jpg\" width=\"904\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<p>Клиенту всё очень нравится. Приступаем к вёрстке, программированию, скриптам, настройке панели администрирования, словом — к сбору рабочего сайта из картинок.<\/p>\n<p>Владелец лейбла — настоящий любитель музыки, поэтому и к сайту он тоже относится с большим энтузиазмом, постоянно предлагая какие-то новые дополнения. Впрочем, большинства из этих идей нет на сайте.<\/p>\n<p>Сайт сделали за 4 недели. Поддерживается и наполняется сотрудниками лейбла.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/digital-om-20151015.jpg\" width=\"900\" height=\"1347\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/distances-20151015.jpg\" width=\"900\" height=\"979\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/music-20151015.jpg\" width=\"900\" height=\"1806\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/digital-om.jpg\" width=\"524\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<hr \/>\n<p><b>Участники проекта<\/b><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n<tr>\n<td>Ведущий дизайнер<br\/>Таня Соколовская<\/td>\n<td>Дизайнер<br\/><a href=\"http:\/\/dsokolovskiy.ru\">Даниил Соколовский<\/a><\/td>\n<td>Разработчик и верстальщик<br\/>Максим Сильнов<\/td>\n<\/tr>\n<\/table>\n",
            "date_published": "2015-10-27T18:54:40+01:00",
            "date_modified": "2023-12-12T18:43:53+01:00",
            "tags": [
                "Digital Om Productions",
                "Портфолио",
                "Процессы",
                "Сайты"
            ],
            "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-9.jpeg.jpg",
            "_date_published_rfc2822": "Tue, 27 Oct 2015 18:54:40 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "33",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-9.jpeg.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-1.jpeg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-2.jpeg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-3.jpeg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-4.jpeg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-5.jpeg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-6.png",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-7.jpeg.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dom-8.jpeg.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/digital-om-20151015.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/distances-20151015.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/music-20151015.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/digital-om.jpg"
                ]
            }
        },
        {
            "id": "36",
            "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/maryber-website\/",
            "title": "Запустила сайт maryber.com",
            "content_html": "<blockquote>\n<p><i><b>Задача<\/b><\/i><br \/>\nСделать сайт-портфолио для стилиста-имиджмейкера Марии Бережной. Рассказать, чем занимается Мария и кому может быть полезна. Предусмотреть на сайте возможность публикации тематичных статей.<br \/>\n<a href=\"http:\/\/maryber.com\">maryber.com<\/a><\/p>\n<\/blockquote>\n<p>Основной раздел сайта — галерея с работами:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-portfolio.jpg\" width=\"1192\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-portfolio_inner.jpg\" width=\"1400\" height=\"2116\" alt=\"\" \/>\n<\/div>\n<p>Раздел с описанием услуг Марии:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-services.jpg\" width=\"1400\" height=\"1642\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-services_inner.jpg\" width=\"1400\" height=\"2093\" alt=\"\" \/>\n<\/div>\n<p>Страница с информацией о самой Марии:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-about.jpg\" width=\"1400\" height=\"1795\" alt=\"\" \/>\n<\/div>\n<p>Также Мария занимается организацией бьюти-эвентов:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-events-article.jpg\" width=\"1400\" height=\"1363\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-events-article_inner.jpg\" width=\"1400\" height=\"2135\" alt=\"\" \/>\n<\/div>\n<p>Отдельная страница для партнеров с фотографиями и контактными данными:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-partners.jpg\" width=\"1400\" height=\"2244\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Для удобства есть теги<\/div>\n<\/div>\n<p>Страница с отзывами:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-reviews.jpg\" width=\"1400\" height=\"2533\" alt=\"\" \/>\n<\/div>\n<p>А главная стала рубрикатором и собрала в себе все обновления, которые происходят на сайте:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-main.jpg\" width=\"1310\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<hr \/>\n<p><b>Участники проекта<\/b><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n<tr>\n<td>Дизайнер<br\/>Таня Соколовская<\/td>\n<td>Менеджер<br\/><a href=\"http:\/\/dsokolovskiy.ru\">Даниил Соколовский<\/a><\/td>\n<td>Разработчик<br\/>Максим Сильнов<\/td>\n<\/tr>\n<\/table>\n",
            "date_published": "2015-07-27T17:38:59+01:00",
            "date_modified": "2023-12-13T11:01:41+01:00",
            "tags": [
                "Мария Бережная",
                "Портфолио",
                "Сайты"
            ],
            "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-portfolio.jpg",
            "_date_published_rfc2822": "Mon, 27 Jul 2015 17:38:59 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "36",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-portfolio.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-portfolio_inner.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-services.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-services_inner.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-about.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-events-article.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-events-article_inner.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-partners.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-reviews.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/maryber.com-main.jpg"
                ]
            }
        },
        {
            "id": "31",
            "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/daniel-lesden-website-v2\/",
            "title": "Вторая версия сайта www.daniellesden.com",
            "content_html": "<blockquote>\n<p><b><i>Задача<\/i><\/b><br \/>\n<i>Доработать все разделы сайта и перенести сайт на новый движок.<\/i><br \/>\n<i><a href=\"http:\/\/www.daniellesden.com\/\">www.daniellesden.com<\/a><\/i><\/p>\n<\/blockquote>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl.jpg\" width=\"2000\" height=\"1127\" alt=\"\" \/>\n<\/div>\n<p main>Daniel Lesden — музыкант диджей. С ростом его популярности увеличилось и количество контента на сайте, поэтому возникла необходимость расширить имеющийся функционал. Всего внесено более 30 различных изменений, включая новый «движок» для более удобного управления сайтом — по сути, пришлось сделать сайт с нуля.<\/p>\n<p aside><a href=\"\/blog\/all\/daniel-lesden-website\/\">Первая версия<\/a><br\/><i>Вторая версия<\/i><br\/><a href=\"\/blog\/all\/daniel-lesden-website-v3\/\">Третья версия<\/a><br\/><a href=\"\/blog\/all\/daniel-lesden-website-v3-5\/\">Адаптивная версия<\/a><br\/><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-2.jpg\" width=\"900\" height=\"631\" alt=\"\" \/>\n<div class=\"e2-text-caption\">На страницах музыкальных релизов появились заметные кнопки «call-to-action» — кнопки, призывающие к действию<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-10.jpg\" width=\"900\" height=\"631\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Еще здесь появились вкладки: пресса, отзывы и похожие материалы<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-11.jpg\" width=\"900\" height=\"631\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Цитаты из прессы прямо на странице музыкального релиза<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-12.jpg\" width=\"900\" height=\"631\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Отзывы известных музыкантов<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-13.jpg\" width=\"900\" height=\"632\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Материалы из этой категории, например, ремиксы<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-3.jpg\" width=\"900\" height=\"666\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Главная страница радио программы также получила обновление<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-5.jpg\" width=\"900\" height=\"666\" alt=\"\" \/>\n<div class=\"e2-text-caption\">На страницах миксов теперь привлекательные изображения с параллаксом<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-7.jpg\" width=\"900\" height=\"639\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Фотоальбомы — новый раздел на сайте. На мобильных телефонах тоже прекрасно работает и смотрится!<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-8.jpg\" width=\"900\" height=\"631\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Раздел для прессы теперь можно фильтровать по типам материалов: обзоры, интервью и статьи<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-14.jpg\" width=\"900\" height=\"643\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Интересная страница «404»: набранные параметры 404 на дисплее миди-контроллера и надпись в духе Звездных Войн :-)<\/div>\n<\/div>\n<hr \/>\n<p><b>Участники проекта<\/b><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n<tr>\n<td>Ведущий дизайнер<br\/>Таня Соколовская<\/td>\n<td>Дизайнер<br\/><a href=\"http:\/\/dsokolovskiy.ru\">Даниил Соколовский<\/a><\/td>\n<td>Разработчик и верстальщик<br\/>Максим Сильнов<\/td>\n<\/tr>\n<\/table>\n",
            "date_published": "2015-03-25T10:55:52+01:00",
            "date_modified": "2019-05-26T19:53:10+01:00",
            "tags": [
                "Daniel Lesden",
                "Портфолио",
                "Сайты"
            ],
            "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl.jpg",
            "_date_published_rfc2822": "Wed, 25 Mar 2015 10:55:52 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "31",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-2.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-10.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-11.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-12.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-13.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-3.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-5.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-7.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-8.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/website2-dl-14.jpg"
                ]
            }
        },
        {
            "id": "27",
            "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/daniel-lesden-website\/",
            "title": "Разработка сайта музыканта Дэниела Лэсдена",
            "content_html": "<blockquote>\n<p><i><b>Задача<\/b><\/i><br \/>\n<i>Разработать сайт музыканта.<\/i><br \/>\n<i><a href=\"http:\/\/daniellesden.com\">daniellesden.com<\/a><\/i><\/p>\n<\/blockquote>\n<p main>Daniel Lesden — музыкант, диджей, радиоведущий. Разработала гибкий и лаконичный дизайн сайта, позволяющий упорядочить всю информацию об артисте: дискографию, радио программы, миксы и записи живых выступлений, новости, фотографии, гастроли, публикации прессы и многое другое.<\/p>\n<p aside><i>Первая версия<\/i><br\/><a href=\"\/blog\/all\/daniel-lesden-website-v2\/\">Вторая версия<\/a><br\/><a href=\"\/blog\/all\/daniel-lesden-website-v3\/\">Третья версия<\/a><br\/><a href=\"\/blog\/all\/daniel-lesden-website-v3-5\/\">Адаптивная версия<\/a><br\/><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-5.jpg\" width=\"1200\" height=\"2449\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-6.jpg\" width=\"898\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-11.jpg\" width=\"1400\" height=\"1911\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-12.jpg\" width=\"1200\" height=\"1729\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-13.jpg\" width=\"1400\" height=\"2002\" alt=\"\" \/>\n<\/div>\n<p>Еще сделала космические промо-страницы альбома артиста.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1939\" data-ratio=\"1.578990228013\">\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-7.jpg\" width=\"1939\" height=\"1228\" alt=\"\" \/>\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-8.jpg\" width=\"1970\" height=\"1234\" alt=\"\" \/>\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-9.jpg\" width=\"1948\" height=\"1223\" alt=\"\" \/>\n<img src=\"http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-10.jpg\" width=\"1952\" height=\"1231\" alt=\"\" \/>\n<\/div>\n<\/div>\n<hr \/>\n<p><b>Участники проекта<\/b><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n<tr>\n<td>Ведущий дизайнер<br\/>Таня Соколовская<\/td>\n<td>Дизайнер <br\/><a href=\"http:\/\/dsokolovskiy.ru\">Даниил Соколовский<\/a><\/td>\n<td>Руководитель команды разработчиков<br\/>Станислав Мишин<\/td>\n<\/tr>\n<\/table>\n",
            "date_published": "2013-11-26T19:47:04+01:00",
            "date_modified": "2019-05-26T19:52:55+01:00",
            "tags": [
                "Daniel Lesden",
                "Портфолио",
                "Сайты"
            ],
            "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-5.jpg",
            "_date_published_rfc2822": "Tue, 26 Nov 2013 19:47:04 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "27",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-5.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-6.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-11.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-12.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-13.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-7.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-8.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-9.jpg",
                    "http:\/\/tsokolovskaya.ru\/blog\/pictures\/dl4-10.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4134,
    "_e2_ua_string": "Aegea 11.3 (v4134e)"
}