Новости

Лучшая, лучшая подставка для лимонада: путешествие по сайту

Лучшая, лучшая подставка для лимонада: путешествие по сайту

В конце января этого года я стоял в комнате с проектором перед основателями Pixel Dreams, небольшого известного агентства цифрового дизайна и стратегии, базирующегося в Торонто. Я выбрал Pixel Dreams после почти года поиска подходящей команды. Капитальный ремонт и перепроектирование подставки с лимонадом лучше не было выбором, к которому я был готов в спешке. Я искал подходящую команду. Команда, которая понимала мое видение лучше меня. Эти парни поняли.

В этой комнате я рассказал о скромных начинаниях A Better Lemonade Stand, начиная с способа записать мой опыт в электронной коммерции, до сегодняшнего дня, ресурса, который 100000 предпринимателей читают каждый месяц в поисках вдохновения, идей, ресурсов и обзоры.

Затем мы потратили несколько часов на детальное обсуждение концепции «Лучшего лимонадного стенда». Это были десятки, если не сотня несвязанных точек, которые нам нужно было начать осмысливать, чтобы мы могли точно понять, как построить прочный фундамент, который мы могли бы продолжать строить в ближайшие годы.

Эта стартовая встреча была началом 5-месячного проекта, в котором я также должен был привлечь ассистента по маркетингу из Лондона и иллюстратора из Нью-Йорка, чтобы они помогли собрать все вместе.

У нас было несколько основных целей для нового сайта. Он должен был выглядеть, функционировать и работать лучше. Самое главное, он должен был быть масштабируемым, чтобы мы могли продолжать добавлять новые ресурсы в будущем, чтобы он не выглядел как Франкенштейн.

Хотите увидеть, что мы сделали? Вот некоторые основные моменты:

Обновления дизайна и брендинга

Пришло время для серьезных изменений в дизайне и бренде. Старый дизайн и бренд казались действительно устаревшими и мрачными. Пришло время скрасить бренд.

Во-первых, вот как это выглядело раньше:

Старая домашняя страница
Старая главная страница блога
Вот некоторые из основных моментов нового дизайна и бренда:

Слоган

Более года назад я начал называть A Better Lemonade Stand «Интернет-инкубатором электронной торговли». На самом деле это был просто блог. Я бредил? Правда заключалась в том, что назвать это онлайн-инкубатором электронной коммерции было решением и направлением брендинга, которое я выбрал, чтобы сосредоточиться. Это заставило меня думать иначе и масштабнее, чем я, вероятно, думал бы, если бы просто продолжал называть это блогом. Это также был способ начать отличаться от других блогов электронной коммерции. Идея A Better Lemonade Stand как «инкубатора электронной коммерции в Интернете» начала формироваться с появлением нового раздела «Ресурсы электронной торговли ». Это только начало.

**Цветовая палитра

**

Мы отказались от старой цветовой палитры (Off-Black / Yellow), которая была устаревшей и с которой было трудно работать, и добавили в нее другие цвета. Мы хотели использовать более современные тона и оттенки, которые лучше сочетались бы с другими цветами. В свою очередь, мы выбрали темно-синий, бирюзовый для акцента и сохранили бледно-желтый как контрастный вторичный цвет акцента и отдать дань уважения старому дизайну, который хорошо служил A Better Lemonade Stand в течение многих лет.

Цветовая схема

Логотип

Хотя мы не были готовы полностью отказаться от старого логотипа, его нужно было обновить. Убрав изгиб и обрамив его, это помогло немного модернизировать логотип.

Новый логотип

Блог / Изображения страниц

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

Чтобы исправить это, я нанял иллюстратора из Нью-Йорка, который помог создать единый визуальный стиль для всех изображений. Теперь, если вы покопаетесь в блоге и на остальной части сайта, вы увидите его работы повсюду. Все это прекрасно сочетается.

11 Трендовые продукты
Сообщение в блоге Иллюстрации,

Пользовательский опыт

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

Вот некоторые из основных вещей, которые мы сделали:

Меню

Старое меню было ужасным. Без реальной стратегии для организации всех ресурсов, инструментов и информации, все было просто прикручено. Вам нужна была докторская степень. просто чтобы сориентироваться на старом сайте. Ужасно. Команда Pixel Dreams помогла провести аудит контента, чтобы действительно понять, какой контент / ресурсы / инструменты имелся в A Better Lemonade Stand и что было запланировано на будущее.

Проведя этот аудит, мы смогли начать перегонять все по ведрам. Конечным результатом является новый раздел ресурсов электронной торговли, который будет меняться и продолжать расти, но при этом сохраняет все в порядке и порядке. Благодаря новой странице ресурсов мы смогли очистить меню – увеличив его с семи пунктов меню с дюжиной пунктов подменю до четырех. Намного лучше.

Меню заголовка

Раздел ресурсов

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

Ресурсы электронной торговли

Нижний колонтитул, ориентированный на сообщество

Вы видели нижний колонтитул? Он огромен, и он ориентирован на разговоры и построение сообщества. Раньше было трудно понять, на каких каналах сообщества транслируется A Better Lemonade Stand… как видно из этого твита.

@RichardABLS А, значит, вы есть в Твиттере. Вы усложняете задачу поклоннику блога найти вас. Это задумано?

