Komandin®

Два экспериментальных образовательных проекта от агентства Obys, посвящённые форматам и модульным сеткам. Не буду подробно комментировать эти сайты, потому что их лучше один раз увидеть, чем описывать словами. Отмечу лишь, что оба проекта отлично отражают темы, которым посвящены: не просто рассказывают о принципах дизайна, а буквально демонстрируют их через собственный интерфейс. format.obys.agency grids03.obys.agency Рубрика «Вдохновение» — сайты с просторов интернета, которые вдохновляют интересными решениями. #вдохновение

Дизайн всего: Как появляются вещи (Беркун Скотт) Книга выходного дня. Очень лёгкая, увлекательная и познавательная. О том, насколько большую роль дизайн играет в нашей жизни, хотя большую часть времени мы этого даже не замечаем. И речь здесь не только про привычный нам графический или веб-дизайн, а буквально про всё вокруг: вещи, которыми мы пользуемся, улицы, города, транспорт и даже то, как устроены различные системы. Всё это когда-то кто-то спроектировал и принял определённые решения, которые теперь влияют на нашу жизнь. Для практикующего дизайнера каких-то откровений или конкретных инструментов здесь немного, зато книга здорово расширяет само понимание дизайна и заставляет немного иначе посмотреть на привычные вещи вокруг. Рекомендую для расширения кругозора и приятного времяпрепровождения. Особенно хорошо зайдёт как лёгкое чтение на выходные. Занудность — 0/10 Сложность прочтения — 0/10 Вода — 2/10 Степень полезности — 5/10 Общая оценка — 8/10 #библиотека

Поиск по сайту В Тильде есть встроенный поиск по сайту, который работает по содержимому страниц. Но иногда нужно добавить дополнительные ключевые слова, по которым пользователь сможет что-то найти, при этом на самой странице или в карточке товара эти слова отображать не хочется. Конечно, можно добавить текст на страницу и скрыть его скриптом, но есть и другой способ, прописать нужные слова в поле «Ключевые слова» в SEO-настройках страницы или товара. И вот что интересно: встроенный поиск Тильды эти ключевые слова тоже учитывает, при этом на самой странице они нигде не отображаются. Таким образом можно добавить альтернативные названия товара, сокращения, профессиональный сленг или разные варианты написания и пользователь всё равно найдёт нужную страницу или товар. #лайфхакитильда

De Studio — разработка и производство светильников на заказ. Знаю-знаю, что первое вам придет в голову, но не торопитесь с выводами. В последнее время я все чаще выискиваю сайты с интересными и необычными формами взаимодействия. Все мы привыкли к понятным вертикальным полотнам, переходам между страницами и модальным окнам. Но что, если попробовать найти совершенно другие сценарии взаимодействия? И вот на этом сайте он как раз такой. Да, ничего не понятно. Да, в большинстве коммерческих проектов неприменимо. Но для расширения кругозора и как экспериментальный дизайн — это очень даже интересно. Эксперименты нужны, безумство нужно, ведь именно так рождается что-то новое. В общем, не ради референса, а ради того, чтобы посмотреть на взаимодействие с сайтом под другим углом. de-studio.nl Рубрика «Вдохновение» — сайты с просторов интернета, которые вдохновляют интересными решениями. #вдохновение #безумие

Новый кейс: Сайт психолога Ларисы Давыдовой. Если посмотреть на сайты психологов, то в целом они достаточно похожи между собой, поэтому в работе над этим проектом хотелось копнуть немного глубже. Основной задачей было сделать сайт комфортным, уютным, с таким немного «ламповым» дизайном. Ведь именно так, на мой взгляд, должен чувствовать себя человек в общении с психологом. В качестве главной идеи взяли обычный блокнот — рабочий инструмент психолога, в котором он ведёт записи, делает пометки, а может быть, и какие-то зарисовки. Эта идея и легла в основу всей визуальной стилистики сайта. В итоге получился очень дружелюбный, спокойный и милый сайт, который, как мне кажется, отлично передаёт и личность самой Ларисы. Отдельно хочется поблагодарить Ларису за смелость и возможность не просто создать сайт, но ещё и получить удовольствие от самого процесса. Посмотреть сайт — 12psy.ru #кейс #портфолио

