Лендинг страница под ключ – №649186

Необходим небольшой landing page для одного товара (женское белье) с функцией заказа вместо формы обратной связи, с переходом при оформлении заказа на страницу дополнительного товара по акции с ограниченным сроком покупки (апсейл), например как в функционале подписки для инфобизнеса, а также должна быть возможность оплаты заказа через выбранного платежного агрегатора (предложите ваш вариант)

Работа нужна: красивый сексуальный дизайн + наполнение + адаптивная верстка + алгоритм, подключение и наладка в том числе платежной системы

Внимательно читайте пожалуйста задание.

Жду от Вас:
1. Портфолио ваших аналогичных работ
2. Стоимость этой работы
3. Срок окончания работы Свернуть

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

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

Интересует только комплексная работа!
Дамы и Господа! Интересует работа в векторе, высокое качество прорисовки "всех деталей сайта" с небольшим весом страниц «Если вы знаете другой вариант, как уменьшить вес страницы и увеличить скорость выгрузки, притом не ухудшая качества элементов, то конечно же предлагайте!».
Детали сайта которые необходимо создавать в векторе «как мы видем»:
Всевозможные блоки; Уникальные кнопки; Значки; Рамки; Уникальные иконки; Указатели; Логотип; Фавикон:

Требуется:

• Создать выделяющейся из общей массы фавикон сайта;
• Создать логотип с образца, высокого разрешения в «векторной программе»;
• Создать уникальный, продающий сайт компании, на 100% удобный «для пользователя» по идеи, но не в формате одностаничника «landing page» (9 -ти основных страниц) в соответствии с правилами подающего сайта, «посадочной страницы» - ссылка - отдельно под каждую услугу «всего 8 услуг» + «Главная»;
• Создать протестированный вами «самостоятельно», самоподстраивающийся сайт, под всевозможные размеры монитора пользователя, включая «Вариант с компактным меню» под планшэты и смартфоны. Прямой пример, по всем размерам включая «Вариант»: ссылка, с поддержкой и сопровождением mp3, web-технологий таких как HTML5, CSS3, jQuery анимация и Parallax каждой станице сайта;
• Создать сайт на 100% редактируемый в плане «контента и не статичных, «интегрированных фото» из панели администратора.
• Разместить, настроить и оптимизировать созданный вами продукт под хост и на хосте - ссылка; домен - ссылка -100% по первому пункту и близко к 100% по второму test ссылка.
• Оптимизировать сайт:
- Oптимизация (сжатие) изображений и скриптов в Page Speed,
- Уменьшение числа Http запросов,
- CSS спрайты,
- Оптимизировать таким образом, чтоб она сама автоматически сжимала CSS и HTML, в конечном итоге выдавал близко к 100% по 2-му пункту testa ссылка. Пример скорости загрузки страницы - ссылка «Ещё быстрей, только приветствуется».
• Настроить все основные предложения компании «посадочные страницы сайта» (всего 9шт), таким образом, чтобы в конечном итоге они появлялись в поиске в таком виде – ссылка
По результату - ссылка – «Сайт «близко»
• Все моменты связанные с отправками на E-Mail, настроить и привязать к почтовому адресу - [email protected] В диалоговым окне ссылка ЧТО У НАС ПРОИСХОДИТ «лаборатория идей» + «капча» без потери трансляции mp3;
• Все дополнительные диалоги, такие как: Скачать; Печать; Лайк в соц сети; Плагин просмотра фото; И.Т.Д, открываются, также в диалоговым окне ссылка ЧТО У НАС ПРОИСХОДИТ «лаборатория идей» без потери трансляции mp3.
• Создать статичную, правленую перелинковку «ядро сайта» с внутренней оптимизацией семантического ядра таким образом, что при любом низкочастотном или высокочастотном запросе по тематике раздела по 100% револантности все запросы «по ключам раздела» приходились именно на страницу описания тематического раздела 2-го уровня. (не используя при этом ни где на сайте «redirect», «тег <noindex>» , рандомные ссылки и закольцованность всего контентного содержания сайта по кругу). При этом допускаются варианты – кольцо внутри раздела, лента внутри раздела, метки, подборки. Если вы на 101% не уверенны в вашей структуре, то при разработке системы управления необходимо учитывать шаблонизацию ссылочной структуры и заложить несколько действенных вариантов структуры, для сайта такого рода с выводом контроля выборы шаблона в панель админ.
• СЕО оптимизировать - оптимизация структуры сайта по методу schema.org а также микроразметка яндекса и микроданные гугла;
• Не маловажный момент! Необходимо учесть при создании сайта: Что вся внутренняя ссылочная масса сайта, ни в коем случае не должна дублироваться ссылками или ссылаться «сами на себя». Пример: (если вы находитесь на странице описания «натяжные потолки» то данная ссылка «страница описания натяжные потолки» - становится не активной ссылка). Соответственно данная структура касается всего сайта! Включая основную ссылку (с логотипа) на главную страницу. Постоянной ссылкой со всех страниц сайта «на главную» за исключением самой главной является логотип. Примерно так - ссылка Конечно же, для удобства пользователя должна быть видимая и понятная ссылка на главную! Поэтому делаем «кнопку – Главная, без ссылки» как на - ссылка - «оставить отзыв». Но при этом! Важно! Не забываем отключить ссылку с логотипа на «главную» если мы находимся на «главной»;
• При создании сайта, не показываем его ни одной поисковой машине, до полного его наполнения всем необходимым и отладки всех параметров.
• Создать сметные калькуляторы для некоторых разделов «всего 6шт» с редактированием всех параметров. Прямой пример функционала на нашем сайте - ссылка - вкладка калькулятор.
• Создать в админ панель функцию: заменить, удалить фаил «Sitemap»
• Правильно зарегистрировать сайт и его зеркала «основное зеркало http://» по перечисленным поисковым системам с подтверждением владения сайтом через корневую папку с добавлением «Sitemap», на ресурсы: Яндекс; Google; Mail.ru; Rambler; Nigma; Bing; Ask.com; Search – «веб-мастер» Привязав сайт к Омскому региону.
Основные приоритеты для самописного движка на бесплатной основе:
• Бесплатность желательно «самописного» движка в дальнейшей эксплуатации «без обновлений»;
• Минимальная нагрузка на хостинг;
• Маленькая энергоемкость памяти;
• Высокая скорость загрузки страниц при высокой посещаемости -100% по первому пункту и близко к 100% по второму test ссылка;
• Стабильность работы движка динамического сайта, «без 404» с поддержкой web-технологий таких как HTML5, CSS3, jQuery анимация и Parallax. Каждая разработанная вами страница сайта «страница захвата» «всего 9» должна выгладить максимально эффектно, чтобы повысить показатели.
• Совместимость с современным редактором на бесплатной основе с открытой функцией мыши «вырезать, вставит – правой кнопкой», а также с проверкой орфографии в HTML- 5 на русском языке и без лишнего кода «краказябликов через букву».
Пример как не должно быть: (<p>&nbsp;Вот&nbsp;и&nbsp;краказяблики&nbsp;через&nbsp;букву&nbsp;</p>)
Пример как должно быть: (<p>Вот и краказяблики через букву</p>)
В общих чертах и Кратенько
СеО – Инструменты
1. Основные СеО инструменты распространяются на все страницы сайта и редактируются. «Включая страницы разделов и главную»
meta - Title, meta - Keywords, meta – Description, URL_Адрес страницы с автоматическим переводом русского - «Звукоизоляционные материалы» - «zvukoizolyatsionnyie_materialyi» - через нижние подчёркивание - _ _ . URL_Адрес в админ панели закрыть автоматически после сохранения страницы галочкой от редактирования, «Для того чтобы случайно не поменять – URL страницы».
Заголовки:
Основные заголовки всех страниц, «подгружающиеся» включая главную и посадочные (2-го уровня), также редактируются из панели админ на этапе формирования в редакторе страницы, с последующим редактированием «текстового контента и заголовков». Каждый из заголовков, имеют своё индивидуальное окно редактирования по странице. При любом назначении заголовку значения -(<h1>заголовок</h1>, <p>заголовок</p>) – заголовок появляется в том формате текста, который определён по умолчанию, дизайну и размеру текста «ЗАГОЛОВОК» По умолчанию и «без лишнего кода» программно!
Другими словами:
№ Заголовка по основным «9-ти» посадочным страницам сверху вниз - Заголовок (1) ; Заголовок (2) ; Заголовок (3) и так далее.
Если мы в Заголовок (1) прописываем «обворачиваем в тэг - h1», то основной странице получаем, заточенный под определённый размер и шрифт текста по дизайну , «<h1>Заголовок</h1>» - «ЗАГОЛОВОК»
Если мы в Заголовок (1) нечего не прописываем и не обворачиваем в тэг, то всё равно получаем, заточенный под всё тот же размер и шрифт текста по дизайну - «ЗАГОЛОВОК»
На любую «посадочную раздела или основную, статью, прайс, фото-отчёт» создаём СеО инструменты:
URL Адрес страницы (Вводить на русском) ; Translit URL (Адрес страницы транслитом) ;
Meta: (Title) ; Meta: (Keywords) ; Meta (Description) : прямой пример ссылка «админ» (персонально).

