Требуется "Сайт под ключ"

Интересует только комплексная работа!

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

Детали сайта которые необходимо создавать в векторе «как мы видем»:

Всевозможные блоки; Уникальные кнопки; Значки; Рамки; Уникальные иконки; Указатели; Логотип; Фавикон:

Требуется:

• Создать выделяющейся из общей массы фавикон сайта;

• Создать логотип с образца, высокого разрешения в «векторной программе»;

• Создать уникальный, продающий сайт компании, на 100% удобный «для пользователя» по идеи, но не в формате одностаничника «landing page» (9 -ти основных страниц) в соответствии с правилами подающего сайта, «посадочной страницы» - http://xn----7sbb0bioqq.xn--p1ai/blog/idem-na-posadku-chto-takoe-lending-pejd/ - отдельно под каждую услугу «всего 8 услуг» + «Главная»;

• Создать протестированный вами «самостоятельно», самоподстраивающийся сайт, под всевозможные размеры монитора пользователя, включая «Вариант с компактным меню» под планшэты и смартфоны. Прямой пример, по всем размерам включая «Вариант»: http://saida.avada-soft.com/, с поддержкой и сопровождением mp3, web-технологий таких как HTML5, CSS3, jQuery анимация и Parallax каждой станице сайта;

• Создать сайт на 100% редактируемый в плане «контента и не статичных, «интегрированных фото» из панели администратора.

• Разместить, настроить и оптимизировать созданный вами продукт под хост и на хосте - http://appletec.ru/; домен - http://stroi-rem55.ru -100% по первому пункту и близко к 100% по второму test http://sitespeed.ru/.

• Оптимизировать сайт:

- Oптимизация (сжатие) изображений и скриптов в Page Speed,

- Уменьшение числа Http запросов,

- CSS спрайты,

- Оптимизировать таким образом, чтоб она сама автоматически сжимала CSS и HTML, в конечном итоге выдавал близко к 100% по 2-му пункту testa http://sitespeed.ru/. Пример скорости загрузки страницы - http://slimfitness.ru/ «Ещё быстрей, только приветствуется».

• Настроить все основные предложения компании «посадочные страницы сайта» (всего 9шт), таким образом, чтобы в конечном итоге они появлялись в поиске в таком виде – http://prntscr.com/4zd9ck

По результату - http://yandex.ru/yandsearch?text=%D0%B1%D0%BB%D0%B8%D0%B7%D0%BA%D0%BE&clid=1537597&lr=66 – «Сайт «близко»

• Все моменты связанные с отправками на E-Mail, настроить и привязать к почтовому адресу - [email protected]. В диалоговым окне http://kyivworking.com/ ЧТО У НАС ПРОИСХОДИТ «лаборатория идей» + «капча» без потери трансляции mp3;

• Все дополнительные диалоги, такие как: Скачать; Печать; Лайк в соц сети; Плагин просмотра фото; И.Т.Д, открываются, также в диалоговым окне http://kyivworking.com/ ЧТО У НАС ПРОИСХОДИТ «лаборатория идей» без потери трансляции mp3.

• Создать статичную, правленую перелинковку «ядро сайта» с внутренней оптимизацией семантического ядра таким образом, что при любом низкочастотном или высокочастотном запросе по тематике раздела по 100% револантности все запросы «по ключам раздела» приходились именно на страницу описания тематического раздела 2-го уровня. (не используя при этом ни где на сайте «redirect», «тег » , рандомные ссылки и закольцованность всего контентного содержания сайта по кругу). При этом допускаются варианты – кольцо внутри раздела, лента внутри раздела, метки, подборки. Если вы на 101% не уверенны в вашей структуре, то при разработке системы управления необходимо учитывать шаблонизацию ссылочной структуры и заложить несколько действенных вариантов структуры, для сайта такого рода с выводом контроля выборы шаблона в панель админ.

• СЕО оптимизировать - оптимизация структуры сайта по методу schema.org а также микроразметка яндекса и микроданные гугла;