De Studio — разработка и производство светильников на заказ. Знаю-знаю, что первое вам придет в голову, но не торопитесь с выводами. В последнее время я все чаще выискиваю сайты с интересными и необычными формами взаимодействия. Все мы привыкли к понятным вертикальным полотнам, переходам между страницами и модальным окнам. Но что, если попробовать найти совершенно другие сценарии взаимодействия? И вот на этом сайте он как раз такой. Да, ничего не понятно. Да, в большинстве коммерческих проектов неприменимо. Но для расширения кругозора и как экспериментальный дизайн — это очень даже интересно. Эксперименты нужны, безумство нужно, ведь именно так рождается что-то новое. В общем, не ради референса, а ради того, чтобы посмотреть на взаимодействие с сайтом под другим углом. de-studio.nl Рубрика «Вдохновение» — сайты с просторов интернета, которые вдохновляют интересными решениями. #вдохновение #безумие

На прошлой неделе тихонечко и незаметно сразу два проекта попали в madeontilda, приятно. Первый — сайт компании Amplituda, которая занимается полным циклом девелопмента в курортной недвижимости. Второй — сайт-портфолио дизайнера интерьеров Салама Магомедова. Посмотреть и поддержать лайками: Amplituda —https://tilda.ru/ru/madeontilda/#!/w/https://amplituda.life SMA — https://tilda.ru/ru/madeontilda/#!/w/http://sma-interiordesign.ru #кейс #портфолио

Ранее я упоминал о том, что делал тему для расширения стартовой страницы браузера Google Chrome. Так вот, оно уже доступно для установки! Из плюшек: — заменяет страницу новой вкладки удобным дашбордом; — ничего лишнего, всё под рукой и настраивается прямо на странице; — отдельная шторка «Вдохновение» приносит свежие работы с витрин веб-дизайна; — строка поиска с голосовым вводом и подсказками из ваших закладок; — таймер «Помодоро» для работы и отдыха; — галерея «Сделано на Тильде» со свежими сайтами по категориям; — посты из публичных Telegram-каналов; — несколько тем на выбор. В общем, лучше один раз попробовать, чем описывать все возможности и преимущества Установить можно по ссылке: https://chromewebstore.google.com/detail/vgk-%D0%B2%D0%B8%D0%B4%D0%B6%D0%B8%D0%BA%D0%B5%D0%B9/affmejdcpbmiagdejohbnbdfbmfpjipf?authuser=0&hl=ru Узнать подробнее можно на сайте: https://vgkapp.ru #полезное #расширение

Иногда я и сам путаюсь в своих рубриках, но это не помешает мне придумать новую! И вот первый пост из серии #лайфхакитильда А вы знали, что страну в профиле Тильды лучше не выбирать от балды? Эта настройка влияет не только на интерфейс и доступные функции аккаунта, но и в некоторых случаях на инфраструктуру, которая будет использоваться для сайта. Например, для Казахстана Тильда прямо рекомендует перед подключением домена выбрать Казахстан в настройках профиля — в таком случае для сайта будет использован соответствующий IP-адрес. Для Беларуси также предусмотрена отдельная точка присутствия. С Россией тоже есть важный нюанс: если в профиле указана Россия, персональные данные, которые собирает Тильда, хранятся на российских серверах её партнёров. При этом, если подключаете домен через A-записи, всегда используйте именно тот IP, который Тильда показывает в Настройки сайта → Домен. Система сама подскажет оптимальный IP для сайта ориентируясь на выбранную страну в настройках профиля. А если делегируете домен на DNS Тильды, необходимые IP назначаются автоматически. Поэтому совет простой: перед подключением домена проверьте страну в профиле и убедитесь, что она соответствует той, на которую ориентирован сайт. Вроде мелочь, а последствия могут быть весьма неприятными. #лайфхакитильда

