Конструктор каталога товаров онлайн – Как сделать электронный каталог самостоятельно из презентации

Как сделать электронный каталог самостоятельно из презентации

Создать электронный каталог по продуктам компании можно из простой PowerPoint-презентации. У ваших продавцов всегда будет под рукой приложение, в котором они быстро найдут нужную информацию по товару и расскажут о нем клиенту в деталях. Как создать такой каталог, расскажет руководитель проекта дистанционного обучения международной компании MW-Light Лана Виноградова.

Для лучшего восприятия посмотрите короткую видеоинструкцию:

Инструкция по созданию каталога с помщью шабона «Глоссарий»

Скачайте iSpring Suite бесплатно →


Лана ВиноградоваЛана Виноградова

Лана Виноградова,
руководитель проекта дистанционного обучения MW-LIGHT

Знаете, чем отличается плафоны с непрозрачным стеклом от обычных, прозрачных? Например, тем, что дают более мягкий свет. А еще бывает стекло с хрустальной крошкой, гальванизированное стекло, стекло с кракелированием. Сотрудники ритейлера MW-Light, специализирующегося на продаже декоративных светильников, обязаны знать все нюансы о каждом виде стекла, о каждой люстре и лампе.

В ассортименте у компании 300 коллекций, в каждой — от 10 до 100 светильников. Причем за год линейка может обновиться на 35%. Запомнить все модели нереально. Поэтому для сотрудников мы разработали электронный каталог со всеми видами продуктов. Продавцы открывают его на телефоне или планшете, вводят нужный артикул в поисковой строке, читают информацию о люстре, показывают ее фото клиентам.

Лана ВиноградоваЛана Виноградова

Чтобы создать такой материал, не обязательно быть дизайнером или программистом. Я сделала курс из обычной PowerPoint-презентации при помощи бесплатной версии конструктора iSpring Suite. Хотите сделать такой же? Расскажу как.

Шаг 1. Создайте презентацию по продукту

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

Электронный каталог (презентация)Электронный каталог (презентация)

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

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

Шаг 2. Переименовываем слайды презентации

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

Чтобы переименовать слайд, откройте в PowerPoint вкладку iSpring Suite и нажмите Свойства слайдов. В появившемся  окне вы видите список всех слайдов.

Фрагмент электронного каталогаФрагмент электронного каталога

Кликните на первый и напишите заголовок. Это может быть артикул или название товара. После то же самое сделайте с оставшимися слайдами.

Создаем электронный каталогСоздаем электронный каталог

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

Шаг 3. Настраиваем плеер для курса

Чтобы у каталога появилась удобная строка поиска, нажмите кнопку Плеер на панеле инструментов iSpring Suite.

Перед  вами появится панель инструментов плеера. Выберите на панеле раздел Шаблоны и в появившемся списке нажмите на Фирменный курс.

Скриншот электронного каталогаСкриншот электронного каталога

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

Видеоинструкция по настройке плеера электронного каталога

Как поделиться электронным каталогом с сотрудниками

В iSpring Suite есть несколько вариантов публикации электронного каталога. Два самых популярных:  

  • Сайт или блог. Программа сконвертирует каталог в формат HTML5. Готовый файл вы можете загрузить в интернет, к примеру, на корпоративный сайт компании.
  • СДО. Конструктор упакует курс в SCORM-пакет, который вы сможете отправить в систему дистанционного обучения. Я использую этот вариант.

Еще один простой способ поделиться каталогом с сотрудниками — загрузить в «облачный» сервис iSpring Cloud. По сути, это файлообменник для презентаций, электронных курсов и тестов. Загружаете сюда каталог, открываете доступ по ссылке и отправляете ссылку сотрудникам по email, в социальных сетях или СМС. Продавцы смогут открыть каталог с любого гаджета, нужен лишь доступ в интернет.

Простой Google Drive или «Яндекс. Диск» здесь не подойдет, потому что эти файлообменники не поддерживают HTML-формат, в котором публикуется электронный каталог.

Видеоинструкция, как работать с iSpring Cloud

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