– Дайан Эллис Скалиси (@DianeEllis) 15 апреля 2016 г.

Почему да, Дайан. Это было задумано. Действительно, действительно плохой дизайн. Но новый намного лучше, правда?

Социальный нижний колонтитул

В целом, в этом году мы будем намного усерднее работать над созданием сообщества увлеченных предпринимателей в области электронной коммерции, поэтому убедитесь, что вы подписаны на A Better Lemonade Stand на каждом канале и присоединитесь к нашей частной группе Facebook.

Организация сообщений / фильтры

По мере роста блогов A Better Lemonade Stand мы хотели упростить поиск старых, но все еще очень актуальных сообщений в блогах. После тщательного рассмотрения, какая информация нужна предпринимателям, мы поняли, что лучший способ организовать все сообщения в блогах – это использовать два варианта сортировки.

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

  • Сборка: я все еще пытаюсь найти продукт и создать свой интернет-магазин.
  • Запуск: я собираюсь запустить или только что открыл свой бизнес.
  • Рост: Мой бизнес активен. Я сейчас пытаюсь его вырастить!

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

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

Вот как выглядят новые фильтры в блоге :

Сортировка постов

Контекстные формы регистрации

Это была смелая инициатива, которая, надеюсь, не рухнет сама по себе, как умирающая звезда. Чтобы лучше помогать предпринимателям, важно точно понимать, какая информация им нужна / нужна, когда они им нужны и хотят. Нет смысла отправлять информацию о выборе продукта для продажи в Интернете тому, у кого уже есть бизнес, верно?

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

Вот пример контекстуальной формы регистрации на Сложение странице категории с «Сложение» предварительный отбор:

Контекстная форма регистрации

Чтобы сделать это лучше, первое электронное письмо, которое получают новые подписчики, – это просьба обновить свой профиль и выбрать этот бизнес-этап и интересующие темы. Несмотря на то, что это было активным всего несколько дней, почти 70% новых регистраций сразу же персонализируют свой профиль. (Да!)

Спектакль

Добавлена ​​безопасность SSL

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

Модернизированный хостинг

Старый хостинг-провайдер не мог справиться с трафиком A Better Lemonade Stand. Нет ничего необычного в том, чтобы ждать загрузки страницы более 10 секунд. Однозначно неприемлемо. Я даже обнаружил, что избегаю заходить в свой блог, чтобы захватить изображение или ссылку из-за мучительно медленного времени загрузки.

Чтобы исправить это, A Better Lemonade Stand был обновлен до WPX Hosting, ведущего хостинг- провайдера. Скорость загрузки страницы снизилась примерно до 1 секунды с 10.

Обновление: с момента публикации этого поста мы переключили хостинг-провайдеров на Kinsta. Мы написали исчерпывающий обзор их услуг и причин перехода, который вы можете проверить здесь.

Добавлена ​​сеть доставки контента

Сервер, на котором размещен этот сайт, находится в Чикаго. Но когда кто-то из Европы или Азии посещает A Better Lemonade Stand, весь контент должен буквально путешествовать по миру, чтобы добраться до их компьютера. В зависимости от того, где именно они живут, это может добавить несколько секунд на каждую страницу, которую они пытаются загрузить.

Чтобы исправить это, я добавил KeyCDN в качестве своей сети доставки контента. Моя сеть доставки контента хранит копию этого сайта на 22 различных серверах, расположенных по всему миру. Теперь, когда кто-то пытается загрузить этот сайт из другой страны, ближайший к нему сервер доставит файлы, сокращая секунды из всего их опыта. Это большая разница.

Обновленный DNS

DNS – это основа Интернета. Он переводит www.abetterlemonadestand.com в удобные для компьютера адреса (68.203.234.45). Когда вы вводите www.abetterlemonadestand.com, ваш компьютер действительно спрашивает мой DNS-хост: «Привет! Какой реальный адрес у этого сайта? », И мой DNS-хост ответит с удобным для компьютера адресом. Для этого разговора нужно время. Медленный DNS означает медленный ответ, а это означает, что вашему браузеру требуется больше времени, чтобы узнать, куда идти. Мы говорим о долях секунды, но все это имеет значение.

Я хотел иметь самый быстрый DNS в мире. Итак … у меня самый быстрый DNS в мире. DNS Made Easy – DNS номер один почти во всех тестах.

Вот данные до и после, основанные на компьютерах из разных городов мира, просматривающих сайт abetterlemonadestand.com:

Обновление хоста DNS

Это все очень технически и требует времени, чтобы все настроить, но в основном это:

Скорость хостинга

Будущее лучшей подставки для лимонада

То, что вы видите прямо сейчас, – это только начало.

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

Итак, добро пожаловать на лучший стенд Better Lemonade Stand, я рад быть частью вашего путешествия. Для начала подпишитесь на наши электронные письма, погрузитесь в контент и ресурсы, примите участие в сообществе и, самое главное: начните что-нибудь.

Источник записи: https://www.abetterlemonadestand.com

Похожие записи

Новости

Маркетинговая стратегия вашей минутной черной пятницы на 2020 год

Новости

#TheGreatBuild: как найти продукт для продажи в Интернете

Новости

Как создать код для собственной панели объявлений | Shopify Настройка сайта

Новости

Как выбрать товары для продажи в Интернете: инфографика