SlideShare a Scribd company logo
1 of 18
[Время прочтения: 5 мин]




      Ход работы по проекту
         «Fonditalgroup»

Задача: разработать корпоративный сайт для официального представителя
итальянского производителя отопительного оборудования Fondital в Украине -
                        www.fonditalgroup.com.ua




                            www.yaponochka.com
Информация о клиенте
Компания Fondital была основана в 1970 году в Италии. В
1973 году концерн FonditalGroup отмечен премией «Золотой
Геракл» за высокое качество продукции. Fondital - мировой
лидер по производству отопительных систем, продукция
компании признана в более чем 20 странах , штат
сотрудников составляет более 1000 человек.




          Компания производит
Настенные и напольные газовые котлы, водонагреватели,
алюминиевые и декоративные радиаторы, конвекторы и
комплектующие.




                     www.yaponochka.com
Задача
Задача     стояла:    создать      привлекательный      и
информативный корпоративный сайт, который доносит
преимущества продукции Fondital и показывает выгоды от ее
использования.

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




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

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

«К этому пришла команда после анализа продукции,
аудитории и конкурентов. Клиентом была поставлена
простая и понятная задача: сайт – эффективный
инструмент       корпоративных      продаж,    выгодное
позиционирование     и   максимум     информации    для
покупателей.    Клиент попросил не отвлекать его по
мелочам и все решения предлагать своими силами».
                                                   Артем Щап
                                          Руководитель проекта
                     www.yaponochka.com
Заполнение брифа

«Прежде всего, компания привлекла нас подходом. У нас не
было   времени    продумывать     структуру      сайта,
утверждать каждую кнопку и думать, «а что же на этой
странице должно быть». Нам необходимо было за
короткий срок понять наш бизнес и предложить
РЕШЕНИЕ, а не нескончаемый поток вопросов.

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

  Иван Нестеренко, генеральный директор Fondital Украина.



«Мы сразу почувствовали, что наш подход к работе
принят. Команда «влезла в шкуру» компании Fondital и
начала думать: «А как донести выгоды продукции
конечным покупателям и перспективу сотрудничества
для розничных и оптовых покупателей?»

Анализ конкурентов (цена, сервис, предложения), анализ
компании, потребности аудитории, цена на продукцию и
многое другое – все это мы изучили, прежде чем
приступить к работе».

                                                   Артем Щап
                                          Руководитель проекта




                     www.yaponochka.com
Начало работы
После подписания договора и предоплаты мы разбили работу
на блоки и утвердили сроки сдачи каждого:

      1. Создание структуры сайта.
      2. Создание блок-схем главной страницы и типовых
         страниц.
      3. Создание каталога продукции.
      4. Создание дизайна главной страницы и типовых
         страниц.
      5. Верстка страниц и создание программной части.
      6. Наполнение сайта контентом.
      7. Бета-тестирование сайта,привязка сайта к домену.
      8. Сдача проекта.



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

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

                                                     Артем Щап
                                            Руководитель проекта




                       www.yaponochka.com
Рынок и конкуренты
Мы начали с главного – с анализа конкурентов и ощущения
рынка.

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

Отдельные страницы не отвечают общей концепции
сайта. Все сайты на одно лицо, клиенты не запоминают их.
Не хватает яркости и индивидуальности».
                                      Наталья Терещенко
                                Главный дизайнер проекта


«Проблема большинства сайтов – длительное время
загрузки страниц. Бывало, приходилось ждать по 8-9
секунд, прежде чем загрузится сайт. Мы считаем, что это
происходило из-за неправильно подобранного хостинг-
провайдера и неоптимизированного программного кода».

                                     Владимир Николаенко
                            Главный программист проекта




                     www.yaponochka.com
Структура сайта
После изучения всего материала первое, что мы делаем, - это
размещаем информацию по страницам.

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

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

                                        Наталья Терещенко
                                  Главный дизайнер проекта


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




                      www.yaponochka.com
Создание блок-схем главной страницы и
           типовых страниц
 После структуры сайта мы приступаем к разработке блок-
 схем типовых страниц: главной страницы сайта, карточки
 товара, страниц разделов и подразделов каталога, страниц
 новостей и т.д.

 «Так как не была поставлена задача продавать продукцию
 непосредственно с сайта, мы решили не размещать на
 первой странице список товаров. Задача главной страницы
 – быстро сориентировать посетителя на сайте,
 направить его на ту страницу, которая ему необходима.

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

                                          Наталья Терещенко
                                    Главный дизайнер проекта




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




                    www.yaponochka.com