Форма редактора страницы:
Форма редактора имеет:
Дату публикации Число; Месяц; Год - (относится только к статьям) - прямой пример ссылка «админ» (персонально);
Галочка Активации - (относится только к статьям) - прямой пример ссылка «админ» (персонально).
Галочка Открыть – Закрыть: К функции редактировать «URL Адрес страницы» - (относится ко всем редактируемым страницам, кроме ГЛАВНОЙ).
URL Адрес страницы - Закрывается автоматически «галочкой» после сохранения и «не открывается, пока её не нажмёшь» - (относится ко всем страницам сайта за исключением главной).
Кнопка удалить: Удалить! Возможно, только - Одного из партнёров; Статью; В других услугах - «отдельно выделенную услугу»;
Строку из подсчёта сметы «материалы, работы»; Строку из прайса цен «любого раздела».



2. Редактор - HTML- 5
Заголовки - H1, H2, H3, и т.д, таблицы, загрузить фото, загрузить видео, цвет текста, цвет обводки вокруг фото, вставит ссылку в текст, привязать ссылку к фото с транслитом. Правописание с подсвечиванием орфографических ошибок «яндекс орфографией». Необходимо настроить редактор таким образом, чтобы при сохранении текста выдавал именно тот вариант шрифта (размер, стиль) в тексте и в заголовках - H1, H2, H3, и т.д, который запланировал вэб-дизайнер «по умолчанию», но при этом без лишнего кода в HTML то есть - «программно». Устанавливается на все страницы сайта, где есть СеО текст, включая прайсы.
По видео: Если мы грузим видео через редактор или назначаем трансляцию с ютуба, то по умолчанию видео обворачивается в данный плагин как на ссылка.
По фото: Если мы назначаем фото с выполненных проектов, то на данное фото накладывается «ссылка» и функция открыть тот проект, где лежит данное фото в плагине ссылка
На все фото размещающихся в статьях накладываем функцию оттененние, если на фото присутствует ссылка или это фото принадлежит какому либо проекту данного сайта, то оттененние меняется градиентом.
Необходимо создать систему загрузок и хранения фото, таким образом, чтобы была возможность использования этих же фотографий, всех альбомов сайта в текстовом контенте в оформленном виде по дизайну «оттененние», не загружая при этом дубликатов «повторно» на хостинг.
Плагин для просмотра «выполненных работ, берём вот этот ссылка , доработав под цветовую палитру сайта.
Плагин открывается на всю страницу сайта в оформлении - ссылка «лаборатория идей» и без потери соединения с mp3 сопровождением, есть крестик закрыть просмотр плагина.