• Не маловажный момент! Необходимо учесть при создании сайта: Что вся внутренняя ссылочная масса сайта, ни в коем случае не должна дублироваться ссылками или ссылаться «сами на себя». Пример: (если вы находитесь на странице описания «натяжные потолки» то данная ссылка «страница описания натяжные потолки» - становится не активной http://rem-lux55.ru/natyazhnye_potolki). Соответственно данная структура касается всего сайта! Включая основную ссылку (с логотипа) на главную страницу. Постоянной ссылкой со всех страниц сайта «на главную» за исключением самой главной является логотип. Примерно так - http://prntscr.com/51jl3w Конечно же, для удобства пользователя должна быть видимая и понятная ссылка на главную! Поэтому делаем «кнопку – Главная, без ссылки» как на - http://rem-lux55.ru/ - «оставить отзыв». Но при этом! Важно! Не забываем отключить ссылку с логотипа на «главную» если мы находимся на «главной»;

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

• Создать сметные калькуляторы для некоторых разделов «всего 6шт» с редактированием всех параметров. Прямой пример функционала на нашем сайте - http://rem-lux55.ru/ - вкладка калькулятор.

• Создать в админ панель функцию: заменить, удалить фаил «Sitemap»

• Правильно зарегистрировать сайт и его зеркала «основное зеркало http://» по перечисленным поисковым системам с подтверждением владения сайтом через корневую папку с добавлением «Sitemap», на ресурсы: Яндекс; Google; Mail.ru; Rambler; Nigma; Bing; Ask.com; Search – «веб-мастер» Привязав сайт к Омскому региону.

Основные приоритеты для самописного движка на бесплатной основе:

• Бесплатность желательно «самописного» движка в дальнейшей эксплуатации «без обновлений»;

• Минимальная нагрузка на хостинг;

• Маленькая энергоемкость памяти;

• Высокая скорость загрузки страниц при высокой посещаемости -100% по первому пункту и близко к 100% по второму test http://sitespeed.ru/;

• Стабильность работы движка динамического сайта, «без 404» с поддержкой web-технологий таких как HTML5, CSS3, jQuery анимация и Parallax. Каждая разработанная вами страница сайта «страница захвата» «всего 9» должна выгладить максимально эффектно, чтобы повысить показатели.

• Совместимость с современным редактором на бесплатной основе с открытой функцией мыши «вырезать, вставит – правой кнопкой», а также с проверкой орфографии в HTML- 5 на русском языке и без лишнего кода «краказябликов через букву».

Пример как не должно быть: (

 Вот и краказяблики через букву 

)

Пример как должно быть: (

Вот и краказяблики через букву

)

В общих чертах и Кратенько

СеО – Инструменты

1. Основные СеО инструменты распространяются на все страницы сайта и редактируются. «Включая страницы разделов и главную»

meta - Title, meta - Keywords, meta – Description, URL_Адрес страницы с автоматическим переводом русского - «Звукоизоляционные материалы» - «zvukoizolyatsionnyie_materialyi» - через нижние подчёркивание - _ _ . URL_Адрес в админ панели закрыть автоматически после сохранения страницы галочкой от редактирования, «Для того чтобы случайно не поменять – URL страницы».

Заголовки:

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

заголовок,

заголовок

) – заголовок появляется в том формате текста, который определён по умолчанию, дизайну и размеру текста «ЗАГОЛОВОК» По умолчанию и «без лишнего кода» программно!

Другими словами:

№ Заголовка по основным «9-ти» посадочным страницам сверху вниз - Заголовок (1) ; Заголовок (2) ; Заголовок (3) и так далее.

Если мы в Заголовок (1) прописываем «обворачиваем в тэг - h1», то основной странице получаем, заточенный под определённый размер и шрифт текста по дизайну , «

Заголовок» - «ЗАГОЛОВОК»

Если мы в Заголовок (1) нечего не прописываем и не обворачиваем в тэг, то всё равно получаем, заточенный под всё тот же размер и шрифт текста по дизайну - «ЗАГОЛОВОК»

На любую «посадочную раздела или основную, статью, прайс, фото-отчёт» создаём СеО инструменты:

URL Адрес страницы (Вводить на русском) ; Translit URL (Адрес страницы транслитом) ;

Meta: (Title) ; Meta: (Keywords) ; Meta (Description) : прямой пример http://rem-lux55.ru/ «админ» (персонально).

Форма редактора страницы:

Форма редактора имеет:

Дату публикации Число; Месяц; Год - (относится только к статьям) - прямой пример http://rem-lux55.ru/ «админ» (персонально);