Создание каталога продукции
«Каталог вызвал наибольшую тревогу в нашей команде.
Ведь на сайте производителя совершенно другой порядок
размещения продукции - каталогизация сначала по типу
отопительного         оборудования (настенные  котлы,
напольные котлы, алюминиевые котлы), затем по сериям
(Tahiti, Anteaи.т.д.).

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

                                                    Артем Щап
                                           Руководитель проекта


Вот в таком виде структура каталога высылается для
согласования




                      www.yaponochka.com
Оформление страниц
После утверждения структуры мы приступаем к визуальному
оформлению страниц.

«Мы    поставили     задачу:  чтобы   у   сайта    был
запоминающийся дизайн и при этом он отвечал бы общей
концепции    Fondital.   Недопустимо,   чтобы     сайт
официального представителя в Украине отличался по
концепции дизайна от сайта материнской компании».
                                            Артем Щап
                                   Руководитель проекта


«В каждом элементе мы постарались передать традиции,
инновации и комфорт».
                                   Наталья Терещенко
                             Главный дизайнер проекта




                    www.yaponochka.com
Все кнопки и навигацию мы постарались сделать в
минималистическом стиле. Ничего лишнего – только
информация. В этой простоте и кроется решение задач сайта.

Верхнее меню




Правое меню – каталог (выпадающий).




                     www.yaponochka.com
«Информацию на главной странице было решено
разместить блоками, чтобы она визуально легче
воспринималась. Под фотографиями краткое описание,
которое говорит посетителю, куда именно он попадет,
если нажмет «Подробнее».
Удобным для пользователей является наличие быстрого
доступа в каталог с главной страницы.
На главной странице было принято решение разместить
слайдер, который сменяет картинки».
                                             Артем Щап
                                    Руководитель проекта




                     www.yaponochka.com
Верстка страниц и создание
         программной части
«Для реализации задач сайта мы решили использовать
собственную разработку – «движок»Lili, написанный на
языке PHP. Ее особенность в том, что сайт загружается
быстрее, и мы можем реализовать любые идеи, что не
всегда удается с существующими CMS (системами
управления контентом)».

                                   Владимир Николаенко
                             Главный программист проекта




Административная панель сайта позволяет редактировать
страницы, каталог, добавлять статьи, новости и товары.

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


                    www.yaponochka.com
Наполнение сайта контентом
«Многие компании не уделяют внимание контенту, делая
его в последнюю очередь, так сказать, «между прочим».
Такой подход мы считаем неправильным, ведь контент –
это то самое СОДЕРЖАНИЕ, за которым приходит
посетитель. Тексты заменяют продавцов, консультантов,
менеджеров по продажам. Именно тексты объясняют,
доносят, убеждают. Если этого нет, грош цена любому,
даже самому красивому, сайту».

                                                  Артем Щап
                                         Руководитель проекта


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

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




                    www.yaponochka.com
Карточка товара
«Сложность задачи заключалась не только написании
грамотных рекламных текстов в разделы сайта, но и
наполнение каталога уникальным контентом. Дело в том,
что на сайте производителя есть описания и технические
характеристики продукции, но простое копирование
приведет к негативным последствиям со стороны
поисковых систем. А этого требовалось избежать.

С другой стороны, как можно описать другими словами
технические характеристики? Мы выполнили эту задачу -
уникальность описаний не опускалась ниже 95%. При этом
мы писали технически грамотно и на языке выгод для
клиентов.

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

                                      Михайлина Лепкая
                            Главный копирайтер проекта




                    www.yaponochka.com
Решения в ходе работы
В ходе создания сайта возникали различные идеи, которые
мы согласовывали и реализовывали. Одна из них – кнопка
«Где купить». С сайта котел купить нельзя, т.к. дистрибьютор
не отпускает котлы.

Но если конечный покупатель зайдет на сайт и изучит
информацию о котлах, где ему посмотреть список магазинов?
Поэтому мы предложили в карточке каждого товара
размещать кнопку «Где купить». При нажатии на нее
посетитель попадает на список магазинов, где можно купить
котлы компании FondItal.




Вот так мы думали категориями клиента, предлагая
различные решения для увеличения эффективности сайта.




                      www.yaponochka.com