Функции по mp3
• Для музыкального сопровождения создать в админ специальную папку и дать возможность загружать, удалять, хранить mp3;
• Создать регулировку уровня звука примерно как на примере - ссылка «рассмотрим ваши варианты»;
• Музыкальное сопровождение mp3 распространяется на все страницы сайта: Сайт открывается в одном окне браузера «никаких дублирующих открытых окон». В админ в системе редактора (вставить ссылку) стоит по умолчанию «открыть в том же окне». Трансляция начинается на любой странице сайта, с небольшим нарастанием громкости через 3 секунды после прогузки основной информации страницы, дабы не уменьшать скорость загрузки. Между мелодиями (задержку) берём здесь - ссылка . При смене раздела муз не меняется. А также в правом углу создаём в точности как на примере зафиксированную по соотношению к странице регулировку громкости звука;
• При переходе на другое приложение, соседнюю страницу в браузере, муз сопровождение мягко приглушается на фиксированную отметку 0%;
• При переходе с другого приложения, с соседней страницы в браузере, муз сопровождение мягко нарастает на фиксированную отметку 100% от регулировки громкости с правой стороны страницы;
Пример ссылка подложить погрузку
• При включении видео на сайте, звук трансляции плавно и мягко приглушается на фиксированную отметку 0%;
• При включении разговора по скайпу звук трансляции плавно и мягко приглушается на фиксированную отметку по звучанию примерно – 15% от 100% выбранного уровня звука пользователем. По умолчанию уровень звука стоит примерно 60% от общего. Протестируйте пожалуйста привязку к скайпу на ссылка в момент связи по скайпу;
• После окончания разговора или просмотра видео, звук возвращается в исходную позицию с теми же параметрами нарастания.
Функции калькулятора
Смотрим незаконченный пример на нашем сайте - ссылка вкладка калькулятор
• Жмём рассчитать смету - видим сам расчёт «в готовом виде» ниже кнопки – скачать, печать, отправить на e-mail при нажатии на любую - ► Открывается ещё одно «диалоговое окно» Пример: ссылка ЧТО У НАС ПРОИСХОДИТ «лаборатория идей» - С функцией поставив лайк соц сетях по выбору - в Мой мир; в Google+; в Одноклассники; и.т.д с заготовленным комментарием, но с возможностью редактирования текста поста пользователем - ссылка
• В готовом оформленном виде сметы по «дизайну», каждого из калькуляторов и отдельно, по работам и материалам, пользователь видит: Стоимость; Количество; Ед. измерения; Сумма: В конце сметы должно отображаться: Стоимость материалов; Стоимость работ; И того по смете:
• Во всех калькуляторах сайта без исключения (из панели админа) – Крутится абсолютно всё: Кол-во; Наименование; Ед. измерения; Цена. Добавляется или удаляется строка материалов, работ и т.д, с соответствующими параметрами. Недоделанный пример на нашем сайте ссылка (персонально).
• К функционалу связанному с - Скачать смету, Отправить смету на e-mail, Распечатать смету, скачать, распечатать, отправить на e-mail проект, привязать скрытую ссылку входа в админ панель.
То есть:
Если пользователь зашел в админ по дополнительной конфигурации к основному домену и авторезировался на сайте, то на всех страницах сайта проявляется «до этого момента» скрытая ссылка для входа в админ панель. Смотрим на примере нашего сайта - ссылка (персонально). Если у пользователя есть такая ссылка, и он вошел в админ панель то значит функционал «лайк в соц» сети в вариантах: Скачать смету, Отправить смету на e-mail, Распечатать смету, скачать, распечатать, отправить на e-mail проект для данного пользователя не действует. «Без ограничений свободно качаем, отправляем, печатаем смету или проекты»



Отзыв
• Создать в полном соответствии с будущим дизайном функцию «трансляции аватара на отзыв». Пример ссылка «Что говорят?».
• Аватары используются с этого сервиса: ссылка - это довольно популярная тема. "Глобально распознаваемые аватары" привязываются к мейлу. Таким образом, все сайты, поддерживающие этот сервис, могут по вашему мейлу получить аватар. Соответственно, установить аватар на e-mail или изменить его можно там же.
На сайте фото появляется в таком или подобном виде - ссылка «Что говорят?». Формирование и публикация производиться, только после одобрения модерацией.

• Если пользователь, по какой-то причине не загрузил фотографию на «отзыв».
то необходимо подвести его к этому действию, используя – подсветки, стрелки, предупреждающий выпадающий текст о неказистости текшего аватара «ваши идеи!».
Уже в демонстрации при заполнении, пользователь видеть свой «аватар», в случае если его нет, то в игру вступают заготовленные «аватары» для 3-ёх позиций по умолчанию: (положительны, нейтральный, отрицательный)
примерно так по оформлению - ссылка или что-то в этом роде
Рассмотрим ваши варианты!
• Создать специальную папку в «админ» для хранения, удаления или загрузки нового аватара для данной функции.
• Кнопка «загрузить фотографию»
При нажатии на данную кнопку, появляется выпадающие окно пример ссылка «лаборатория идей», здесь открывается видео-демонстрацией на часть экрана с активной ссылкой на ссылка (открывающейся в новом окне).
Данную страничку не отдаём в поиск, роботы не видят её потому что, она идёт через «кнопку без ссылки».
• Задача: Разработать страницу в форме диалогового окна. Пример: ссылка «лаборатория идей» «видео инструкция как загрузить Граватар» в соответствии с основным дизайном сайта и применить плагин для просмотра видео ссылка.
Размещаем в данную страницу, видео урок с трансляцией с ютуба ссылка.
Под видео размешаем ссылку на ссылка в оформленном виде под кнопку «УСТАНОВИТЬ ГРАВОТАР»
Данная страница нигде не редактируется.
• Все моменты, связанные с написанием текста в отзывах, связать с функцией правописания «орфографией» отзыв предварительно отправляем на проверку модерацией сайта.
Необходимо завязать адреса и отзывы и создать специальную папку в админ для их активации, редактирования и удаления – пример на ссылка (персонально), необходимо добавить функцию оповещения о новом отзыве на наш ящик.
Заполняй-ка на отзыв

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


Безопасность «Админ панели и сайта в общим»