Галочка Активации - (относится только к статьям) - прямой пример http://rem-lux55.ru/ «админ» (персонально).

Галочка Открыть – Закрыть: К функции редактировать «URL Адрес страницы» - (относится ко всем редактируемым страницам, кроме ГЛАВНОЙ).

URL Адрес страницы - Закрывается автоматически «галочкой» после сохранения и «не открывается, пока её не нажмёшь» - (относится ко всем страницам сайта за исключением главной).

Кнопка удалить: Удалить! Возможно, только - Одного из партнёров; Статью; В других услугах - «отдельно выделенную услугу»;

Строку из подсчёта сметы «материалы, работы»; Строку из прайса цен «любого раздела».

2. Редактор - HTML- 5

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

По видео: Если мы грузим видео через редактор или назначаем трансляцию с ютуба, то по умолчанию видео обворачивается в данный плагин как на http://celebritycouch.lv/.

По фото: Если мы назначаем фото с выполненных проектов, то на данное фото накладывается «ссылка» и функция открыть тот проект, где лежит данное фото в плагине http://www.gethifi.com/demos/jphotogrid

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

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

Плагин для просмотра «выполненных работ, берём вот этот http://www.gethifi.com/demos/jphotogrid , доработав под цветовую палитру сайта.

Плагин открывается на всю страницу сайта в оформлении - http://kyivworking.com/ «лаборатория идей» и без потери соединения с mp3 сопровождением, есть крестик закрыть просмотр плагина.

Функции по mp3

• Для музыкального сопровождения создать в админ специальную папку и дать возможность загружать, удалять, хранить mp3;

• Создать регулировку уровня звука примерно как на примере - http://web-photos.ru/project/html/min/ «рассмотрим ваши варианты»;

• Музыкальное сопровождение mp3 распространяется на все страницы сайта: Сайт открывается в одном окне браузера «никаких дублирующих открытых окон». В админ в системе редактора (вставить ссылку) стоит по умолчанию «открыть в том же окне». Трансляция начинается на любой странице сайта, с небольшим нарастанием громкости через 3 секунды после прогузки основной информации страницы, дабы не уменьшать скорость загрузки. Между мелодиями (задержку) берём здесь - http://web-photos.ru/project/html/min/ . При смене раздела муз не меняется. А также в правом углу создаём в точности как на примере зафиксированную по соотношению к странице регулировку громкости звука;

• При переходе на другое приложение, соседнюю страницу в браузере, муз сопровождение мягко приглушается на фиксированную отметку 0%;

• При переходе с другого приложения, с соседней страницы в браузере, муз сопровождение мягко нарастает на фиксированную отметку 100% от регулировки громкости с правой стороны страницы;

Пример http://drinksmartwater.com/#/explore-the-sky подложить погрузку

• При включении видео на сайте, звук трансляции плавно и мягко приглушается на фиксированную отметку 0%;

• При включении разговора по скайпу звук трансляции плавно и мягко приглушается на фиксированную отметку по звучанию примерно – 15% от 100% выбранного уровня звука пользователем. По умолчанию уровень звука стоит примерно 60% от общего. Протестируйте пожалуйста привязку к скайпу на http://web-photos.ru/project/html/min/ в момент связи по скайпу;

• После окончания разговора или просмотра видео, звук возвращается в исходную позицию с теми же параметрами нарастания.

Функции калькулятора

Смотрим незаконченный пример на нашем сайте - http://rem-lux55.ru/ вкладка калькулятор

• Жмём рассчитать смету - видим сам расчёт «в готовом виде» ниже кнопки – скачать, печать, отправить на e-mail при нажатии на любую - ► Открывается ещё одно «диалоговое окно» Пример: http://kyivworking.com/ ЧТО У НАС ПРОИСХОДИТ «лаборатория идей» - С функцией поставив лайк соц сетях по выбору - в Мой мир; в Google+; в Одноклассники; и.т.д с заготовленным комментарием, но с возможностью редактирования текста поста пользователем - https://plus.google.com/share?url=http%3A%2F%2Fartexgroup.com.ua%2F

• В готовом оформленном виде сметы по «дизайну», каждого из калькуляторов и отдельно, по работам и материалам, пользователь видит: Стоимость; Количество; Ед. измерения; Сумма: В конце сметы должно отображаться: Стоимость материалов; Стоимость работ; И того по смете:

• Во всех калькуляторах сайта без исключения (из панели админа) – Крутится абсолютно всё: Кол-во; Наименование; Ед. измерения; Цена. Добавляется или удаляется строка материалов, работ и т.д, с соответствующими параметрами. Недоделанный пример на нашем сайте http://rem-lux55.ru/ (персонально).

• К функционалу связанному с - Скачать смету, Отправить смету на e-mail, Распечатать смету, скачать, распечатать, отправить на e-mail проект, привязать скрытую ссылку входа в админ панель.

То есть:

Если пользователь зашел в админ по дополнительной конфигурации к основному домену и авторезировался на сайте, то на всех страницах сайта проявляется «до этого момента» скрытая ссылка для входа в админ панель. Смотрим на примере нашего сайта - http://rem-lux55.ru/ (персонально). Если у пользователя есть такая ссылка, и он вошел в админ панель то значит функционал «лайк в соц» сети в вариантах: Скачать смету, Отправить смету на e-mail, Распечатать смету, скачать, распечатать, отправить на e-mail проект для данного пользователя не действует. «Без ограничений свободно качаем, отправляем, печатаем смету или проекты»

Отзыв

• Создать в полном соответствии с будущим дизайном функцию «трансляции аватара на отзыв». Пример http://kyivworking.com/ «Что говорят?».

• Аватары используются с этого сервиса: https://ru.gravatar.com/ - это довольно популярная тема. "Глобально распознаваемые аватары" привязываются к мейлу. Таким образом, все сайты, поддерживающие этот сервис, могут по вашему мейлу получить аватар. Соответственно, установить аватар на e-mail или изменить его можно там же.

На сайте фото появляется в таком или подобном виде - http://kyivworking.com/ «Что говорят?». Формирование и публикация производиться, только после одобрения модерацией.

• Если пользователь, по какой-то причине не загрузил фотографию на «отзыв».

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

Уже в демонстрации при заполнении, пользователь видеть свой «аватар», в случае если его нет, то в игру вступают заготовленные «аватары» для 3-ёх позиций по умолчанию: (положительны, нейтральный, отрицательный)

примерно так по оформлению - http://prntscr.com/50k9st или что-то в этом роде

Рассмотрим ваши варианты!

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

• Кнопка «загрузить фотографию»

При нажатии на данную кнопку, появляется выпадающие окно пример http://kyivworking.com/ «лаборатория идей», здесь открывается видео-демонстрацией на часть экрана с активной ссылкой на https://ru.gravatar.com/ (открывающейся в новом окне).

Данную страничку не отдаём в поиск, роботы не видят её потому что, она идёт через «кнопку без ссылки».

• Задача: Разработать страницу в форме диалогового окна. Пример: http://kyivworking.com/ «лаборатория идей» «видео инструкция как загрузить Граватар» в соответствии с основным дизайном сайта и применить плагин для просмотра видео http://celebritycouch.lv/#.

Размещаем в данную страницу, видео урок с трансляцией с ютуба http://www.youtube.com/watch?v=E0_Wyh6qClM&feature=youtu.be.

Под видео размешаем ссылку на https://ru.gravatar.com/ в оформленном виде под кнопку «УСТАНОВИТЬ ГРАВОТАР»

Данная страница нигде не редактируется.

• Все моменты, связанные с написанием текста в отзывах, связать с функцией правописания «орфографией» отзыв предварительно отправляем на проверку модерацией сайта.

Необходимо завязать адреса и отзывы и создать специальную папку в админ для их активации, редактирования и удаления – пример на http://rem-lux55.ru/ (персонально), необходимо добавить функцию оповещения о новом отзыве на наш ящик.

Заполняй-ка на отзыв

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

«капча» описан ниже.

• В предварительном просмотре, то есть в момент заполнения в заполняйки, пользователь видит фото или аватарку, уже в обвёрнутом виде «как она будет выглядеть на сайте».

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

• Добавить в админ функцию: сменить пароль и логин «входа в админ панель сайта».

• Добавить в админ функцию: отключить или включить, правую кнопку мыши, функцию выделить. Смотрим на примере - http://rem-lux55.ru/ (защита от копирования).