Office of Joe Diver — лондонская дизайн-студия. Очень зашла «антибенто» плитка с кейсами, но главная моя слабость — это сочетание серого, красного, чёрного и жирной типографики. В целом красный довольно сложный цвет для интерфейсов, важно максимально точно подобрать его дозировку, потому что в избытке он становится довольно приторным. Но здесь, на мой взгляд, идеальный баланс. officeofjoediver.co Рубрика «Вдохновение» — сайты с просторов интернета, которые вдохновляют интересными решениями. #вдохновение #многостраничный #портфолио

Библиотека Осознанный дизайнер (Игорь Готт) Если вы давно подписаны на канал, то, наверное, помните эту рубрику. Так вот, спустя трёхлетний перерыв мне снова есть чем поделиться (наконец-то оторвался от экрана и почитал). Сегодня принёс книгу Игоря Готта «Осознанный дизайнер». Игорь — руководит командами, поэтому мне особенно интересно было почитать про руководство и посмотреть, как устроены процессы в большом продукте или студии. В книге нашел подтверждение моих собственных предположений, но при этом узнал и много нового, а на какие-то привычные вещи получилось посмотреть под другим углом. Есть и спорные моменты — местами даже немного обидно за фрилансеров. Читается очень легко и при этом очень даже прикладная. Рекомендовал бы как начинающим дизайнерам, так и опытным, особенно если задумываетесь о масштабировании и команде. Подробнее о книге: https://igorgott.ru/book/ Занудность — 2/10 Сложность прочтения — 0/10 Вода — 3/10 Степень полезности — 7/10 Общая оценка — 8/10 #библиотека

Жуть как люблю дела дизайнерские в разных областях. Да, я всем сердцем люблю веб, но иногда нужно выходить за рамки привычного, чтобы не скиснуть и заставить извилины поработать в другом направлении (вспоминаем пост про гибкость ума). Так, например, сейчас делаю скины для браузерного расширения, которое заменяет пустую вкладку. Очень увлекательная штука со своими ограничениями и задачами (Вит, привет!). Или вот стикеры для медицинского университета, которые будут использоваться в мерче и как стикерпак в мессенджерах. Вроде вообще другая область, но очень кайфанул. А год назад проектировал интерфейс для стоматологической термоинжекционной установки. Вот это был вообще вызов: чистая утилитарность, чистый хардкор. Самым сложным было адаптироваться под жёсткие ограничения: маленький экран, сенсорное управление и низкое разрешение. Дизайн получился максимально утилитарным, где даже цвет служит индикатором, чтобы, бросив взгляд издалека, можно было понять текущий статус установки. Но как раз в этом и есть своя эстетика. И каждый раз я обещаю себе оформить этот проект в полноценный кейс, но, признаться честно, всё никак не хватает времени. Поэтому пока просто делюсь тем, что получилось. А ещё поймал себя на мысли, что иногда люблю порисовать презентации. Заказы такие, правда, не беру. Да-да, потому что формат очень похож на веб, только вместо смысловых блоков — слайды. И ограничения совершенно другие: не нужно париться над реализацией — что нарисовал, то и получил. А какие у вас дизайнерские отдушины? Есть что-то, что вам особенно в кайф и помогает немного разбавить рутину? #процессы

Paul Kalkbrenner — немецкий продюсер электронной музыки. Очень впечатлила идея второго блока, который визуально воспроизводит ритмический паттерн электронной музыки в интерфейсе драм-машины. Также понравилось четкое деление страницы на блоки за счет разных цветов фона — каждый экран воспринимается как отдельный слайд. Такое решение сохраняет динамику и помогает лучше структурировать контент. Приятная анимация перехода между блоками с фото в виде пикселей. paulkalkbrenner.net Рубрика «Вдохновение» — сайты с просторов интернета, которые вдохновляют интересными решениями. #вдохновение #многостраничный #персональный