• Добавить в админ функцию: сменить пароль и логин «входа в админ панель сайта».
• Добавить в админ функцию: отключить или включить, правую кнопку мыши, функцию выделить. Смотрим на примере - ссылка (защита от копирования).
• Добавить в админ функцию: скрытая ссылка для входа в админ панель пример - ссылка , подробно было описан выше – «дополнительные функции калькулятора».
• Реализовать в коде и правильно настроить, с учётом постоянного дополнения сайта страницами статей, полноценную защиту и «с крайней аккуратностью по первому варианту» - ссылка , ссылка и с принципами - ссылка
• Все ссылки связанные с отправкой на e-mail, скачать, оставить отзыв. Создать не ссылками, а кнопками «без активных ссылок» пример на - ссылка - «формуляр с правой стороны» кнопка «оставить отзыв».
• На все кнопки: отправить на e-mail, скачать, оставить отзыв. Наложить функцию «открыть в полупрозрачном окне», точно как в примере по механики открытия, с передачей куки в адресную строку.
Пример: ссылка «лаборатория идей», снабдив необходимыми подсказками, появляющимися, движущимися стрелочками, подсветкой.
Дополнительно – снабдить функцией «капча». ссылка оставить отзыв, написать нам на e-mail, отправить смету и.т.д (всё что связанно с отправкой по e-mail).
Капча
Делаем как на приведённом примере - ссылка , при этом немного доработав идею:
• Надпись «вопроса» должна привлекать внимание пользователя -«переливающимся градиентом» или ваш вариант.
• Исправить ситуацию «движение всего ряда по горизонтали при наведении», на выбранную картинку накладывается обводка «цветом». Рассмотрим ваш вариант.
Сами картинки свободно качаем по указанному выше адресу, уникализируем и ставим.
• Алгоритм рандомной подмены «картинок» при перезагрузки страницы берём там же - ссылка


Adobe документы сайта
• Задача для дизайнера: Создать оформленный под общий дизайн сайта документ «Adobe» с логотипом и контактной информацией компании, а также активной ссылкой на сайт, наподобие - ссылка ждём ваших вариантов!
• Формирование Adobe документа происходит из определённых, информационных блоков на странице и заготовленных шаблонов проработанных по веб-дизайну в соответствии с тематикой скачиваемого документа.
Всего таких шаблонов, 3-шт - Прайс, Смета, Проект.
1. Прайс: Информация формируется с того прайса, на котором находится «пользователь». Информация на странице является не статичной и изменяется в админ панель в разделах прайсы, пример - ссылка (персонально).
При нажатии пользователем кнопку скачать прайс, на заготовленный Adobe шаблон накладывается актуальная информация страницы.
2. Смета: Всё тоже, самое.
3. Проект: В данном случае не статичной частью является «создание нового проекта, а формирования информации происходит с отдельных блоков текста и фото. Страница примерно такого образца - ссылка заточенного под ваш дизайн.

Мелочи
• Как оформляем тематику подложки «Правильный вариант оформления тематики». - ссылка. Получить бесплатную консультацию ¬+ подарок.
В данном случае мы видим: Нижний слой (задний фон) визуально нам говорит, что мы находимся на «блоке» контакта, диалога с представителем.
Этот вариант оформления и используем повсеместно, где необходимо подчеркнуть тематику.
Только немного подправив эффект:
Пример эффекта ссылка добавляем цветных фильтров по оттенку сайта с лёгким приглушениям цветов основной «обработанной фотографии» (для уменьшения веса).

• При прокрутки страницы, все тексты, рекламные призывы, заголовки по механики подгружаются как на примере ссылка только и в обратную сторону ссылка.
• На всех удлиненных страницах сайта «включая главную», которые имеют прокрутку, ставим весьма полезную кнопку, стрелку «НАВЕРХ». С такой же механикой действия и функционалом как на ссылка .
Проявляется стрелка! В момент когда шапка сайта становится невидной, в окне браузера или когда «пользователь нажал на меняющейся логотип на указатель вниз». Исчезает «стрелка» когда прокрутка сайта останавливается полностью. При нажатии на «стрелку» скорость в начале несколько больше, но в конце замедляется. Исчезает кнопка «НАВЕРХ» ровно, как и появляется с плавным затуханием и проявлением в 2 секунды.
Всё в точности как на примере только в цвет дизайна сайта.
Реализовать идею по обратной связи «Остались вопросы? Задайте их менеджеру» в течении 5-ти минут связь с потребителем. Менеджеру приходит смс с телефоном и именем пользователя. - ссылка

• Все фото любого формата «при публикации» автоматически заворачиваются в блок «div» определённого размера не превышающий размер по дизайну (программно) и отдаётся на индекс роботам с описанием и транслитом.
«Транслит это – Выпадающая надпись при наведении на объект.»