www.ispring.ru

Подготовка макета многостраничного каталога — Блог Смартпринт.рф

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

Рассказываем об тонкостях дизайна, верстки и печати каталогов. 


Топ вопросов по подготовке макета:

Как сделать макет каталога?

Как подготовить каталог к печати?

Какую бумагу выбрать для каталога?

Как проверить макет перед печатью?

Где используют каталоги?

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

  • Для презентации компании (имиджевые каталоги) — подходит для крупных компаний, которым нужно продемонстрировать производственные возможности. Имиджевые каталоги используют в случаях, когда познакомиться с брендом другим способом сложно из-за внушительных масштабов продукции или технических особенностей.

Дизайн имиджевого каталога «Камский инновационный территориально-производственный кластер»

Имиджевый каталог продукции торговой марки «Suntile»
  • Для знакомства с продукцией (продуктовые каталоги). Задача такого каталога показать товар,  привлечь внимание, заинтересовать потребителя. 

Каталог натуральных окон Stoller.
  • Для выполнения маркетинговых задач (акционные). Обычно это каталоги со скидками и акциями, выпускаются с определенной периодичностью (две недели, месяц).
Новогодний каталог «Ленты»

Этапы создания каталога

Задача любой сложности выполнима, если разложить её на простые составляющие. С дизайном и версткой  тоже самое.


Создание каталога состоит из следующих этапов:

Разработка идеи/концепции дизайна

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

Чаще всего у компании уже есть своя айденика, фирменные паттерны и логотип, остается лишь грамотно встроить элементы в макет каталога.


Верстка макета

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


Печать и постпечатная обработка

При оформлении заказа следует закладывать время на печать, просушку листов, постпечатную обработку. К постпечатной обработке относятся: резка, высечка, ламинация, УФ-лакирование, биговка, фальцевание, тиснение, брошюрование.

Общие правила подготовки макета для типографии

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

  • Цветовая модель CMYK

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

Последствия: при переводе цветов из RGB в  CMYK оттенки на экране и на бумаге могут отличаться, стать более блеклыми.


У нас на Смартпринт.рф есть опция «проверка макета специалистом». После проверки вам на почту приходит  письмо, в котором указаны ошибки в макете и исправленный файл в формате PDF. Вам нужно только проверить этот файл и согласовать его в печать. Опция бесплатна при оформлении заказа.

  • Наличие вылетов

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


Как сделать вылеты в Corel Draw?


  • Качество изображений

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

Для печати подходят изображения с разрешением только 220-300 dpi в масштабе 1:1. При использовании изображений с низким разрешением (например, скаченным из интернета) картинка после печати получится размытой или разойдется на кубики (пиксели).

  • Соответствие заданному формату

Часто один и тот же макет печатают в разных форматах (например, плакаты А1, плакаты А2 и листовки А6). Файл отправляют один, допустим, на А1 формат. Если эти изделия оформлены одним заказом, то специалисту препресс (допечатная обработка) понятно, что файл нужно масштабировать до заказанного формата.

Если сначала заказали плакаты А1, а через три недели — листовки А6, то возникает вопрос: «Файл выслан не в том формате или неверно указаны параметры изделия при оформлении заказа?».

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

Один день из жизни типографии:

Макет каталога изначально был подготовлен для формата А4, заказчик решил печатать брошюры А5 формата. При масштабировании в 2-х местах цена наехала на описание мебели. Этого не заметил ни дизайнер, ни заказчик. Ошибку обнаружили перед выводом пластин на печать.

Это было воскресенье. Нужно было срочно что-то решать: либо вносить изменения в макет, либо переносить печать на другой день. Проблема в том, что вместе с этим заказом сборным тиражем печатались и другие заказы, которые  нужно было сдать в понедельник, а заказ с которого всё началось требовалось отправить в другой город (Магнитогорск).

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

В результате получили разрешение от заказчика на изменение шрифта на похожий из базы типографии. Исправили макет. Все файлы напечатали вовремя.