Сдача проекта
После тестирования мы переместили сайт на постоянный
домен, выбрав надежного хостинг-провайдера.

Срок реализации проекта- программирование, дизайн,
верстка, контент (15 страниц, 100 товаров, более 30 разделов
и подразделов) – составил всего 2 недели.

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


     Отзыв по окончанию работы:
«Спасибо компании Японочка.ком за реализацию проекта.
Сайт значительно упростил наш выход на рынок.
Покупатели    и   партнеры     находят    необходимую
информацию у нас на сайте. Каталог и страницы
выполняют свои функции».
                                         Ржевский Иван
                  Генеральный директор Fondital Украина.


«Цель этого предложения - показать наш подход и процесс
создания сайта в нашей компании. Мы надеемся, что наше
сотрудничество станет началом долгой и приятной
дружбы».
                                 Гавриленко Константин
                   Генеральный директор «Японочка.ком»


Будем рады ответить на ваши вопросы по телефонам:
+38 (044) 237 45 90
+38 (067) 560 10 95
По электронной почте: mail@yaponochka.com

Ждем вас нашем офисе: г. Днепропетровск, ул. Шмидта, 23.
                      www.yaponochka.com

More Related Content

Viewers also liked

Бишанова: ТВ-РЕКЛАМА КАК ИНСТРУМЕНТ ПРОДВИЖЕНИЯ
Бишанова: ТВ-РЕКЛАМА КАК ИНСТРУМЕНТ ПРОДВИЖЕНИЯ Бишанова: ТВ-РЕКЛАМА КАК ИНСТРУМЕНТ ПРОДВИЖЕНИЯ
Бишанова: ТВ-РЕКЛАМА КАК ИНСТРУМЕНТ ПРОДВИЖЕНИЯ Ivan Vasilenko
 
European cities of the future 2012 full results
European cities of the future 2012 full results European cities of the future 2012 full results
European cities of the future 2012 full results Ivan Vasilenko
 
Is Multipath Routing Really a Panacea?
Is Multipath Routing Really a Panacea?Is Multipath Routing Really a Panacea?
Is Multipath Routing Really a Panacea?d_medhi
 
Продвижение в социальных сетях клиники восточной медицины
Продвижение в социальных сетях клиники восточной медициныПродвижение в социальных сетях клиники восточной медицины
Продвижение в социальных сетях клиники восточной медициныsmart-marat
 
Cloud computing and agriculture
Cloud computing and agriculture Cloud computing and agriculture
Cloud computing and agriculture Morteza Noorbakhsh
 
THRONE Project для проектов премиум недвижимости
THRONE Project для проектов премиум недвижимостиTHRONE Project для проектов премиум недвижимости
THRONE Project для проектов премиум недвижимостиIvan Vasilenko
 

Viewers also liked (10)

Seminar top
Seminar topSeminar top
Seminar top
 
Бишанова: ТВ-РЕКЛАМА КАК ИНСТРУМЕНТ ПРОДВИЖЕНИЯ
Бишанова: ТВ-РЕКЛАМА КАК ИНСТРУМЕНТ ПРОДВИЖЕНИЯ Бишанова: ТВ-РЕКЛАМА КАК ИНСТРУМЕНТ ПРОДВИЖЕНИЯ
Бишанова: ТВ-РЕКЛАМА КАК ИНСТРУМЕНТ ПРОДВИЖЕНИЯ
 
European cities of the future 2012 full results
European cities of the future 2012 full results European cities of the future 2012 full results
European cities of the future 2012 full results
 
Is Multipath Routing Really a Panacea?
Is Multipath Routing Really a Panacea?Is Multipath Routing Really a Panacea?
Is Multipath Routing Really a Panacea?
 
Intelligent systems
Intelligent systems Intelligent systems
Intelligent systems
 
Продвижение в социальных сетях клиники восточной медицины
Продвижение в социальных сетях клиники восточной медициныПродвижение в социальных сетях клиники восточной медицины
Продвижение в социальных сетях клиники восточной медицины
 
Cloud computing and agriculture
Cloud computing and agriculture Cloud computing and agriculture
Cloud computing and agriculture
 
Past simple game 1
Past simple game 1Past simple game 1
Past simple game 1
 
THRONE Project для проектов премиум недвижимости
THRONE Project для проектов премиум недвижимостиTHRONE Project для проектов премиум недвижимости
THRONE Project для проектов премиум недвижимости
 