Пример:
<img class="fullimg" src="http://333v.ru/uploads/96/96bbd7899d347157a7ddf5ec28b29ba2.jpg" title="ночных городов мира hong kong city ocean wide 1280x800 Разное" alt="ночных городов мира hong kong city ocean wide 1280x800 Картинки Фото Рисунки HD Wallpapers"></a><figcaption>ночных городов мира<br /> <br /></figcaption></figure><div id="info">Размер картинки: 299.25 Кб<br />Разрешение картинки: 1280 x 800 px</div>
Здесь на примере при просмотре видно что - " title="ночных городов мира hong kong city ocean wide 1280x800 Разное" является одновременно и транслитом. То есть при заполнении окна транслита одновременно прописывается и "title" данного изображения. А эта часть - <div id="info">Размер картинки: 299.25 Кб<br />Разрешение картинки: 1280 x 800 px</div> прописывается автоматически по умолчанию в соответствии со значениями, установленными по проекту «программно». Эта часть кода - " alt="ночных городов мира hong kong city ocean wide 1280x800 Картинки Фото Рисунки HD Wallpapers" берётся с описания изображения.
Это значит, что администратор при оформлении заполняет только транслит и описание данного фото.
Тег - "Wallpapers" По вашему усмотрению! – Возможно, применить только в альбомах (проектах).
• К редактору - HTML- 5 все фотографии в оформлении СеО текста в статьях и разделах статей с оформлением фото на ссылке, без исключения должны иметь такое значения кода с выпадением «транслита» при наведении и транслироваться на готовую страницу в обвёрнутом «оформленном» виде в соответствии с дизайном;
• Все статичные, уникальные фотографии проработанные, прописанные по дизайну должны имеет, такое же значение по коду, но притом «транслит» при наведении на фото не вылетает;
Все проекты «фото отчёты о проделанной работе» должны иметь в админе: Свои, отдельные папки для удаления, хранения, редактирования, СеО инструменты:
1. Title; Keywords; Description – основной страницы проекта;
2. Транслит каждой фотографии проекта, без выпадения при наведении «он же title фотографии»;
3. Описания каждой фотографии «он же alt фотографии»:
4. h1 – не нужен! Просто графа название проекта, которая будет транслироваться на основную страницу «название проекта» тем шрифтом, который вы назначите по умолчанию и по дизайну:
• Максимальное количество фотографий проекта, не должно превышать 30шт «ограничить по умолчанию»;
• Все тени, смена градиента при наведении, эффекты отене́ние при наведении, теснения страниц прописывать программно для более быстрой прогрузи страницы;
• Все окна, включая окна калькулятора, написать нам, отправить смету, проект, прайс лист по e-mail, оставить отзыв в момент заполнения пользователем, имеет выплывающие подсказки и внутреннюю «яркую» обводку пример заполняй-ка «Отзывы» - ссылка (рассмотрим ваши варианты подсказок);
• Если страница не найдена и отдаёт код ошибки «404» ¬то происходит вот что:
Суть как на примере:
Создайте не найденную страницу таким способом - ссылка «после / уберите dizajn_intererov и добавьте 12345» получите результат только в оформленном виде с извинительным текстом что-то вроде - ссылка, но с уникальной картинкой для робота.
P.S – Все статичные картинки, подложки которые применяются в оформлении сайта на 100% должны быть уникальные в том числе и для роботов.

• Крестик для закрытия чего либо - ссылка - с правой верней стороны, зайдите в меню и там будет крестик.
• Стрелка для курсора прямой пример только в цвет дизайна ссылка
• Видео: Любое видео, загруженное на сервер, обворачиваем в такой плагин видео плеера ссылка именно, с такой механикой открытия, с крестиком и механикой при наведении ссылку на открытия.
Видео: На каждой основной странице сайта «включая главную» и «посадочные 2-го уровня» в админ панели на страницы «редактирования» Создать специальный блок с «заголовком» для того или иного видео. Если видео пока не установлено, страница «общего вида» в данном месте склеивается (не увеличивает прокрутку) и не выдаёт пустого пространства. Как только мы установили и активировали галочкой «файл видео», подписав при этом заголовок «о чём угодно». Видео появляется на одной из «9-ти» страниц, на «странице, которую мы редактировали» в обвёрнутом виде в такой видеоплеер ссылка . С такой же механикой открытия, как и закрытия. Задача создать в админе для хранения, удаления, размещения и назначения к разделу или главной, папку видео. А также в данной папке создать функцию привязки основного фото к тому или иному видео, также с функцией редактирования.
• Все второстепенные страницы:
Страница прайса раздела; Калькуляторы; Сами статьи в разделах; Любые диалоги «сметы, проекты, отзывы, заполняйки соц сети, печать, отправить, скачать (кроме прайса в прайсе сразу всё качается без всяких дополнений)». Открываются в виде полупрозрачного окна, пример: ссылка «лаборатория идей» не прерывают при этом трансляцию mp3. Есть крестик «закрыть диалог» по приведённому примеру: ссылка .
• Все кнопки - Не берём в онлайн ссылка
Качество и механика всех кнопок должна быть такая прямой пример: ссылка

Счётчик до конца осталось и Акция

• На каждой основной «посадочной» странице сайта всего 7шт, кроме главной и «другие услуги», имеется свой, присвоенный счётчик до конца «акции» осталось - ссылка , ссылка - точно такой же с перечнем: Дней, часов, минут, секунд. Данный счётчик идеальный и механика отчёта первоклассная «падение таблички как на старых тоблойдных часах на вокзале» также с тенями как на примере. Его и берём за основу. Работает он, не как обычный таймер «после перезагрузки страницы начинает с 2минут», а по честному «сколько поставил времени от того и считает в минус». У каждого счётчика отчитывается своё время.
• Создать в админе специальную папку «акции», где расположить 7 папок раздела акций, по одной папке на раздел. Привязав по умолчанию каждую папку к определённому разделу. В самих папках располагаются акции раздела, основных, всего по 4 штуки на раздел с функцией «активировать одну из них». Проходящая акция может существовать «транслироваться» только в единственном числе на странице того или иного раздела по «принадлежности». По одной акции на раздел и разные счётчики отчитывают разное время, с момента активации (по каждому отдельно).
• Редактируется акция: замена подложки с сохранением предыдущей. Прямой пример ссылка «админ» основная страница (персонально). В части текста, «редактор HTML- 5 не обязателен», но если мы используем HTML код, то на сайте текст появляется в заточенном виде по дизайн и умолчанию размеров «заголовков-h1 , 2 , 3» в соответствии стиля текста по «дизайну» и без лишнего кода «программно».
• Как упоминалось выше по тексту акций на раздел в папке 4шт. Задача проработать и создать подложку для каждого, из отдельно взятого раздела в формате – «gif» не повторяющегося по дизайну, но подчёркивающего принадлежность к разделу и отображающего время года смотрим выше - «Правильный вариант оформления тематики».

