https://nikecityfast.co.uk/ – мобильный сайт-игра для Nike. Знакомая механика и приятная графика, вероятно сделают его победителем в ближайшие пару дней на FWA.
Но говоря про этот проект, хочется еще немного затронуть тему Progressive Web App. В этом посте мы не будем изучать все технические особенности PWA, но поговорим о применимости формата к такого рода проектам как NikeCityFast.
Среди фестивальных сайтов все чаще появляются сайты, которые по сути являются играми, направленными на вовлечение посетителей. Они подразумевают возвращение пользователя для дальнейшего прохождения или улучшения своего результата. И согласитесь, невсегда удобно делать закладку в браузере или по памяти вбивать адрес сайта, чтобы еще раз поиграть в игру. Да и вообще невсегда вы вспомните о ней.
И формат PWA очень круто может здесь помочь. Он позволяет сохранить сайт в виде отдельной версии к вам прямо на Home Screen в виде иконки. То есть у вас на экране появится иконка, такая же как у любого другого приложения, установленного из AppStore или Google Play. И теперь для того, чтобы вернуться к игре, вам достаточно просто тапнуть на иконку.
Для пользователя преимущество заключается в удобстве доступа к желаемому контенту, а для разработчиков в том, что по сути это один из способов не ждать длительного одобрения вашего приложения в AppStore, например. То есть вы просто делаете сайт, который в пару кликов может стать практически полным аналогом приложения.
Думаю, что мы еще вернемся к теме Progressive Web App в других постах с конкретными примерами и техничекими особенностями, чтобы вы точно смогли принять решение о том, насколько такой формат будет полезен в вашей работе.
Но говоря про этот проект, хочется еще немного затронуть тему Progressive Web App. В этом посте мы не будем изучать все технические особенности PWA, но поговорим о применимости формата к такого рода проектам как NikeCityFast.
Среди фестивальных сайтов все чаще появляются сайты, которые по сути являются играми, направленными на вовлечение посетителей. Они подразумевают возвращение пользователя для дальнейшего прохождения или улучшения своего результата. И согласитесь, невсегда удобно делать закладку в браузере или по памяти вбивать адрес сайта, чтобы еще раз поиграть в игру. Да и вообще невсегда вы вспомните о ней.
И формат PWA очень круто может здесь помочь. Он позволяет сохранить сайт в виде отдельной версии к вам прямо на Home Screen в виде иконки. То есть у вас на экране появится иконка, такая же как у любого другого приложения, установленного из AppStore или Google Play. И теперь для того, чтобы вернуться к игре, вам достаточно просто тапнуть на иконку.
Для пользователя преимущество заключается в удобстве доступа к желаемому контенту, а для разработчиков в том, что по сути это один из способов не ждать длительного одобрения вашего приложения в AppStore, например. То есть вы просто делаете сайт, который в пару кликов может стать практически полным аналогом приложения.
Думаю, что мы еще вернемся к теме Progressive Web App в других постах с конкретными примерами и техничекими особенностями, чтобы вы точно смогли принять решение о том, насколько такой формат будет полезен в вашей работе.
Ну а архив за прошлую неделю по традиции можно найти вот здесь - https://goo.gl/jeRBtN ;)
Sergey's Workspace on Notion
Designgest Light
Архив телеграм-канала о ярком эмоциональном дизайне
https://t.iss.one/designgest.
https://t.iss.one/designgest.
Как вы заметили, я храню архив постов канала на notion.so. На самом деле я храню там кучу информации, набросков, чек-листов, мыслей, списков, закладок, задач на неделю и так далее. И каждый раз, когда я даю ссылку на архив, то получаю в ответ вопрос «Что такое Notion»? Инструмент на мой взгляд очень крутой, поэтому расскажу о своем опыте его использования в посте. Возможно вам тоже он будет полезен.
Notion это сервис, который лично для меня заменил Google Docs, Dropbox Paper, Wunderlist, Evernote, Wiki, Trello (для личного использования) и подобные сервисы. Так, и это все никакая не реклама! =)
В нем я сейчас:
1. пишу и структурирую все посты
2. разрабатываю структуру лекций и занятий для курсов
3. веду базу полезных материалов, закладок
4. формирую чек-листы для задач студии
5. планирую свои задачи на неделю.
Вообще Notion это инструмент для организации большого количества разнообразной информации в удобном структурированном формате.
Первый раз, когда я наткнулся на него, где-то полгода назад в какой-то из подборок, где не было должного описания, я не очень понял суть проекта, подумал, что это просто какой-то навороченный текстовый редактор и не более того. Уже позже, я узнал, что Сережа Сурганов (@surganov) ex-art-director Медузы (который ведет крутой канал @internet9000), перешел работать в Notion и переехал к ребятам в Сан-Франциско. И здесь захотелось все-таки посмотреть и разобраться, что же это за продукт, и в чем его фишка.
На самом деле для меня эта платформа – смесь текстового редактора и wysiwyg-редактора сайтов типа Readymag. Построение любого материала основывается на блоках. Каждый новый абзац это блок, для которого может быть использовано огромное количество модулей разного формата, например:
1. стандартные: текст, заголовки, разные списки, цитаты, разделители и так далее
2. медийные: картинки, ссылки-закладки на внешние ресурсы, видео, части кода, файлы, математические формулы и др.
3. навороченные, интерактивные: блоки для дискуссионных комментариев, которые вы можете вставлять прямо посередине материала; хлебные крошки, пользователи, кнопки для создания сущностей по шаблону и прочее.
4. embed с интеграцией: Google Drive, Google Maps, Framer, Invision, Twitter, GitHub.
Помимо удобного форматирования внутри материала Notion предлагает еще крутую систему структурирования. Любой материал может содержать в себе большое количество подстраниц. Таким образом вы можете через систему гиперссылок создавать по сути сайт, но в котором очень просто, удобно и быстро работать именно с текстовыми материалами. Поэтому Notion круто подходит для организации всяких рабочих wiki-подобных материалов, баз знаний и так далее.
И на мой взгляд отдельного внимания достойно совмещение эмоциональности и эффективности. Сервис наполнен приятными мелочами от уместной интеграции emoji в структуру материалов до онбординга, проходя который, чувствуешь, что с тобой действительно общаются и рассказывают тебе о продукте.
Ну и, честно признаюсь, я получаю удовольствие от самого набора материала, потому что в редакторе используются всякие приятные мелочи, типа добавления новых блоков через «/». Попробуйте сами, поймете, о чем речь.
В бесплатной версии Notion есть ограничение на количество блоков, но его очень легко обойти, просто пригласив 5 своих друзей для безлимита.
Я уже давно пригласил друзей в Notion и убрал ограничения, поэтому мне смысла зазывать вас ради своей выгоды нет. Но я правда очень хочу, чтобы вы попробовали сервис, потому что он реально крутой – https://www.notion.so/invite/link/96f551c5a538442f82724463a5b7440e!
Notion это сервис, который лично для меня заменил Google Docs, Dropbox Paper, Wunderlist, Evernote, Wiki, Trello (для личного использования) и подобные сервисы. Так, и это все никакая не реклама! =)
В нем я сейчас:
1. пишу и структурирую все посты
2. разрабатываю структуру лекций и занятий для курсов
3. веду базу полезных материалов, закладок
4. формирую чек-листы для задач студии
5. планирую свои задачи на неделю.
Вообще Notion это инструмент для организации большого количества разнообразной информации в удобном структурированном формате.
Первый раз, когда я наткнулся на него, где-то полгода назад в какой-то из подборок, где не было должного описания, я не очень понял суть проекта, подумал, что это просто какой-то навороченный текстовый редактор и не более того. Уже позже, я узнал, что Сережа Сурганов (@surganov) ex-art-director Медузы (который ведет крутой канал @internet9000), перешел работать в Notion и переехал к ребятам в Сан-Франциско. И здесь захотелось все-таки посмотреть и разобраться, что же это за продукт, и в чем его фишка.
На самом деле для меня эта платформа – смесь текстового редактора и wysiwyg-редактора сайтов типа Readymag. Построение любого материала основывается на блоках. Каждый новый абзац это блок, для которого может быть использовано огромное количество модулей разного формата, например:
1. стандартные: текст, заголовки, разные списки, цитаты, разделители и так далее
2. медийные: картинки, ссылки-закладки на внешние ресурсы, видео, части кода, файлы, математические формулы и др.
3. навороченные, интерактивные: блоки для дискуссионных комментариев, которые вы можете вставлять прямо посередине материала; хлебные крошки, пользователи, кнопки для создания сущностей по шаблону и прочее.
4. embed с интеграцией: Google Drive, Google Maps, Framer, Invision, Twitter, GitHub.
Помимо удобного форматирования внутри материала Notion предлагает еще крутую систему структурирования. Любой материал может содержать в себе большое количество подстраниц. Таким образом вы можете через систему гиперссылок создавать по сути сайт, но в котором очень просто, удобно и быстро работать именно с текстовыми материалами. Поэтому Notion круто подходит для организации всяких рабочих wiki-подобных материалов, баз знаний и так далее.
И на мой взгляд отдельного внимания достойно совмещение эмоциональности и эффективности. Сервис наполнен приятными мелочами от уместной интеграции emoji в структуру материалов до онбординга, проходя который, чувствуешь, что с тобой действительно общаются и рассказывают тебе о продукте.
Ну и, честно признаюсь, я получаю удовольствие от самого набора материала, потому что в редакторе используются всякие приятные мелочи, типа добавления новых блоков через «/». Попробуйте сами, поймете, о чем речь.
В бесплатной версии Notion есть ограничение на количество блоков, но его очень легко обойти, просто пригласив 5 своих друзей для безлимита.
Я уже давно пригласил друзей в Notion и убрал ограничения, поэтому мне смысла зазывать вас ради своей выгоды нет. Но я правда очень хочу, чтобы вы попробовали сервис, потому что он реально крутой – https://www.notion.so/invite/link/96f551c5a538442f82724463a5b7440e!
Notion
Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team
Сегодня не буду заваливать вас длинными текстами, а дам несколько ссылок на ярких иллюстраторов. На мой взгляд, нужно постоянно заглядывать через забор и смотреть, что происходит в смежных областях, чтобы немного расшевелить мозг в своей сфере. Так что, поехали!
⚡1
Многие думают, что для того, чтобы сделать фестивальный сайт, который станет сайтом дня, нужно обязательно нарисовать какую-то мега-сложную непонятную никому с первого раза графику, обязательно добавить туда трехмерных объектов, параллакса навернуть и вот этого всего. Но на самом же деле можно сделать эффектный сайт, основанный только на типографике.
Текст сам по себе может быть не только инструментом для передачи информации, но и инструментом для оформления, декорирования и организации навигации.
Если обратиться к плакатному дизайну, то можно заметить, что часто шрифт используется как инструмент для коммуникации и задания нужного настроения. В таких случаях текст может быть даже не так просто считываем, как при обычном наборе, но при этом его эмоциональность в разы выше, чем он привлекает внимание и задает настрой.
Этот же прием часто используется в фестивальных сайтах. Есть достаточное количество примеров сайтов на 80% сделанных на основе шрифтов, без использования какой-либо сложной графики, либо включающие в себя крупные разделы на базе типографики.
Ниже предлагаю вам взглянуть на конкретные примеры.
Текст сам по себе может быть не только инструментом для передачи информации, но и инструментом для оформления, декорирования и организации навигации.
Если обратиться к плакатному дизайну, то можно заметить, что часто шрифт используется как инструмент для коммуникации и задания нужного настроения. В таких случаях текст может быть даже не так просто считываем, как при обычном наборе, но при этом его эмоциональность в разы выше, чем он привлекает внимание и задает настрой.
Этот же прием часто используется в фестивальных сайтах. Есть достаточное количество примеров сайтов на 80% сделанных на основе шрифтов, без использования какой-либо сложной графики, либо включающие в себя крупные разделы на базе типографики.
Ниже предлагаю вам взглянуть на конкретные примеры.