Urban Management
Urban ManagementUrban Management
Urban Management
 

Similar to описание работы по сайту Fonditalgroup

10 типичных причин неудачной разработки интернет-проектов
10 типичных причин неудачной разработки интернет-проектов10 типичных причин неудачной разработки интернет-проектов
10 типичных причин неудачной разработки интернет-проектовborovoystudio
 
10 типичных причин неудачной разработки интернет-проектов
10 типичных причин неудачной разработки интернет-проектов10 типичных причин неудачной разработки интернет-проектов
10 типичных причин неудачной разработки интернет-проектовborovoystudio
 
Life after finish
Life after finishLife after finish
Life after finishb2bfest.com
 
11 ключевых ошибок в разработке интернет-проектов
11 ключевых ошибок в разработке интернет-проектов11 ключевых ошибок в разработке интернет-проектов
11 ключевых ошибок в разработке интернет-проектовborovoystudio
 
Создание сайта - ювелирная работа
Создание сайта - ювелирная работаСоздание сайта - ювелирная работа
Создание сайта - ювелирная работаumistudio
 
Роль веб сайта в деятельности компании
Роль веб сайта в деятельности компанииРоль веб сайта в деятельности компании
Роль веб сайта в деятельности компанииSergey Lourie
 
Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...
Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...
Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...borovoystudio
 
Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...
Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...
Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...borovoystudio
 
[2009] семинар с 1с-битрикс. доклад 2 нужен новый сайт
[2009] семинар с 1с-битрикс. доклад 2 нужен новый сайт[2009] семинар с 1с-битрикс. доклад 2 нужен новый сайт
[2009] семинар с 1с-битрикс. доклад 2 нужен новый сайтIRCIT
 
Производство контента
Производство контентаПроизводство контента
Производство контентаNimax
 
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...borovoystudio
 
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...borovoystudio
 
РИК. Проектная документация
РИК. Проектная документацияРИК. Проектная документация
РИК. Проектная документацияKursrik
 

Similar to описание работы по сайту Fonditalgroup (20)

10 типичных причин неудачной разработки интернет-проектов
10 типичных причин неудачной разработки интернет-проектов10 типичных причин неудачной разработки интернет-проектов
10 типичных причин неудачной разработки интернет-проектов
 
10 типичных причин неудачной разработки интернет-проектов
10 типичных причин неудачной разработки интернет-проектов10 типичных причин неудачной разработки интернет-проектов
10 типичных причин неудачной разработки интернет-проектов
 
yurkevich
yurkevichyurkevich
yurkevich
 
yurkevich
yurkevichyurkevich
yurkevich
 
yurkevich
yurkevichyurkevich
yurkevich
 
yurkevich
yurkevichyurkevich
yurkevich
 
Life after finish
Life after finishLife after finish
Life after finish
 
11 ключевых ошибок в разработке интернет-проектов
11 ключевых ошибок в разработке интернет-проектов11 ключевых ошибок в разработке интернет-проектов
11 ключевых ошибок в разработке интернет-проектов
 
Создание сайта - ювелирная работа
Создание сайта - ювелирная работаСоздание сайта - ювелирная работа
Создание сайта - ювелирная работа
 
Netlab
NetlabNetlab
Netlab
 
Роль веб сайта в деятельности компании
Роль веб сайта в деятельности компанииРоль веб сайта в деятельности компании
Роль веб сайта в деятельности компании
 
Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...
Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...
Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...
 
Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...
Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...
Интеграция разработки и продвижения. Как не ошибиться там, где ошибается 95% ...
 
Intensa
IntensaIntensa
Intensa
 
[2009] семинар с 1с-битрикс. доклад 2 нужен новый сайт
[2009] семинар с 1с-битрикс. доклад 2 нужен новый сайт[2009] семинар с 1с-битрикс. доклад 2 нужен новый сайт
[2009] семинар с 1с-битрикс. доклад 2 нужен новый сайт
 
Производство контента
Производство контентаПроизводство контента
Производство контента
 
Проектирование эффективных сайтов
Проектирование эффективных сайтовПроектирование эффективных сайтов
Проектирование эффективных сайтов
 
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
 
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
В.Денисенков - Все там будем. 10 любимых ошибок при разработке и продвижении ...
 
РИК. Проектная документация
РИК. Проектная документацияРИК. Проектная документация
РИК. Проектная документация
 

