Повторное представление блога Flywheel: Layout!

Официальный блог Flywheel Layout был впервые запущен в 2014 году как издание для дизайнеров. С тех пор он превратился в сообщество вдумчиво написанного и кураторского контента для занятых креативщиков всех типов. От статей и видеороликов до специализированных курсов вы найдете ряд ресурсов для различных навыков: дизайн сайта, веб-разработка, маркетинг, развитие бизнеса, управление клиентами и многое другое!

Сегодня я рад сообщить, что дизайн нашего сайта изменился, чтобы сделать весь этот контент более доступным для поиска, более простым для восприятия и, надеюсь, более приятным!

Краткая версия: у нас совершенно новый дизайн сайта, и я хотел бы услышать ваше мнение в комментариях ниже!

Длинная версия: мы потратили много времени, действительно намеренно думая об этом редизайне, и по ходу дела приняли несколько важных решений. Продолжайте читать, чтобы узнать о стратегии, лежащей в основе всего этого, узнать подробности о наших любимых функциях и взглянуть на процесс от эскизов до производства!

Почему изменение?

Компания Flywheel претерпела значительные изменения с момента основания компании в 2012 году. Я позволю вам прочитать подробности истории компании Flywheel здесь, но подведем итог: наши продукты более продвинуты, наша аудитория шире, а наша миссия выше.

Чтобы помочь творческим людям сделать свою работу лучше.

Наша контент-стратегия развивалась вместе с остальной частью компании, но, за исключением пары исправлений ошибок, мы оставили макет прежним. (Единственным исключением является фиолетовый логотип, появившийся в 2016 году, который мы так и не признали — извините за это!)

По сути, мы заставляли то, что изначально создавалось как издание о дизайне, также начать общаться с разработчиками, маркетологами, владельцами агентств и т. д. — и, проще говоря, пользовательский опыт был не очень хорошим.

Мы использовали старую «обратную, хронологическую» раскладку, без тегов и только с пятью категориями: «Бизнес», «WordPress», «Вдохновение», «С практическими рекомендациями» и «Халява». (Как сделать? Вдохновение? Для кого?)

Это затруднило выделение наиболее полезных ресурсов и возложило на читателей большую ответственность за создание собственного контента. Вовлеченность была низкой, наш показатель отказов был высоким, и люди спрашивали нас о контенте, который у нас уже был, но они просто не могли его найти.

Пользовательского опыта не хватало, и вдобавок — опыт нашей собственной внутренней команды тоже был не очень хорошим. Мы по-прежнему использовали классический редактор WordPress, и хотя он отлично работает, мы уже давно в восторге от редактора Gutenberg и его потенциала.

Что касается визуальной стороны, нашей команде пришлось работать с изображением функции размером 1800 пикселей в ширину и 500 пикселей в высоту. Несмотря на то, что они были хорошими спортсменами, нелегко рассказывать истории на таких длинных и узких фотографиях.

Кроме того, мы всегда создавать свои собственные изображения для статей – но вы никогда не узнаете об этом!

С 2018 года у нас нет стоковых фотографий.

Мы очень гордимся этим фактом, но традиционный дизайн сайта для блогов подчеркивает только автора, а не кого-либо, стоящего за визуальными эффектами.

Итак, подводя итог, мы чувствовали, что не помогаем нашим читателям делать свою лучшую работу и не позволяем нашей собственной команде делать нашу лучшую работу.

Очередь: Это редизайн!

Мы сохранили лучшие элементы Layout (такие как полезный контент и вдохновляющие изображения!), но таким образом, чтобы помочь всем нам работать лучше. Вы сможете найти контент, который вам интересен больше всего, а мы сможем совершенствовать наше мастерство, чтобы рассказывать вам еще лучшие истории.

Несколько новых функций

Есть так много вещей, которые нам нравятся в этом дизайне, но я хотел бы выделить несколько наших любимых!

Новые категории и теги

Одним из наиболее важных элементов нового дизайна было облегчение поиска интересующего вас контента, поэтому у нас есть пять новых категорий и более 50 тегов! Вы увидите их в нескольких местах, что значительно облегчит изучение сайта.

Наряду со всеми практическими советами и техническими руководствами, на которых специализируется Layout, теперь вы также найдете категории для обновлений продукта Flywheel и историй компании! Для клиентов и поклонников нашего бренда это хороший целостный опыт всего, что связано с маховиком.

Работает на редакторе Гутенберга

Хотя технически это находится под капотом, мы в восторге от возможностей повествования, которые Gutenberg предоставит нашей команде. Благодаря новым размерам изображений, параметрам макета и пользовательским блокам Гутенберга у нас есть множество идей, с которыми мы будем экспериментировать, чтобы предоставить вам более качественный контент.

Скоро: Выделение авторов, дизайнеров, фотографов и многих других!

Мы рады отдать должное всем авторам статьи, а не только ее основному автору. Хотя мы решили запустить игру без этой функции, очень скоро мы добавим дополнительные кредиты. Вот краткий обзор!

Скоро: Содержание

Пропустите то, что вы знаете, и сразу переходите к информации, которую вы ищете. Скоро мы выпустим липкое оглавление, чтобы вы могли легко ориентироваться в каждой статье!

За кулисами

Поскольку наша аудитория состоит из всех типов людей, имеющих отношение к веб-сайтам и творческому процессу, мы хотели поделиться небольшим закулисным взглядом на то, как мы выполнили обновление такого масштаба! Я уже говорил о некоторых маркетинговых стратегиях, лежащих в основе редизайна, но хотел продемонстрировать некоторые решения по дизайну и разработке, которые мы приняли в процессе.

Процесс проектирования

Над этим проектом мы работали с талантливым другом и фрилансером Адамом Нильсеном. Он взял очень грязный документ Google с кучей заметок по маркетинговой стратегии и превратил его в дизайн, который вы сейчас видите!

Прежде чем дизайн был завершен, Адам провел много времени, разговаривая с Кимберли Бейли (нашим штатным фотографом) и Брайаном Нортом (одним из наших дизайнеров), чтобы убедиться, что их видение изображений для Layout может воплотиться в жизнь.

Забавный факт: на минуту мы чуть было не решили сменить «Макет» на «Блог Маховик». (Обратите внимание на логотип в левом верхнем углу макетов!) Мы решили, что хотим, чтобы Layout сохранял свою индивидуальность, но только с более тесной связью с брендом Flywheel. (Следовательно, слегка изменив логотип и заменив его на синий цвет маховика!) За этим стоял наш штатный арт-директор Николас Петерсен.

Решения по развитию

Как только макеты дизайна были завершены, они были переданы Джошу Мейсену, нашему штатному разработчику, чтобы превратить все это в функциональный веб-сайт!

Как вы уже, наверное, догадались, мы используем хостинговую инфраструктуру Flywheel, поэтому процесс разработки был максимально упрощен. Редизайн начался в Local, перешел в тестовую среду и, наконец, в рабочую среду.

Чтобы создать пользовательскую тему, Джош использовал плагин Timber WordPress и редактор Gutenberg для создания пользовательских блоков.

что будет

Самое приятное во всем этом то, что у нас запланировано еще больше! В течение следующих нескольких месяцев мы добавим больше функций, чтобы сделать чтение более удобным, поделиться уникальными историями и помочь вам в творческой работе.

Это также означает, что мы будем рады вашим отзывам! Скажите мне в комментариях ниже: Что мы должны сделать больше? Что мы должны изменить? Чему мы можем помочь вам научиться в этом году?

Мы рады создать сообщество креативщиков, продвигающих наше ремесло, и не можем отблагодарить вас за то, что вы присоединились к нам!