{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Блог Тани Соколовской: posts tagged Digital Om Productions",
    "_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\/digital-om-productions\/",
    "feed_url": "http:\/\/tsokolovskaya.ru\/blog\/tags\/digital-om-productions\/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": "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"
                ]
            }
        }
    ],
    "_e2_version": 4134,
    "_e2_ua_string": "Aegea 11.3 (v4134e)"
}