То есть другими словами и к примеру:
Если взять папку «акций» натяжных потолков, то здесь видим 4 акции это 4 подложки в формате «gif» заточенные под дизайн отображающий принадлежность к разделу, а так же 4-ём времени года.
Всего получается на 7 разделов по 4 шт = 28+1 уникальных, неповторяющихся, в том числе и по сайту файлов формата «gif». Почему + 1? 1- нужна на главную страницу сайта.
• Подложка должна быть проработана и создана в программе для создания файлов «gif» без потери качества, но с малым весом.
• На подложке в блоке с акцией, располагаем счётчик до конца осталось, рекламный «текст - призыва», кнопку «заказать по акции» с открывающимся диалоге + «капча» с заполнением 3-ух строк: имя; e-mail; телефон:

Текст с подложки акции в индекс, количество текста ограничить программно в зависимости от размера блока.
• Как мы ведем, сайт имеет несколько вариантов отправки по e-mail.
Задача: Прописать отправляемую почту – Заявка по Акции с сайта; Письмо с сайта; Заявка на замер с сайта; Смета; К вам важный вопрос с сайта «Созвездие Комфорта»
Соответственно и заполняйки все разные:
1. Письмо с сайта – Имя, Телефон, Е-mail, Текст сообшения;
2. Заявка по Акции с сайта – Имя, Телефон, Е-mail;
3. Заявка на замер с сайта - Имя, Телефон, Адрес – ул, дом, кв; Удобное время;
4. Смета – без заполняйки;
5. К вам важный вопрос с сайта «Созвездие Комфорта» - Имя; Телефон; Е-mail
Форма в которой приходит автоматическое письмо:
1. Вам письмо с сайта «Созвездие Комфорта»
2. Вам заявка на текущею Акцию с сайта «Созвездие Комфорта»
3. Вам срочная заявка на замер с сайта «Созвездие Комфорта»
4. Ваша смета с сайта «Созвездие Комфорта»
5. Это не спам! К вам обратился человек, с сайта компании «Созвездие Комфорта»
«В тексте последнего сообщения необходимо дописать» Если Вы не хотите получать такие сообщения в будущем, то свяжитесь с нами по тел. 8-929-360-82-77 , 37-82-77 или напишите нам на Е-mail - [email protected]



Немного об основных страницах сайта

Главная

• Данную страницу мы будем продвигать по основным запросам:
строительная компания, строительные компании Омска, сайт компании, отзывы о компании, компании Омска, акции компании, Омские компании.
В соответствии с этим у нас на странице должны быть расположены:
1. Необходимо создать вот такую, полупрозрачную, независимую от прокрутки верхнюю вкладку ссылка и разместить на ней логотип ссылка + основные разделы «услуги» компании в количестве 8шт. Механику «смены» при наведении берём в точности как на ссылка . Данные иконки создать в цвет и интегрировать в дизайн сайта (в полнее допустим вариант «слегка прозрачны») прорисовав при этом их в векторной программе.
2. Демонстрационный блок: Основные картинки «подобрать и уникализировать» в тему страницы, оформив в точно такой же, по механике прогрузи и демонстрации, с функцией остановить кадр при наведении на него, запустить кадр при отведении с него «курсора», само-заменяющейся отображающая суть страницы - «стартовая страница строительной компании». Примой пример: ссылка . Без прокрутки демонстрации. В админ панель создать специальную папку, в которой находятся папки разделов, с файлами для демонстрации на данную функцию. Картинки должны быть высокого качества и малого веса. На данную фикцию с подменными картинками накладываем текст с погрузкой. Идею берём здесь: ссылка. В нижней части картинки «по верх неё» начинает погружаться текст. Сначала проявляется название компании «Созвездие Комфорта», потом ниже проявляется «слоган компании». «Уют в вашем доме» , «Неизменное качество выполненных работ» (текст в индекс). Создать в «админ», в основных папках «фото» принадлежащих к той или иной странице «окна по 3шт на страницу, для заполнения заголовков» данной функции «подгружаемый текст», по функционалу смотрим раздел «Заголовки».
3. Информация о компании «О НАС» и «ЗАКАЗЧИКИ ГОВОРЯТ» делаем всё вместе. Визуально оформляем вот так ссылка - с левой стороны демонстрация всех отзывов, как на примере, с такими же точечками снизу «прокрутка отзыва» (без подмены) ссылки вечные крутим по кругу. В данном «блоке» есть кнопки «НАПИСАТЬ СВОЙ ОТЗЫВ», и со стороны «О НАС» кнопка (ссылка) «РАБОТА В КОМПАНИИ». С право в этом же блоке «текст о компании» (СеО текст в таком же виде и с такой прокруткой с шрифтом установленным программно и по дизайну созданного вами). Пример: ссылка.
4. Ссылка «РАБОТА В КОМПАНИИ». Также есть кнопка связаться с нами. На данной страничке находятся наши предложения по вакансиям. При открытии пользователь видит: с левой стороны фото, а справой стороны текст описывающий вакансию. По центру над каждым блоком «Заголовок» по дизайну «программно». В админе создаём папку для редактирования, удаление, добавления вакансий (кол-во вакансий не ограниченно). + СеО на общею страницу, редактор, окно заголовка, загрузка фото в блок. Количество текста ограничить программно в соответствии с размером блока «под каждую вакансию».
5. Все текущие «АКЦИИ» компании в миниатюре и на одной подложки, проработанной в тематике страницы, в формате «gif», с выводом трансляций всех счётчиков, с кнопками или ссылками для перехода на выбранную страницу «в зависимости, что потребуется для ядра».
6. «ВИДЕО» Тут всё понятно, описано ранние «Заголовок – Видео»
7. «НАШИ ПОТНЁРЫ» Необходимая задача правильно оформить данный «блок» по дизайну и отображения по тематике данного блока. Требуется Установить кнопку «без ссылки» (со значком рукопожатия «грубый пример» ссылка ) ведущую на страницу с партнёрами с кратким описанием предоставляемых услуг партнёров, в форме диалогового окна. Пример: ссылка «лаборатория идей», а также с ведущими ссылками на их ресурсы. Количество текста ограничить программно в соответствии с размером блока «под каждого партнёра». Дизайн данной странички, на ваше усмотрения и фантазию. В админ создать специальную папку, для хранения, удаления , добавления «не ограниченного количества партнёров».
8. «ПОРТФОЛИО» ссылка при наведении всё вот также как «наша команда» - (плавное приближение с небольшим поворотом и открытием квадрата). Выставляем 8 фото проектов небольшого размера «фото» по 1-ой из раздела. Вместо ссылок «как на примере» ставим маленький «логотипчик» при наведении на него, он меняет цвет с градиентом «программно». В админе добавить функцию назначения альбома на раздел или главную. При нажатии на ссылку «логотипчик», открывается, проект привязанный к данному фото в плагине для просмотра - ссылка
• Создать в админ специальную папку «выполненных проектов» в которой будут, располагаться все проекты сайта «по отдельным папкам», по принадлежности к разделу, с функцией добавить, удалить проект в какой либо раздел, добавить на основную 2-го или главную страницу сайта. Настроить и прописать под дизайн, плагин ссылка к данному функционалу «просмотр фото проекта».