• Добавить в админ функцию: скрытая ссылка для входа в админ панель пример - http://rem-lux55.ru/ , подробно было описан выше – «дополнительные функции калькулятора».

• Реализовать в коде и правильно настроить, с учётом постоянного дополнения сайта страницами статей, полноценную защиту и «с крайней аккуратностью по первому варианту» - http://usefulscript.ru/bad_bot.php , http://usefulscript.ru/avtoban.php и с принципами - http://pol-za.net/nastrojka-bloga/zashhita-wordpress-metody-zashhity-ot-atak-xakerov-i-botov/

• Все ссылки связанные с отправкой на e-mail, скачать, оставить отзыв. Создать не ссылками, а кнопками «без активных ссылок» пример на - http://rem-lux55.ru/ - «формуляр с правой стороны» кнопка «оставить отзыв».

• На все кнопки: отправить на e-mail, скачать, оставить отзыв. Наложить функцию «открыть в полупрозрачном окне», точно как в примере по механики открытия, с передачей куки в адресную строку.

Пример: http://kyivworking.com/ «лаборатория идей», снабдив необходимыми подсказками, появляющимися, движущимися стрелочками, подсветкой.

Дополнительно – снабдить функцией «капча». http://ecomment.su/contacts.html: оставить отзыв, написать нам на e-mail, отправить смету и.т.д (всё что связанно с отправкой по e-mail).

Капча

Делаем как на приведённом примере - http://ecomment.su/contacts.html , при этом немного доработав идею:

• Надпись «вопроса» должна привлекать внимание пользователя -«переливающимся градиентом» или ваш вариант.

• Исправить ситуацию «движение всего ряда по горизонтали при наведении», на выбранную картинку накладывается обводка «цветом». Рассмотрим ваш вариант.

Сами картинки свободно качаем по указанному выше адресу, уникализируем и ставим.

• Алгоритм рандомной подмены «картинок» при перезагрузки страницы берём там же - http://ecomment.su/contacts.html

Adobe документы сайта

• Задача для дизайнера: Создать оформленный под общий дизайн сайта документ «Adobe» с логотипом и контактной информацией компании, а также активной ссылкой на сайт, наподобие - http://prntscr.com/501lel ждём ваших вариантов!

• Формирование Adobe документа происходит из определённых, информационных блоков на странице и заготовленных шаблонов проработанных по веб-дизайну в соответствии с тематикой скачиваемого документа.

Всего таких шаблонов, 3-шт - Прайс, Смета, Проект.

1. Прайс: Информация формируется с того прайса, на котором находится «пользователь». Информация на странице является не статичной и изменяется в админ панель в разделах прайсы, пример - http://rem-lux55.ru/ (персонально).

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

2. Смета: Всё тоже, самое.

3. Проект: В данном случае не статичной частью является «создание нового проекта, а формирования информации происходит с отдельных блоков текста и фото. Страница примерно такого образца - http://www.ecostroydom.ru/proecty/db/2/dom-iz-brusa-7x10.htm заточенного под ваш дизайн.

Мелочи

• Как оформляем тематику подложки «Правильный вариант оформления тематики». - http://landingpage.bz/#main. Получить бесплатную консультацию ¬+ подарок.

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

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

Только немного подправив эффект:

Пример эффекта http://kyivworking.com/ добавляем цветных фильтров по оттенку сайта с лёгким приглушениям цветов основной «обработанной фотографии» (для уменьшения веса).

• При прокрутки страницы, все тексты, рекламные призывы, заголовки по механики подгружаются как на примере http://www.avada-media.com.ua/index.html только и в обратную сторону http://saida.avada-soft.com/.

• На всех удлиненных страницах сайта «включая главную», которые имеют прокрутку, ставим весьма полезную кнопку, стрелку «НАВЕРХ». С такой же механикой действия и функционалом как на http://www.page-weight.ru/ .

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

Всё в точности как на примере только в цвет дизайна сайта.

Реализовать идею по обратной связи «Остались вопросы? Задайте их менеджеру» в течении 5-ти минут связь с потребителем. Менеджеру приходит смс с телефоном и именем пользователя. - http://www.keramikus.in.ua/index.html#

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

«Транслит это – Выпадающая надпись при наведении на объект.»

Пример:

ночных городов мира

Размер картинки: 299.25 Кб
Разрешение картинки: 1280 x 800 px

