NicoNet - продукт НИКОНЕТ, пачка smokeless sticks

Редизайн и разработка
лендинга для инновационного средства против курения «НИКОНЕТ»

Компания-разработчик
инновационного продукта для борьбы с табачной зависимостью

Лендинг Каталог B2B История продукта Здоровье Инновации
NicoNet - first img NicoNet - second img

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

NicoNet - error icon

Проблема

Cуществующий сайт не раскрывал преимущества продукта, содержал устаревшую структуру подачи информации и не формировал достаточный уровень доверия у потенциальных покупателей.

NicoNet - check mark

Решение

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

задача
проекта

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

NicoNet - points NicoNet - task cards mobile

что мы
предложили

Для решения задачи предложили комплексный подход

1 NicoNet - offer 1

Провести аудит существующего сайта

2 NicoNet - offer 2

Пересобрать структуру подачи информации

3 NicoNet - offer 3

Переработать тексты

4 NicoNet - offer 4

Усилить экспертную составляющую проекта

5 NicoNet - offer 5

Унифицировать визуальное оформление

6 NicoNet - offer 6

Разработать современный адаптивный лендинг

7 NicoNet - offer 7

Подготовить каталог продукции к будущему подключению онлайн-оплаты

8 NicoNet - offer 8

Внедрить систему управления контентом WordPress

проект
в цифрах

8

Ключевых информационных блоков

NicoNet - smocking
11

Изображений обработано, создано и приведено к единому стилю

100%

Адаптация под мобильные устройства

NicoNet - potent
4

Типа юридических документов подготовлены к размещению на сайте

1

CMS для самостоятельного управления контентом

0

Необходимости в разработчиках для правок контента

Подготовлена возможность подключения онлайн-оплаты без переработки сайта

NicoNet - sertificat

этапы
реализации

NicoNet - icon stats

Аналитика

Перед стартом проектирования была проведена аналитика существующего ресурса.

Изучались:

NicoNet - computer 1
  • Текущая структура сайта
  • Логика взаимодействия пользователя
  • Информационные блоки
  • Контент конкурентов в нише средств отказа от курения
  • Сценарии принятия решения потенциальными покупателями

Полученные данные позволили определить основные точки доверия аудитории:

  • NicoNet - point history История создания продукта
  • NicoNet - point expert Экспертность автора разработки
  • NicoNet - point patent Наличие патентов
  • NicoNet - point reviews Отзывы пользователей
  • NicoNet - point medical Медицинская и научная составляющая
NicoNet - menu proto

Прототип

На этапе прототипирования была сформирована структура будущего лендинга.

В прототип вошли:

  • NicoNet - plusПервый экран
  • NicoNet - plusБлок преимуществ
  • NicoNet - plusИстория продукта
  • NicoNet - plusИнформация об изобретателе
  • NicoNet - plusПатенты и документы
  • NicoNet - plusИнформация о рынке
  • NicoNet - plusФорма обратной связи
NicoNet - meshen

Главной задачей стало создание логичной последовательности блоков, постепенно повышающих доверие посетителя

Прототип лендинга:

NicoNet - hz 1 NicoNet - hz 2 NicoNet - hz 3
NicoNet - vector kist

Дизайн

В основу визуальной концепции легла эко-стилистика продукта и идея заботы о здоровье.

Основные принципы

  • NicoNet - star 2 Экологичный интерфейс
  • NicoNet - star 2 Большое количество свободного пространства
  • NicoNet - star 2 Спокойная цветовая палитра
  • NicoNet - star 2 Акцент на натуральности и доверии
  • NicoNet - star 2 Удобство восприятия на мобильных устройствах

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

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

Белый Фон сайта #FFFFFF
Зелёный Фон секций и текст #205A3D
Красный Акцентный #ED1B23
Светло-зелёный Фон секций #ED1B23

Типографика

Aa Cormorant Garamond Заголовки
Aa Manrope Основной текст
NicoNet - ipad pro 12
NicoNet - design img

Разработка

Проект реализован на CMS WordPress

Почему
WordPress

NicoNet - wp razrabotka

Выбор WordPress позволил:

  • NicoNet - group molnia Быстро запускать обновления
  • NicoNet - group pensel Самостоятельно редактировать контент
  • NicoNet - group statistika Масштабировать сайт без переписывания системы
  • NicoNet - group korzina Подключить интернет-магазин в будущем

Что мы
реализовали

NicoNet - tell group Адаптивная верстка
NicoNet - natroika group Админ. панель
NicoNet - luppa group SEO подготовка
NicoNet - group Подключение домена
NicoNet - disk group Настройка хостинга
NicoNet - korzina group Подключение оплаты товаров
NicoNet - pazl icon

Интеграции

В рамках проекта были реализованы:

  • NicoNet - galochka group Формы обратной связи
  • NicoNet - galochka group Система управления контентом
  • NicoNet - galochka group Подготовка инфраструктуры для подключения платежного модуля
NicoNet - mehen icon group

Особое внимание было уделено тому, чтобы после выхода продукта на рынок можно было быстро активировать онлайн-продажи без полной переработки сайта.

NicoNet - laite docs

Формы обратной связи

NicoNet - nastroika docs

Система управления контентом

NicoNet - banks docs

Платёжный модуль

NicoNet - gotov obsudit
NicoNet - armmor

Тестирование

Перед запуском проект был протестирован на:

NicoNet - test comuter

Персональных компьютерах

NicoNet - test planshet

Планшетах

NicoNet - tell group

Мобильных устройствах

Проверялись:

  • NicoNet - galochka group Адаптивность
  • NicoNet - galochka group Корректность отображения контента
  • NicoNet - galochka group Работа форм обратной связи
  • NicoNet - galochka group Скорость загрузки страниц
  • NicoNet - galochka group Корректность отображения изображений
NicoNet - adaptiv background
NicoNet - raketa icon

Релиз

После завершения тестирования сайт был перенесен на рабочий домен и размещен на хостинге.

Были выполнены:

NicoNet - planeta reliz

Настройка домена

NicoNet - faile reliz

Перенос файлов проекта

NicoNet - galocka reliz

Проверка работоспособности всех блоков

NicoNet - ruka reliz

Финальная приемка заказчиком

NicoNet - star resultat

Результат

В результате заказчик получил современный лендинг, который:

NicoNet - glaz result

Формирует доверие аудитории

NicoNet - medal result

Подчеркивает экспертность разработчика

NicoNet - star result

Готов к дальнейшему масштабированию

NicoNet - korzina result

Технически подготовлен к запуску онлайн-продаж

NicoNet - test comuter Версия для компьютеров
NicoNet - kurenie brosem
NicoNet - test planshet Версия для мобильных устройств
NicoNet - kurenie brosem mobile

Цитата
менеджера
проекта

NicoNet - avatar

Алексей Смирнов

Менеджер проекта

NicoNet - palki

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

Отзыв
клиента

NicoNet - palki

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

NicoNet - sigaret end