Елизавета Колесникова,
маркетолог Смартпринт.рф


Рекомендации для подготовки макета каталога в печать

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

  • Удобочитаемость

Сделайте каталог удобным для чтения, подберите шрифтовую пару для текста (шрифт для заголовков+шрифт для основного текста). Если хочется использовать нестандартный шрифт, то применяйте его только в заголовках, в основном тексте такой шрифт будет не читабелен. 

Не делайте текст слишком мелким. Если нужно вместить большое количество информации, то лучше увеличить формат каталога или количество страниц.

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

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

  • Количество страниц

Количество страниц (или полос) в каталоге должно быть кратно четырем. (8, 12, 16, 20, 24).

Иногда в запросах на расчет между заказчиком и менеджером возникает недопонимание из-за путаницы листов со страницами.

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

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

  • Начальная и концевая полоса

Начальная полоса стоит в начале раздела и представляет собой титульный лист. Правила предусматривают расположение начальных полос либо с начала листа, либо со сдвигом влево или вниз, но не более чем на 1/3 полосы.

Концевая полоса располагается в конце теста. Она может занимать почти весь объем страницы, но не менее 1/4 размеры полосы.

Для обложки используют мелованную бумагу от 157 г/м2 до 270 г/м2., при необходимости (например, если вы готовите каталог не для выставки, а на раздатку) для обложки можно взять и тонкую бумагу (от 80 г/м2). Блок чаще всего печатают на ВХИ 80 г/м2 или  мелованной глянцевой/матовой 115 г/м2. 

Похожие статьи:

blog.smartyprint.ru

Создание каталога товаров

1. Общая информация

2. Создание категорий и подкатегорий

3. Создание товаров вручную

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

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

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

Общая информация.

Пример каталога товаров в бэк-офисе InSales:

Корневым каталогом товаров на InSales является «Каталог»

Корневая категория нигде не фигурирует в шаблоне сайта, но в нее можно попасть по ссылке вида http://вашдомен.ru/collection/all

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

Вид каталога в бэк-офисе инетрнет-магазина:

Вид каталога на витрине интернет-магазина:

То есть, та стурктура каталога товаров, которая будет задана в бэк-офисе магазина, и будет выводится на витрине магазина.

Создание категорий и подкатегорий.

Для создания новой категории кликните правой кнопкой мыши на родительской категории или наведите курсор на ее название, нажмите на кнопку-гамбургер и выберите в выпадающем меню пункт «Создать подкатегорию»:

Шаблоны Insales в больше своей массе допускают до 3-х уровней вложенности категорий, но технически количество уровней вложенности не ограничено.

Создание товаров вручную

Для создания товара в категории, кликните на название категории и нажмите кнопку «+Товар», в выпадающем меню выберите тип товара «Новый товар»:

 

www.insales.ru

Как сделать сайт каталог

Дата публикации: 31-10-2016       2230

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

Создать сайт для вашей работы поможет конструктор сайтов Tobiz. Здесь специалисты разработали разнообразные готовые шаблоны сайтов, вам остается только выбрать шаблон для своего направления и сделать свой интернет магазин. Сегодня уже более 3000 готовых шаблонов сайтов каталогов бесплатно.

 

Как создать сайт каталог или сделать сайт каталог самому

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

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

Как сделать сайт каталог продукции

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

создать сайт каталог

  • Используйте меню конструктора для добавления новых блоков.
  • Редактируйте уже установленные, для этого используйте параметры блока. Их можно перемещать по странице, дублировать.
  • Можно выбрать разное оформление каждого блока, прокрутив его в стороны. Есть блоки с видео. Выберите его и вставьте ссылку на ваше видео, и оно будет отображаться на странице.
  • Для продукции используйте блок «Каталог» и устанавливайте карточку товара, здесь вы сможете красиво оформить окно с товаром и сделать отличный интернет магазин.
  • Сохраните свой готовый сайт в конце работы редактирования.

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

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

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

Как создать сайт каталог без регистрации

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

Рассказать друзьям:

tobiz.net

Leave a Reply