Здесь на примере при просмотре видно что - " title="ночных городов мира hong kong city ocean wide 1280x800 Разное" является одновременно и транслитом. То есть при заполнении окна транслита одновременно прописывается и "title" данного изображения. А эта часть -

Размер картинки: 299.25 Кб
Разрешение картинки: 1280 x 800 px прописывается автоматически по умолчанию в соответствии со значениями, установленными по проекту «программно». Эта часть кода - " 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, оставить отзыв в момент заполнения пользователем, имеет выплывающие подсказки и внутреннюю «яркую» обводку пример заполняй-ка «Отзывы» - http://rem-lux55.ru/feedbacks/?feedback_section=1&feedback_opinion=1 (рассмотрим ваши варианты подсказок);

• Если страница не найдена и отдаёт код ошибки «404» ¬то происходит вот что:

Суть как на примере:

Создайте не найденную страницу таким способом - http://rem-lux55.ru/dizajn_intererov «после / уберите dizajn_intererov и добавьте 12345» получите результат только в оформленном виде с извинительным текстом что-то вроде - http://prntscr.com/4y8ukq, но с уникальной картинкой для робота.

P.S – Все статичные картинки, подложки которые применяются в оформлении сайта на 100% должны быть уникальные в том числе и для роботов.

• Крестик для закрытия чего либо - http://celebritycouch.lv/# - с правой верней стороны, зайдите в меню и там будет крестик.

• Стрелка для курсора прямой пример только в цвет дизайна http://delaisaity.ru/Portfolio/

• Видео: Любое видео, загруженное на сервер, обворачиваем в такой плагин видео плеера http://celebritycouch.lv/# именно, с такой механикой открытия, с крестиком и механикой при наведении ссылку на открытия.

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

• Все второстепенные страницы:

Страница прайса раздела; Калькуляторы; Сами статьи в разделах; Любые диалоги «сметы, проекты, отзывы, заполняйки соц сети, печать, отправить, скачать (кроме прайса в прайсе сразу всё качается без всяких дополнений)». Открываются в виде полупрозрачного окна, пример: http://kyivworking.com/ «лаборатория идей» не прерывают при этом трансляцию mp3. Есть крестик «закрыть диалог» по приведённому примеру: http://celebritycouch.lv/# .

• Все кнопки - Не берём в онлайн http://vorabota.ru/zdes-mozhno-samostoyatelno-sozdat-knopki-dlya-sayta-v-graficheskom-onlayn-generatore.html

Качество и механика всех кнопок должна быть такая прямой пример: http://delaisaity.ru/script/demo/button7.html#

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

• На каждой основной «посадочной» странице сайта всего 7шт, кроме главной и «другие услуги», имеется свой, присвоенный счётчик до конца «акции» осталось - http://pixelmedia.pro/ , http://saida.avada-soft.com/ - точно такой же с перечнем: Дней, часов, минут, секунд. Данный счётчик идеальный и механика отчёта первоклассная «падение таблички как на старых тоблойдных часах на вокзале» также с тенями как на примере. Его и берём за основу. Работает он, не как обычный таймер «после перезагрузки страницы начинает с 2минут», а по честному «сколько поставил времени от того и считает в минус». У каждого счётчика отчитывается своё время.

• Создать в админе специальную папку «акции», где расположить 7 папок раздела акций, по одной папке на раздел. Привязав по умолчанию каждую папку к определённому разделу. В самих папках располагаются акции раздела, основных, всего по 4 штуки на раздел с функцией «активировать одну из них». Проходящая акция может существовать «транслироваться» только в единственном числе на странице того или иного раздела по «принадлежности». По одной акции на раздел и разные счётчики отчитывают разное время, с момента активации (по каждому отдельно).

• Редактируется акция: замена подложки с сохранением предыдущей. Прямой пример http://rem-lux55.ru/ «админ» основная страница (персонально). В части текста, «редактор 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. Необходимо создать вот такую, полупрозрачную, независимую от прокрутки верхнюю вкладку http://kyivworking.com/ и разместить на ней логотип http://prntscr.com/51jl3w + основные разделы «услуги» компании в количестве 8шт. Механику «смены» при наведении берём в точности как на http://www.patio.com.ua/ . Данные иконки создать в цвет и интегрировать в дизайн сайта (в полнее допустим вариант «слегка прозрачны») прорисовав при этом их в векторной программе.