More from smart-marat

Pr би 2-стрыкало_обломов
Pr би 2-стрыкало_обломовPr би 2-стрыкало_обломов
Pr би 2-стрыкало_обломовsmart-marat
 
коммерческое
коммерческоекоммерческое
коммерческоеsmart-marat
 

More from smart-marat (6)

Prartmettal
PrartmettalPrartmettal
Prartmettal
 
Pr coffeelife
Pr coffeelifePr coffeelife
Pr coffeelife
 
Pr би 2-стрыкало_обломов
Pr би 2-стрыкало_обломовPr би 2-стрыкало_обломов
Pr би 2-стрыкало_обломов
 
Kpsk
KpskKpsk
Kpsk
 
коммерческое
коммерческоекоммерческое
коммерческое
 
Fotograf
FotografFotograf
Fotograf
 

описание работы по сайту Fonditalgroup

  • 1. [Время прочтения: 5 мин] Ход работы по проекту «Fonditalgroup» Задача: разработать корпоративный сайт для официального представителя итальянского производителя отопительного оборудования Fondital в Украине - www.fonditalgroup.com.ua www.yaponochka.com
  • 2. Информация о клиенте Компания Fondital была основана в 1970 году в Италии. В 1973 году концерн FonditalGroup отмечен премией «Золотой Геракл» за высокое качество продукции. Fondital - мировой лидер по производству отопительных систем, продукция компании признана в более чем 20 странах , штат сотрудников составляет более 1000 человек. Компания производит Настенные и напольные газовые котлы, водонагреватели, алюминиевые и декоративные радиаторы, конвекторы и комплектующие. www.yaponochka.com
  • 3. Задача Задача стояла: создать привлекательный и информативный корпоративный сайт, который доносит преимущества продукции Fondital и показывает выгоды от ее использования. Сложность заключалась в том, что сайт ориентирован надве целевые аудитории: потенциальных и существующих партнеров и конечных покупателей. Для партнеров важно: надежность компании, конкурентоспособность продукции, масштаб и уровень сервисного обслуживания, наличие сертификатов качества на продукцию, поддержка компании (рекламные материалы, техническое описание), обучение. Для клиентов важно: надежность продукции – срок гарантии, затраты на ее обслуживание, технические характеристики и внешний вид, возможность купить продукцию в удобном для себя месте, сервисная поддержка в своем городе. «К этому пришла команда после анализа продукции, аудитории и конкурентов. Клиентом была поставлена простая и понятная задача: сайт – эффективный инструмент корпоративных продаж, выгодное позиционирование и максимум информации для покупателей. Клиент попросил не отвлекать его по мелочам и все решения предлагать своими силами». Артем Щап Руководитель проекта www.yaponochka.com
  • 4. Заполнение брифа «Прежде всего, компания привлекла нас подходом. У нас не было времени продумывать структуру сайта, утверждать каждую кнопку и думать, «а что же на этой странице должно быть». Нам необходимо было за короткий срок понять наш бизнес и предложить РЕШЕНИЕ, а не нескончаемый поток вопросов. При этом мы понимали, что сайт – это один из ключевых моментов успешного выхода на рынок, и мы должны говорить на языке выгод, давать то, что не дают конкуренты». Иван Нестеренко, генеральный директор Fondital Украина. «Мы сразу почувствовали, что наш подход к работе принят. Команда «влезла в шкуру» компании Fondital и начала думать: «А как донести выгоды продукции конечным покупателям и перспективу сотрудничества для розничных и оптовых покупателей?» Анализ конкурентов (цена, сервис, предложения), анализ компании, потребности аудитории, цена на продукцию и многое другое – все это мы изучили, прежде чем приступить к работе». Артем Щап Руководитель проекта www.yaponochka.com
  • 5. Начало работы После подписания договора и предоплаты мы разбили работу на блоки и утвердили сроки сдачи каждого: 1. Создание структуры сайта. 2. Создание блок-схем главной страницы и типовых страниц. 3. Создание каталога продукции. 4. Создание дизайна главной страницы и типовых страниц. 5. Верстка страниц и создание программной части. 6. Наполнение сайта контентом. 7. Бета-тестирование сайта,привязка сайта к домену. 8. Сдача проекта. «Это общие блоки, подзадач было бесконечное множество. Работа велась параллельно. Сдавать проект в сжатые сроки удавалось благодаря тесной работе штатных специалистов. В отличие от других компаний, которые работают с фрилансерами, у нас все сотрудники штатные, что ускоряет работу команды в разы, и клиентам намного проще получать решения. На встречах присутствуют все участники проекта». Артем Щап Руководитель проекта www.yaponochka.com
  • 6. Рынок и конкуренты Мы начали с главного – с анализа конкурентов и ощущения рынка. «Мы изучили сайты всех более или менее известных компаний на рынке отопительного оборудования и пришли к выводу, что у них всех есть несколько существенных недостатков: непродуманная и неудобная навигация, отсутствие единства стиля. Сложилось такое впечатление, что некоторые компании просто набросали кнопки и страницы, вообще не думая о посетителях. Отдельные страницы не отвечают общей концепции сайта. Все сайты на одно лицо, клиенты не запоминают их. Не хватает яркости и индивидуальности». Наталья Терещенко Главный дизайнер проекта «Проблема большинства сайтов – длительное время загрузки страниц. Бывало, приходилось ждать по 8-9 секунд, прежде чем загрузится сайт. Мы считаем, что это происходило из-за неправильно подобранного хостинг- провайдера и неоптимизированного программного кода». Владимир Николаенко Главный программист проекта www.yaponochka.com
  • 7. Структура сайта После изучения всего материала первое, что мы делаем, - это размещаем информацию по страницам. «При создании структуры сайта была сложность в разделении потребностей: конечные покупатели и партнеры. Навигация сайта должна быть настолько проста, чтобы интуитивно понятно было, где находится нужная информация. Было принято решение верхнее меню отдать под общую навигацию: информация о компании, раздел для партнеров, список магазинов, где можно купить продукцию, условия сервисной поддержки, контакты и т.д.». Наталья Терещенко Главный дизайнер проекта Вот так выглядит размещение контента по страницам, это часть структуры сайта без каталога. www.yaponochka.com
  • 8. Создание блок-схем главной страницы и типовых страниц После структуры сайта мы приступаем к разработке блок- схем типовых страниц: главной страницы сайта, карточки товара, страниц разделов и подразделов каталога, страниц новостей и т.д. «Так как не была поставлена задача продавать продукцию непосредственно с сайта, мы решили не размещать на первой странице список товаров. Задача главной страницы – быстро сориентировать посетителя на сайте, направить его на ту страницу, которая ему необходима. Например, для существующих партнеров будут важны новости компании, обновление ассортимента; для потенциальных – условия сотрудничества, история и надежность компании; для владельца котла – сервисный центр в его городе; для покупателя - наименование продукции и т.д». Наталья Терещенко Главный дизайнер проекта www.yaponochka.com
  • 9. Каждая страница, кнопка, ссылка - все продумывается до мелочей с точки зрения удобства пользования и функционального предназначения. www.yaponochka.com
  • 10. Создание каталога продукции «Каталог вызвал наибольшую тревогу в нашей команде. Ведь на сайте производителя совершенно другой порядок размещения продукции - каталогизация сначала по типу отопительного оборудования (настенные котлы, напольные котлы, алюминиевые котлы), затем по сериям (Tahiti, Anteaи.т.д.). Нам же была поставлена задача - сделать разную каталогизацию для разных разделов. Например, для напольных газовых котлов рассортировать котлы по диапазону мощности. Это осложнило проектировку сайта». Артем Щап Руководитель проекта Вот в таком виде структура каталога высылается для согласования www.yaponochka.com
  • 11. Оформление страниц После утверждения структуры мы приступаем к визуальному оформлению страниц. «Мы поставили задачу: чтобы у сайта был запоминающийся дизайн и при этом он отвечал бы общей концепции Fondital. Недопустимо, чтобы сайт официального представителя в Украине отличался по концепции дизайна от сайта материнской компании». Артем Щап Руководитель проекта «В каждом элементе мы постарались передать традиции, инновации и комфорт». Наталья Терещенко Главный дизайнер проекта www.yaponochka.com
  • 12. Все кнопки и навигацию мы постарались сделать в минималистическом стиле. Ничего лишнего – только информация. В этой простоте и кроется решение задач сайта. Верхнее меню Правое меню – каталог (выпадающий). www.yaponochka.com
  • 13. «Информацию на главной странице было решено разместить блоками, чтобы она визуально легче воспринималась. Под фотографиями краткое описание, которое говорит посетителю, куда именно он попадет, если нажмет «Подробнее». Удобным для пользователей является наличие быстрого доступа в каталог с главной страницы. На главной странице было принято решение разместить слайдер, который сменяет картинки». Артем Щап Руководитель проекта www.yaponochka.com
  • 14. Верстка страниц и создание программной части «Для реализации задач сайта мы решили использовать собственную разработку – «движок»Lili, написанный на языке PHP. Ее особенность в том, что сайт загружается быстрее, и мы можем реализовать любые идеи, что не всегда удается с существующими CMS (системами управления контентом)». Владимир Николаенко Главный программист проекта Административная панель сайта позволяет редактировать страницы, каталог, добавлять статьи, новости и товары. После написания программной части и утверждения дизайна страниц мы приступаем к html -верстке сайта. Это важный элемент, ведь именно от него зависят отображения всех элементов. www.yaponochka.com
  • 15. Наполнение сайта контентом «Многие компании не уделяют внимание контенту, делая его в последнюю очередь, так сказать, «между прочим». Такой подход мы считаем неправильным, ведь контент – это то самое СОДЕРЖАНИЕ, за которым приходит посетитель. Тексты заменяют продавцов, консультантов, менеджеров по продажам. Именно тексты объясняют, доносят, убеждают. Если этого нет, грош цена любому, даже самому красивому, сайту». Артем Щап Руководитель проекта Для лучшей индексации сайта поисковыми системами, и как следствие, более высокие позиции, мы разработали уникальные описания для каждого раздела и подраздела каталога. Были подобраны ключевые слова под каждое описание. В описании мы рассказывали о назначении того или иного типа продукции, давали полезные советы относительно выбора той или иной серии котлов. www.yaponochka.com
  • 16. Карточка товара «Сложность задачи заключалась не только написании грамотных рекламных текстов в разделы сайта, но и наполнение каталога уникальным контентом. Дело в том, что на сайте производителя есть описания и технические характеристики продукции, но простое копирование приведет к негативным последствиям со стороны поисковых систем. А этого требовалось избежать. С другой стороны, как можно описать другими словами технические характеристики? Мы выполнили эту задачу - уникальность описаний не опускалась ниже 95%. При этом мы писали технически грамотно и на языке выгод для клиентов. Описание состояло из: краткого описания изделия, описания преимуществ котла, таблицы технических характеристик, уникального описания особенностей конкретного вида котлов». Михайлина Лепкая Главный копирайтер проекта www.yaponochka.com
  • 17. Решения в ходе работы В ходе создания сайта возникали различные идеи, которые мы согласовывали и реализовывали. Одна из них – кнопка «Где купить». С сайта котел купить нельзя, т.к. дистрибьютор не отпускает котлы. Но если конечный покупатель зайдет на сайт и изучит информацию о котлах, где ему посмотреть список магазинов? Поэтому мы предложили в карточке каждого товара размещать кнопку «Где купить». При нажатии на нее посетитель попадает на список магазинов, где можно купить котлы компании FondItal. Вот так мы думали категориями клиента, предлагая различные решения для увеличения эффективности сайта. www.yaponochka.com
  • 18. Сдача проекта После тестирования мы переместили сайт на постоянный домен, выбрав надежного хостинг-провайдера. Срок реализации проекта- программирование, дизайн, верстка, контент (15 страниц, 100 товаров, более 30 разделов и подразделов) – составил всего 2 недели. Такой короткий срок реализации стал возможен благодаря параллельной работе специалистов, правильному распределению обязанностей и собственному штату. Отзыв по окончанию работы: «Спасибо компании Японочка.ком за реализацию проекта. Сайт значительно упростил наш выход на рынок. Покупатели и партнеры находят необходимую информацию у нас на сайте. Каталог и страницы выполняют свои функции». Ржевский Иван Генеральный директор Fondital Украина. «Цель этого предложения - показать наш подход и процесс создания сайта в нашей компании. Мы надеемся, что наше сотрудничество станет началом долгой и приятной дружбы». Гавриленко Константин Генеральный директор «Японочка.ком» Будем рады ответить на ваши вопросы по телефонам: +38 (044) 237 45 90 +38 (067) 560 10 95 По электронной почте: mail@yaponochka.com Ждем вас нашем офисе: г. Днепропетровск, ул. Шмидта, 23. www.yaponochka.com