Подробное описание

1. Поставить метрику в форму быстрого заказа на сайте: http://chashechka-surgut.ru (метрика установлена, но работает только при заказе через корзину)

2. Поставить код пиксель от ВК, чтобы работал с корзиной и быстрым заказом.

3. Зависает форма заказа, заявка на почту приходит, а форма на сайте висит, клиенты отправляют заявку по многу раз, исправить. http://skrinshoter.ru/s/090119/Qb8x18HW ( сделайте тест заказ и все поймете) Пункт 3 в приоритете, если не получиться исправить форму, нет смысла ставить метрику и пиксель!

Работа была выполнена на совесть, клиент остался доволен.

Было сделано кроме требуемых задач еще и прописывание дополнительных целей.

Отзыв:

+Цели метрика

Будем работать дальше! Быстро и в срок выполнил задание.

Будем работать дальше! Быстро и в срок выполнил задание.

+Метрика и пиксель, сайт на ocStore.

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

Задание:

Здравствуйте! Требуется внести изменения в шапку сайта на wordpress. Не можете сделать как написано? Вроде все просто. Ваши предложения?

1. В шаблоне вордпресс сдвинуть заголовок влево

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

3. Почта и инстаграм д.б. кликабельными, ссылки должны открываться в новой вкладке

4. телефон должен быть кликабельным, на мобильной версии предлагать набор номера.

5. Под телефоном должна быть информация про возможность связи по вайбер или вотсап (значками или текстом), и кнопка «Перезвоните мне» — текстовая или графическая. Фон кнопки яркий красный или желтый. По клику на кнопку открывается страница для обратной связи в новой вкладке. ссылка на страницу http://stilist.ru.com/zakazat-obratnyj-zvonok/

6. Вся шапка в мобильнйо версии желательно должна занимать не более 1/3 экрана в книжном расположении при разрешении экрана 720 на 1280.

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

9. Процесс вставки в файлы на сайте записать в виде экранки или сделать скриншоты с тем, что и куда вы вставляете, чтобы знать, где и что лежит и как чинить, если шаблон обновится. Если экранка сможете записать, вообще круто. Записывается легко с помощью Quick time Player например. Могу научить))

10. Результат работы вставить в шапку двух сайтов с одинаковым шаблоном. Доступы дам.

макет на бумаге, все понятно
Было до начала работы

Решением задачи было добавить еще один блок виджетов в шапку сайта. Далее изменив и добавив стили к элементам получили промежуточный результат.

Клиент в целом доволен, изменив несколько стилей клиента устроил результат

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

Идея и структура сайта

Основная идея и задача сайта. Одна страница или несколько? Структура сайта, основные блоки.

Исследование

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

Эскиз сайта или прототип

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

Содержание

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

Дизайн

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

Реализация

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

Традиционный процесс технической реализации состоит из следующих этапов:

HTML верстка

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

Интеграция верстки в систему управления сайтом (CMS)

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

Наполнение сайта контентом.

Как правило, окончательное наполнение осуществляет контент-менеджер — сотрудник клиента, который в дальнейшем будет поддерживать сайт. Наполнение происходит с помощью админки системы управления сайтом через визуальные редакторы («визивиги», WYSIWYG — What You See Is What You Get).

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

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

Этапы

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

  1. Составление ТЗ. Начало работы характеризуется подробным планированием целей и функционала сайта, делаются прикидки на его структуру и оформление, а затем составляется подробный перечень работ, который утверждается заказчиком. Занимается этим менеджер проекта.
  2. Юзабилити. В этот момент определяется довольно широкий ряд вопросов от того, какой будет структура страниц на запланированном сайте, до того, каким в данном случае будет наиболее удобный вариант подачи информации. Здесь требуется совместная работа менеджера и дизайнера.
  3. Графика. Дизайнер создает визуальное представление о сайте, включая в него разнообразные элементы, призванные как сделать страницу более функциональной, так и просто украсить ее. После этого утверждается макет сайта в виде графического рисунка.
  4. Верстка. Работая вместе программистом, дизайнер реализует свою задумку в виде кода, который позволит картинке отображаться в браузере.
  5. Вебмастеринг. Последний этап, когда сайт размещают на хостинге, наполняют информацией и приступают к его продвижению в топ поисковых систем. Сайт уже доступен пользователям.

Кто такой веб-дизайнер

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

Веб-дизайнер – это многорукий волшебник, который может совместить в себе функции менеджера, дизайнера, программиста, верстальщика, смм-щика и многих других. То есть ему под силу полностью создать и запустить сайт, проведя все работы с нуля и до финала. Однако он может делегировать часть обязанностей другим лицам с целью оптимизации работы, а сам при этом осуществляет контролирующие функции. Таким образом, веб-дизайнером называется профессионал широкой специализации, занимающийся созданием веб-ресурсов. А сам web-дизайн – это поэтапное создание сайта.