2. Демонстрационный блок: Основные картинки «подобрать и уникализировать» в тему страницы, оформив в точно такой же, по механике прогрузи и демонстрации, с функцией остановить кадр при наведении на него, запустить кадр при отведении с него «курсора», само-заменяющейся отображающая суть страницы - «стартовая страница строительной компании». Примой пример: http://www.patio.com.ua/ . Без прокрутки демонстрации. В админ панель создать специальную папку, в которой находятся папки разделов, с файлами для демонстрации на данную функцию. Картинки должны быть высокого качества и малого веса. На данную фикцию с подменными картинками накладываем текст с погрузкой. Идею берём здесь: http://www.avada-media.com.ua/index.html. В нижней части картинки «по верх неё» начинает погружаться текст. Сначала проявляется название компании «Созвездие Комфорта», потом ниже проявляется «слоган компании». «Уют в вашем доме» , «Неизменное качество выполненных работ» (текст в индекс). Создать в «админ», в основных папках «фото» принадлежащих к той или иной странице «окна по 3шт на страницу, для заполнения заголовков» данной функции «подгружаемый текст», по функционалу смотрим раздел «Заголовки».

3. Информация о компании «О НАС» и «ЗАКАЗЧИКИ ГОВОРЯТ» делаем всё вместе. Визуально оформляем вот так http://kyivworking.com/ - с левой стороны демонстрация всех отзывов, как на примере, с такими же точечками снизу «прокрутка отзыва» (без подмены) ссылки вечные крутим по кругу. В данном «блоке» есть кнопки «НАПИСАТЬ СВОЙ ОТЗЫВ», и со стороны «О НАС» кнопка (ссылка) «РАБОТА В КОМПАНИИ». С право в этом же блоке «текст о компании» (СеО текст в таком же виде и с такой прокруткой с шрифтом установленным программно и по дизайну созданного вами). Пример: http://www.newjumoconcept.com/en/#introduction.

4. Ссылка «РАБОТА В КОМПАНИИ». Также есть кнопка связаться с нами. На данной страничке находятся наши предложения по вакансиям. При открытии пользователь видит: с левой стороны фото, а справой стороны текст описывающий вакансию. По центру над каждым блоком «Заголовок» по дизайну «программно». В админе создаём папку для редактирования, удаление, добавления вакансий (кол-во вакансий не ограниченно). + СеО на общею страницу, редактор, окно заголовка, загрузка фото в блок. Количество текста ограничить программно в соответствии с размером блока «под каждую вакансию».

5. Все текущие «АКЦИИ» компании в миниатюре и на одной подложки, проработанной в тематике страницы, в формате «gif», с выводом трансляций всех счётчиков, с кнопками или ссылками для перехода на выбранную страницу «в зависимости, что потребуется для ядра».

6. «ВИДЕО» Тут всё понятно, описано ранние «Заголовок – Видео»

7. «НАШИ ПОТНЁРЫ» Необходимая задача правильно оформить данный «блок» по дизайну и отображения по тематике данного блока. Требуется Установить кнопку «без ссылки» (со значком рукопожатия «грубый пример» http://prntscr.com/517t80 ) ведущую на страницу с партнёрами с кратким описанием предоставляемых услуг партнёров, в форме диалогового окна. Пример: http://kyivworking.com/ «лаборатория идей», а также с ведущими ссылками на их ресурсы. Количество текста ограничить программно в соответствии с размером блока «под каждого партнёра». Дизайн данной странички, на ваше усмотрения и фантазию. В админ создать специальную папку, для хранения, удаления , добавления «не ограниченного количества партнёров».

8. «ПОРТФОЛИО» http://avada-media.com.ua/ при наведении всё вот также как «наша команда» - (плавное приближение с небольшим поворотом и открытием квадрата). Выставляем 8 фото проектов небольшого размера «фото» по 1-ой из раздела. Вместо ссылок «как на примере» ставим маленький «логотипчик» при наведении на него, он меняет цвет с градиентом «программно». В админе добавить функцию назначения альбома на раздел или главную. При нажатии на ссылку «логотипчик», открывается, проект привязанный к данному фото в плагине для просмотра - http://www.gethifi.com/demos/jphotogrid

• Создать в адм