Вопросы и ответы

Как оформить кейс компании?

Рекомендуемый шаблон для размещения кейса Вашей компании.

Русский шаблон

Название

[тип проекта] для [бренд компании]

Примеры правильного названия

Примеры НЕправильного названия

  • Сайт для ООО «Рибок-Раша» - всем пофиг на ООО и на правильное юридическое название, народ знает бренды
  • Сайт для компании Nike - слово «компании» просто лишнее, непонятно какой сайт.
  • Магазин для Nike - в смысле кирпичный что ли?

Описание

<h2>Задачи проекта</h2>

<ul>
<li>[вписать согласно видению]</li>
<li>[если там по каким-то причинам нет, взять отсюда https://cetera.ru/about/articles/purpose-of-website-creation-and-ways-to-achieve-them/ или отсюда https://cetera.ru/about/articles/what-will-it-take-to-make-a-website-and-keep-it/ подходящие 2-3]</li>
</ul>

<h2>Консультирование и планирование</h2>

<h3><a href="/ecommerce-checklist/concurents/" title="Анализ конкурентов">Анализ конкурентов</a></h3>

<p>На основе поисковой выдачи по наиболее популярным запросам отобраны основные конкуренты. Рассматривались только компании, не учитывались агрегаторы, маркетплейсы, доски объявлений, каталоги и прочие подобные сайты.</p>

<p>Проведен анализ конкурентов по сравнительной таблице Cetera. Выявлены типичные функциональности, содержание основных страниц, тексты ключевых анонсов, перечень акций и другая информация.</p>

<p><img src="" alt="Сравнение с конкурентами" /></p>

<h3>Сегментирование, таргетирование, позиционирование, customer journey</h3>

<ul>
<li>Определены группы целевой аудитории.</li>
<li>Соотнесены страницы проекта и группы аудитории.</li> 
<li>Разработаны пути пользователей по страницам и разделам.</li>
</ul>

<h2>Проектирование</h2>

<h3>Семантическое ядро</h3>

<p>C использованием KeyCollector и Keys.so собраны ключевые слова. Произведено ранжирование высокочастотных, средне- и низкочастотных запросов. Ядро очищалось вручную, а затем проверялось на нецелевые запросы заказчиком.</p>

<p><img src="" alt="Оглавление семантического ядра" /></p>

<h3>Карта сайта</h3>

<p>На основе семантического ядра и результатов сегментирования аудитории составлена структура [сайта/интернет-магазина и каталога]. В качестве многих заголовков названий разделов 2-3 уровня используются наиболее часто встречающиеся поисковые запросы.</p>

<p><img src="" alt="Карта" /></p>

<h3>Прототип</h3>

<p>В составе прототипа &mdash; более NN страниц.</p> 

<h4>Главная страница</h4>

<p><img src="" alt="Главная страница" /></p>

<h4>Страница [материала/товара]</h4>

<p><img src="" alt="Страница [материала/товара]" /></p>

<h2>Дизайн</h2>

<h3>Эскизы</h3>

<p>На основе фирменного стиля и результатов анкетирования клиента разработаны эскизы проекта. При дизайне учитывались современные тренды веб-дизайна.</p>

<h4>1 итерация</h4>

<p><img src="" alt="Эскиз 1"></p>

<h4>2 итерация</h4>

<p><img src="" alt="Эскиз 2"></p>

<h3>Макеты</h3>

<p>На основе эскизов и прототипа разработаны макеты проекта. Разработана и согласована главная страница в графическом формате. Затем были разработаны все типовые страницы в верстке чистового качества.</p>

<h4>1 итерация</h4>

<p><img src="" alt="Макет 1 итерация"></p>

<h4>2 итерация (согласована)</h4>

<p><img src="" alt="Макет 2 итерация"></p>

<h4>Страница [материала/товара] в вёрстке</h4>

<p><img src="" alt="Страница [материала/товара] в вёрстке"></p>

<h2>Платформа</h2>

<ul>
	<li>Сервер &mdash; выделенный физический сервер, арендованный Заказчиком в дата-центре, настроен Cetera в рамках проекта.</li>
	<li>Операционная система &mdash; <a href="/catalog/tech/debian/" title="Linux Debian">Linux Debian</a></li>
	<li>Веб-серверы: <a href="/catalog/tech/apache/" title="Apache">Apache</a>, nginx</li>
	<li>База данных &mdash; <a href="/catalog/tech/mysql/" title="MySQL">MySQL</a></li>
	<li>Языки программирования: <a href="/catalog/tech/php/" title="PHP">PHP</a>, <a href="/catalog/tech/javascript/" title="JavaScript">JavaScript</a></li>
	<li>Система управления &mdash; &laquo;<a href="/catalog/cms/bitrix/" title="1С-Битрикс">1С-Битрикс</a>&raquo;</li>
</ul>

<h2>Разработка</h2>

<p>Верстка выполнена на framework Foundation 6.0. Обеспечена адаптивная вёрстка. Код прошёл тестирование на соответствие стандартам W3C.</p>

<p>Программирование выполнялось на PHP. Отдельные возможности реализованы на стандартных модулях jQuery.</p>

<p>Контроль качества проводился автоматическими системами. Обеспечено соответствие стандартам PSR для PHP. Пройдены все встроенные тесты (безопасность, производительность, неизменность ядра и т.д.) системы управления контентом.</p>

<h3>Внедрены следующие модули</h3>

<ul>
<li><a href="https://cetera.ru/faq/kakie-funktsionalnosti-byvayut-u-internet-magazinov/" title="Перейти">Шаблонный список с правильными названиями, выбирать модули отсюда</a></li>
<li>И добавлять свои, уникальные для данного проекта, если были</li>
</ul>

<h2>Дальнейшее развитие</h2>

<p>Развитие осуществляется на основе периодических процессов выявления потребностей и планирования проектов &mdash; видений. Интервью проводятся с периодичностью раз в квартал. Корректировка планов &mdash; ежемесячно вносятся изменения в мастер-планы проекта. Ключевые задачи:</p>

<h3>[Месяц ГОД, хронологически нарастает вниз]</h3>
<ul>
  <li>[название задачи мастер-плана согласно отчёта]</li>
  <li>[название задачи мастер-плана согласно отчёта]</li>
  <li>[название задачи мастер-плана согласно отчёта]</li>
</ul>

<h3>[Месяц ГОД, хронологически нарастает вниз]</h3>
<ul>
  <li>[название задачи мастер-плана согласно отчёта]</li>
  <li>[название задачи мастер-плана согласно отчёта]</li>
  <li>[название задачи мастер-плана согласно отчёта]</li>
</ul>

<h2>Продвижение</h2>

<p>Проект продвигается на основе стратегий, разработанных в Cetera. Основные результаты по месяцам:</p>

<h3>[Месяц ГОД, хронологически нарастает вниз]</h3>

<ul>
  <li>[название задачи мастер-плана согласно отчёту]</li>
  <li>[название задачи мастер-плана согласно отчёту]</li>
</ul>

<div class="callout primary">В месяц год проект был остановлен.</div>

<h2>Этот кейс на других сайтах</h2>
<ul>
<li>Cetera &mdash; [url]</li>
<li>Cmsmagazine.ru &mdash; [url]</li>
<li>Medium &mdash; [url]</li>
<li>«1С-Битрикс» &mdash; [url]</li>
</ul>

English template

Name

[project type] for [brandname]

Correct examples

  • Business website for Nike
  • Ecommerce for Sadovye mekhanizmy
  • CRM for Krossovki ot Fainy

Incorrect examples

  • Website for LLC «Reebok-Russia» - всем пофиг на LLC и на правильное юридическое название, народ знает бренды, английские названия не пишутся в кавычках
  • Website for Nike company - слово company просто лишнее, непонятно какой сайт.
  • Shop for Nike - в смысле кирпичный что ли?

Description

<h2>Projects goals</h2>

<ul>
<li>[insert from vision]</li>
<li>[some tasks can be taken in this document]</li>
</ul>

<h2>Consulting and planning</h2>

<h3>Concurrent analisys</h3>

<p>Concurrents were chosen according to search results for most competitive keywords. Only corporate websites and eCommerce-projects were analyzed, no marketplaces, yellow pages, boards, etc. were taken into comparison.</p>

<p>Concurrents were analyzed according to Cetera's checklist. Common features, website structure, primary pages content, banners call-to-actions and other important information was aggregated from websites and analyzed.</p>

<p><img src="" alt="Concurrent comparison" /></p>

<h3>Segmentation, targeting, positioning and customer journey</h3>

<p>Target audience groups were identified. Project pages and audience groups were associated. Cetera also developed website customer journey through pages and sections for different groups.</p>

<h2>IA</h2>

<h3>Semantic core</h3>

<p>Keywords were collected with the help of KeyCollector and Keys.so. Search queries were ranked according frequency, the semantic core was splited to topics. The core was cleaned manually and checked for untargeted queries by our customer at the final step.</p>

<p><img src="" alt="Semantic core TOC" /></p>

<h3>Sitemap</h3>

<p>[Website/eCommerce and catalogue structure was developed on the base of the semantic core and segmentation results. Many of frequent search keywords were used as page headings.</p>

<p><img src="" alt="Карта" /></p>

<h3>Wireframe</h3>

<p>Consists of more than NN pages.</p> 

<h4>Homepage</h4>

<p><img src="" alt="Homepage" /></p>

<h4>[Content/product] page</h4>

<p><img src="" alt="[Content/product] page" /></p>

<h2>Design</h2>

<h3>Sketch</h3>

<p>Sketches were developed on the base of corporate style-guide and survey results. Modern web-design trends were taken into account.</p>

<h4>1st iteration</h4>

<p><img src="" alt="Sketch 1"></p>

<h4>2nd iteration</h4>

<p><img src="" alt="Sketch 2"></p>

<h3>Layout</h3>

<p>Layouts were developed on the base of sketches and wireframes. Homepage was created and approved by the customer, then we coded all templates in static HTML-code.</p>

<h4>1st iteration</h4>

<p><img src="" alt="Layout, 1st interation"></p>

<h4>2nd iteration (approved)</h4>

<p><img src="" alt="Layout, 2nd iteration"></p>

<h4>[Content/product] page in HTML code</h4>

<p><img src="" alt="[Content/product] page in HTML code"></p>

<h2>Platform</h2>

<ul>
<li>OS &mdash; <a href="/catalog/tech/debian/" title="Linux Debian">Linux Debian</a></li>
<li>Web-servers: <a href="/catalog/tech/apache/" title="Apache">Apache</a>, nginx</li>
<li>Database &mdash; <a href="/catalog/tech/mysql/" title="MySQL">MySQL</a></li>
<li>Programming languages: <a href="/catalog/tech/php/" title="PHP">PHP</a>, <a href="/catalog/tech/javascript/" title="JavaScript">JavaScript</a></li>
<li>CMS: <a href="/catalog/cms/fastsite/" title="Cetera CMS">Cetera CMS</a>, &laquo;<a href="/catalog/software/1c-bitrix/" title="1C-Bitrix">1C-Bitrix</a>&raquo;</li>
</ul>

<h2>Development</h2>

<p>HTML-code is based on Foundation 6.0 framework. Adaptive code allows to view the website on any device. Code was also tested for W3C standards' compliance.</p>

<p>Application layer is written in PHP. Some features were developed on standart jQuery modules.</p>

<p>Quality control was performed by automatic systems. PSR standards' compliance for PHP was provided. All tests (security, highload, integrity), implemented to CMS, were passed.</p>

<h2>Implemented modules</h2>

<ul>
<li><a href="https://cetera.ru/faq/kakie-funktsionalnosti-byvayut-u-internet-magazinov/" title="Перейти">Template list of correct names, select modules from here</a></li>
<li>And add project's unique modules, if they are</li>
</ul>

<h2>Further development</h2>

<p>Every 3 months Cetera consultants interview the customer, analyze concurents and create project vision for next periods. Small corrections of the plans are made monthly. Key completed tasks:</p>

<h3>[month year, from first to latest]</h3>
<ul>
  <li>[master-task name, according to the report]</li>
  <li>[master-task name, according to the report]</li>
  <li>[master-task name, according to the report]</li>
</ul>

<h3>[month year, from first to latest]</h3>
<ul>
  <li>[master-task name, according to the report]</li>
  <li>[master-task name, according to the report]</li>
  <li>[master-task name, according to the report]</li>
</ul>

<h2>Promo</h2>

<p>We promote this project according to strategies, developed in Cetera. Main results by months:</p>

<h3>[month year, from first to latest]</h3>
<ul>
  <li>[master-task name, according to the report]</li>
  <li>[master-task name, according to the report]</li>
  <li>[master-task name, according to the report]</li>

<div class="callout primary">The project was stopped at Month, YEAR.</div>

Автор