Второй год пытаюсь сделать новый дизайн для своего сайта... но пока все попытки тщетны. И проблема не в отсутствии идей, а, наоборот, в их количестве. Каждый раз, когда вроде бы накидал концепцию и уже думаешь: «Ну вот же, каааайф», — проходит немного времени, и в голове появляются ещё пять вариантов, которые тоже хочется попробовать. Но и это ещё не всё. Есть ощущение, что дизайн, который мне действительно хочется сделать, и дизайн, который ассоциировался бы со мной, — это две совершенно разные вещи. И вот тут начинается самое интересное: бесконечные сомнения, метания и попытки найти тот самый лучший и верный вариант. И что я понял? Чем больше становится опыта, тем сложнее делать что-то для самого себя. Не потому, что становится меньше идей, а потому, что начинаешь видеть не одно хорошее решение, а десятки. И каждое из них по-своему правильное. Когда работаешь с заказчиком, всё намного проще. Есть задача, цели, ограничения, аудитория — всё это помогает принимать решения. А когда заказчик — ты сам, ограничений нет вообще. Можно сделать буквально что угодно. И, как оказалось, именно это становится самой большой проблемой. В общем, пока больно, сложно и совершенно непонятно, как из этого выбраться. А у вас бывало такое? Может, есть какой-то способ вовремя остановиться? Что для вас оказалось самым сложным при создании сайта для себя? Хотя... может, вообще не ограничиваться одним сайтом, а сделать несколько версий, которые будут открываться случайным образом? (чур идею не тырить) #мысли

Warm & Fuzzy — креативная студия, создающая позитивные эмоции. Люблю такой креатив — яркий, динамичный, но без ощущения хаоса. Отдельно хочется отметить переходы между страницами, скринсейвер, который появляется при отсутствии активности, анимацию логотипа в футере и необычную форму фотографий в блоке с командой. warmnfuzzy.tv Рубрика «Вдохновение» — сайты с просторов интернета, которые вдохновляют интересными решениями. #вдохновение #многостраничный #портфолио

Дорого. Часть 2 (Коммерческое предложение) Даже если заказчик понимает, из чего складывается стоимость, далеко не всегда он понимает, зачем вообще нужны все эти этапы (см. первую часть). Например, для нас совершенно очевидно, зачем делать анализ конкурентов, строить структуру сайта или разрабатывать прототип. Но для человека, который заказывает сайт впервые, это может выглядеть как набор непонятных слов, которые просто увеличивают стоимость проекта. И вот здесь одной сметы уже недостаточно. Здесь появляется коммерческое предложение. Если смета отвечает на вопрос «За что я плачу?», то коммерческое предложение отвечает на вопрос «Почему это вообще важно для моего бизнеса?». Именно поэтому я считаю, что хорошее КП продает не дизайн, а понимание. Понимание того, какую задачу вы решаете, почему предлагаете именно такой подход, что получит заказчик в результате и почему стоимость проекта выглядит именно так. Продолжение в комментариях... Читать первую часть #опыт

Бастион — услуги информационной безопасности. Сегодня я пришёл с сайтом от студии ONY для компании, занимающейся информационной безопасностью. Помимо общего стиля, который как нельзя лучше подходит этой тематике, особенно понравилась идея с информационной панелью на первом экране каждой страницы. Мало того, что она отлично выглядит и формирует единый интерфейс сайта, так ещё получилась информативно и функционально. А часы на странице контактов — отдельный кайф. bastion-tech.ru Рубрика «Вдохновение» — сайты с просторов интернета, которые вдохновляют интересными дизайнерскими решениями. #вдохновение #многостраничный #кириллица

Дорого. Часть 1 (Смета) Вопрос ценообразования, пожалуй, один из самых популярных в нашей профессии. О том, сколько должен стоить сайт, можно спорить бесконечно, но сегодня хочется поговорить не о цифрах, а о самом популярном возражении заказчиков — «Дорого». За годы работы я пришел к формату расчета и презентации стоимости проекта, который позволяет значительно реже слышать это возражение. А если оно все же возникает — спокойно найти компромисс без бессмысленных скидок и торга. Сразу хочу оговориться, я не считаю, что подробная смета или коммерческое предложение способны продать абсолютно любой проект. Если стоимость действительно выходит за рамки бюджета заказчика, никакая презентация этого не исправит. Но в большинстве случаев проблема не в самой цене, а в том, что человек не понимает, за что именно он платит. Именно об этом сегодня и поговорим. Букв очень много, поэтому продолжение в комментариях... #опыт