9. Полу подвал сайта «Карта + контакты»

Идею полностью берём из страницы «карта» - ссылка
Делаем в точности как на примерено, но с другим подходом:
Берём за основу карты Google, очищаем от лишнего, делаем Прин-Срипт, обрабатываем изображение «под дизайн», накладываем стрелку «с механикой движения», примерно так ссылка и кружок с режимкой «с механикой проявления с примера оригинала».
Источник для ПринСкрипта ссылка .
• Полупрозрачность, механика при наведении на иконки
• Прыгающая стрелка на адресе «прорисованная в векторе», этой же формы и механики, берём с примера, но соответственно в своём оттенке
• Вместо статичных телефонов ставим ссылку «позвонить нам в скайп с сайта» - ссылка сделав её «крутящейся значок скайп» в нутрии кнопки ссылка
• С правой стороны ставим активную ссылку «написать нам»
+«капча» в открывающимся диалоговом окне. подписываем e-mail - [email protected]
• С левой стороны ставим контактные телефоны
(37-82-77 и 89293608277) также как на примере через вертикальное тире.
На все иконки кроме круга накладываем
«выпадающие окно с подсказкой»
Позвонить нам в скайп; Написать нам на e-mail; Контактные телефоны:
По центру на карте такой же кружок, с нашим режимом работы и телефонами, с такой же механикой проявления «демонстрации».


10. Подвал сайта


• С левой стороны подвала сайта, в таком же эстетическом виде, в горизонтальном порядке располагаем «мы в соц сети»: ссылка
Добавляем: «пост в одноклассники» «мой мир», «фейсбук», «гугол+» и «яндекс+». Убираем: «В Контакте», «Твитор».
© 2007-2014 Строительная компания ООО «Созвездие Комфорта» г. Омск
• С правой стороны: Хлебные крошки «или что вы будите использовать при создании ядра» оформленные также как на примере + Яндекс метрика, оформленная под цветовую палитру дизайна «по согласованию».
• Ваша электронная подпись, с кнопкой «без активной ссылки» на внутреннюю, современно оформленную, рекламную страницу, примерно как на примере ссылка.




Посадочная страница натяжные потолки
• Данную страницу мы будем продвигать по основным запросам:
натяжные потолки; натяжные потолки отзывы; натяжные потолки фото; натяжные потолки видео; двухуровневые натяжные потолки; монтаж натяжных потолков; тканевые натяжные потолки:

В соответствии с этим у нас на странице должны быть расположены:

1. Вкладка:
2. Демонстрационный блок: с погрузкой по тексту, проявляется «рекламный призыв», но сначала «Натяжные потолки» потом ниже «Эстетика и комфорт на долгие годы», «Практичная и надёжная система, от протечек сверху» (текст в индекс)
3. По отзывам: Всё тоже, самое, что и на главной странице. Только меняем заголовок на СеО текст, убираем со стороны «О НАС» ссылку на вакансии.
4. Призыв: по правилам ссылка с кнопкой «ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК».
5. Текущая акция раздела: с кнопкой «ЗАКАЗАТЬ ПО АКЦИИ»

6. Фото выполненных проектов: в количестве 4шт, а также здесь добавляется ссылка на «ВЫПОЛНЕНЫЕ ПРОЕКТЫ РАЗДЕЛА» Открывается в новом окне где лежат все проекты данного раздела, далее при нажатии на проект работает плагин ссылка.

7. А также в данном разделе, во «ВКЛАДКЕ» располагаем, статьи раздела

Страница стать будет постоянно расти и пополнятся информационными статьями.
Данный функционал оформляем точно также Пример: ссылка «ЧТО У НАС ПРОИСХОДИТ». А это означает что в разделе «Других услуги» две такие ленты и основная задача в этой ситуации, оформить их по разному! В зависимости от проработанного вами ядра, создаём данный функционал «в кольцо» или «в ленту» на ваш выбор как специалистов.

8. Ссылку на цены раздела добавляем в верхнюю вкладку
Выпадающие, полупрозрачное окно: Пример: ссылка «лаборатория идей», имеет кнопку «Скачать прайс». Данная страница в админ имеет все СеО инструменты и на прямую связанна с калькулятором. Пример: ссылка.

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

11. Видео

12. Полу подвал сайта «Карта + контакты»



13. Подвал сайта

Посадочные страницы:
Окна Пвх, Ремонт квартир, Строительство, Срубы бань, домов, Дизайн интерьеров, Кровельные и фасадные работы.
Всё тоже самое что и натяжные потолки, минус «Каталог цветов» + «калькулятор раздела».

Раздел: Другие услуги
1. Вкладка:
2. Демонстрационный блок: Не требуется!

3. Как реализация функцию других услуг: Пример: ссылка «лаборатория идей».
Создаём такую же ленту предложений (по идеи и по смыслу подходит на все 100%)
Тут смысл, какой! В данной ленте постоянно будут прибавляться дополнительные услуги. При нажатии на услугу открывается окно описания услуги, также как на примере. Пример: ссылка «лаборатория идей», причём в таком же оригинальном заголовке.

4. По отзывам: Всё тоже, самое, что и на главной странице. Только меняем заголовок на СеО текст, убираем со стороны «О НАС» ссылку на вакансии.

5. Основное к разделу «Другие услуги» это проекты.
Ключевой запрос, по которому будет двигаться данный раздел это:
«скачать проект бесплатно»
• Создаём в разделе «проекты домов ….» готовые предложение проектов для скачивания «бесплатно», но с лайком в соц сетях непосредственно перед печатью, сохранением или отправкой на почту.
• В открытом, диалоговом окне с проектами «Другие услуги», мы наблюдаем предложение по готовым проектам.
Пример: ссылка.
При переходе на понравившийся проект - ссылка - мы попадаем «на посадочную страницу». По информации примерно тоже самое что и здесь, всё есть и цена и описание продукта, всё очень грамотно подали! Только переделать, на оригинальный взгляд дизайнера и интегрируем: Заказать обратный звонок, написать нам. Скачать, печать, отправит на e-mail проект через лайк в соц сетях. Проекты скачивается, отправляется, печатается в документе адоде скомплектованный из основных модулей, «блоков».
Формирование идёт из «описание и фото проекта» расположенных на данной странице диалога и накладываются, на заготовленный шаблон адоде.

6. Полу подвал сайта «Карта + контакты»

7. Подвал сайта

Дизайн нашего офиса - ссылка , ссылка , ссылка , ссылка , ссылка , ссылка .
Дизайн визитки - ссылка , ссылка .
Примерные цвета, которые нам нравятся: 4E09D6; 7200CC; 8601B6; 7700A6; 5402C9; 790079; 4509C9; 9A00EA; 88009A; CA00F7; B400CB; 88009A; 650000; 7D0000; 1613EB; 6D1BDB – ПОДБОР ЦВЕТА ссылка.

Где и что лучше разместить - ссылка в контексте, это вам видней!

В конечном итоге:
Предлагайте сваи идеи, высказывайте мнение и виденья для улучшения работоспособности (увеличения продаж), и продвижения по поведенческому фактору.
Сайты, которые нам нравятся:
• Простота, понятность, качество прорисовки деталей, скорость загрузки страниц при своём весе и качестве - ссылка , ссылка , ссылка , ссылка , ссылка .
• Отличный продающий сайт! Особенно понравилась идея по обратной связи «Остались вопросы? Задайте их менеджеру» в течении 5-ти минут связь с потребителем. Менеджеру приходит смс с телефоном и именем пользователя. - ссылка
• Переходы, шрифты, звуковое сопровождение, механика, качество прорисовки деталей, цветовая палитра - ссылка
• Очень нравится качество прорисовки деталей, скорость загрузки страниц на 10+ - ссылка
• ссылка внутренняя оптимизация «роботы и поисковики этот сайт любят».
• Простота, скорость загрузки, порядок погрузок - ссылка
• Уютный хорошо проработанный сайт ссылка
• Нестандартное виденье, подгузки текста и элементов, эффекты при наведении, автоподстройка под экран монитора. - ссылка
• Интересным исполнением главной (перелистывание), выпадающим окном, нестандартным решением в оформлении видео, механикой закрыть окно, отличным оформлением, но к сожалению вряд ли его можно продвинуть в топ 10 поскольку некуда разместить сео тект - ссылка
• Здесь нравится вариант расположения, оформление и прокрутки сео текста - ссылка «JUMO classique».
• Отличная страница описания услуги. - ссылка.
• Улётный сайт! Обязательно докрутите до конца и заберитесь на облако! Если бы мне нужно было рекламировать воду! - ссылка
• Выпадающее окно по механики при наведении на иконку телефона - ссылка
• Отличный современный сайт (очень нравится!), но он обыкновенная визитка в борьбе сео не подойдёт и конечно же огромный минус таких сайтов скорость загрузки. - ссылка
• Нечего сверх естественного (даже с системными ошибками), но они грамотно показывают свой продукт по правилам подающего сайта - ссылка, размещая всё и вся под правильным углом. Даже самому в лагерь захотелось! - ссылка
• Интересное, выпадающие меню с левой стороны. ссылка

Что хотелось бы получить от проекта:
 Завораживающий, незабываемый, не в коем случае не шаблонный и уникальный веб-дизайн сайта.
 Работоспособную, всепоглощающею конкурентов в топе машину, на зависть всё темже.

Каким должен быть сайт

 При посещении пользователем будущего сайта, выше упомянутый должен почувствовать себя как дома: Уютно и комфортно.
 Сайт не должен напрягать глаз и при этом он и не дожжен заставлять пользователя присматриваться к контенту. (переходы чёткие, текст читабельный, но при том не тайс нерома!).
 Сайт должен быть понятным и простым в пользовании, чтобы даже 5-летний смог разобраться, что и к чему. Свернуть

Нужен сайт:
На основе темплейта ссылка (можно обсудить и другие варианты)
сделать 3х язычный сайт рекрутинговой компании.
У конкурентов, что нравится ссылка

Техническое задание
v Сайт компании «Sollers Group»

Логотип в левом углу, в правом углу- контакты и переход на ссылки соц.сети как на этом сайте ссылка ,чуть ниже меню.
Ø О компании- Про нас информационный блок(со старого сайта)
Ø Услуги
Ø Технологии-Иконки языков программирования(как на этом сайте ссылка)
Ø Статистика –Достижения в графике, как то схематически(сколько и кого мы закрыли за последние 2 года)
Ø Почему мы -наши преимущества
Ø Алгоритм сотрудничества
Ø Наши партнёры(логотипы компаний не более 6)
Ø Отзывы партнёров(о нас говорят)3-6 отзывов
Ø Наша команда(3-6 сотрудников с красивым фото и обязательно информацией и достижениями)
Ø Контакты внизу обязательно тоже(желательно с картой гугл,не просто фото,так круто смотрится)



?????Пока не знаем куда и нужно ли ?????

Форма заявка на перезвон
Скачивание КП(с кр. формой для заполнения(телефон, ел. адрес и Имя например)


ссылка
Этот сайт нравится

Пишите предложения по срокам и стоимости Свернуть