Создание верстки HTML | Веб-студия Webadmin

У Вас есть замечательный, казалось бы, сайт, но на нем постоянно вылетают какие-то ошибки, или некоторые блоки вообще не функционируют? Поздравляем Вас дважды! Во-первых, разработчик сделал свою работу некачественно, допустив ошибки в процессе верстки, а, во-вторых, Вы попали по адресу, ведь веб-студия WebAdmin специализируется на создании и продвижении сайтов в Санкт-Петербурге, поэтому помочь "вылечить" Ваш сайт, сделав качественную верстку HTML-кода, не составит для нас труда!

mackbook mockup1.jpg

Почему стоит выбрать WebAdmin:

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

У Вас остались вопросы? Заполните форму ниже, и мы обязательно свяжемся с Вами в ближайшее время.

Бриф

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

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

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

1. Контактная информация

1.1. Название компании

Сокращенное название

Полное название

1.2. Ответственное лицо, по вопросам заключения договора, приемка работ и т. д.

Имя E-mail

Телефон

1.3. Контактное лицо, по рабочим, техническим вопросам, обслуживание сайта

Имя E-mail

Телефон

1.4. Адрес текущего сайта (если есть)

Адресс сайта

Что не устраивает?

1.5. Укажите желаемый и обязательный сроки сдачи проекта и дату начала работ.

Желаемые сроки

Обязательные сроки

1.6. Бюджет

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

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

2.1 Область деятельности, направление бизнеса вашей компании

Опишите ваши преимущества, отличия, ключевые моменты и специфику бизнеса

2.2. География работы вашей компании

С какими городами и регионами вы работаете?

2.3. Адреса сайтов ваших основных конкурентов

Опишите вашу оценку сайтам основных конкурентов (положительные, отрицательные стороны)

2.4. Каких результатов вы хотите добиться с помощью нового сайта?

Например: "продавать товар на сайте", "привлекать новых клиентов", "поддерживать бренд", "обслуживать клиентов" и т. д.

2.5. Потребности пользователей

Что хотят получить от сайта ваши посетители (цели диктуемые сайту извне)?

2.6. Пользовательская аудитория

Укажите соотношение мужчин и женщин целевой аудитории вашего сайта

Укажите возраст целевой аудитории вашего сайта

Укажите доход целевой аудитории вашего сайта

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

2.7. Целевое действие

Какие действия должен совершить посетитель на вашем сайте, чтобы вы считали, что все прошло успешно?

Позонить по телефону Написать письмо

Оставить заявку Зарегистрироваться

Другое

3. Функционал

3.1. Предполагаемый тип сайта

Укажите предполагаемый тип сайта

Сайт-визитка Сайт-портфолио Блог Социальная сеть Корпоративный сайт с каталогом

Интернет-магазин Информационный портал Одностраничный лендинг Многостраничный лендинг Корпоративный без каталога

Другое

3.2. Функциональные возможности сайта

Укажите необходимые модули, которые должны присутствовать на сайте

Другое

3.3. Система управления сайтом (CMS)

Укажите предпочтительную систему управления контеном на сайте

Битрикс (платная) OpenCart (магазин) Wordpress

UMI не важно

Другое

3.4. Взаимодействие со сторонними программами

Укажите с какими сторонними сервисами необходимо провести интеграцию сайта

1С Яндекс Маркет

Битрикс 24 Социальные сети

Другое

3.5. Языковые версии сайта

Необходимы ли дополнительные языковые версии сайта? Дополнительная языковая версия будет полной копией или упрощенным вариантом (одна или несколько отдельных страниц)?

Только Русский

Русский и Английский

Другое

3.6. Основные требования и пожелания по функционалу сайта

Укажите все, что, с вашей точки зрения, может уточнить задачу по созданию сайта.

3.7. Функционал каталога/интернет-магазина

Отметьте необходимое

Корзина покупок (модуль позволяет добавить товар в корзину, изменить содержимое, количество заказываемых товаров) Система оформления заказов (оформленные заказы с контактной информацией покупателя отправляются на электронную почту администратора сайта) Карточка товара (специальная страница, отображающая подробную информацию о товаре, фотографии товара, технические характеристики и т.д.) Фильтр поиска по каталогу (фильтр позволяет отображать товары по определенным параметрам, например по цвету, производителю, размеру и т.д.) Сортировка по каталогу (модуль позволяет сортировать товары по цене, новизне, популярности) Сравнение товаров (модуль позволяет сравнивать товары по определенным параметрам) Рекомендуемые товары (с этим товаром также покупают) Расчет скидок (в зависимости от суммы заказа или по другим критериям) Хранение истории заказов (для администратора, для пользователя) Настройка способов доставки (самовывоз, доставка курьером) Добавление товаров в избранное Отображение похожих товаров Недавно просмотренные товары Система уведомления покупателей о статусе заказа Расчет стоимости доставки Системы оплаты кредитными картами и электронными деньгами Формирование счета / квитанции для оплаты Импорт/Экспорт данных из/в .XLS, .CSV, .XML Подключение онлайн-кассы в соответствии с 54-ФЗ (если вы планируете принимать платежи физлиц онлайн - обязательно)

Другое

4. Структура

4.1. Разделы сайта

Перечислите все основные и вспомогательные разделы и подразделы. Этот пункт отчасти дублирует раздел функциональные возможности. Достаточно указать в одном месте.

О компании Команда / сотрудники (фото сотрудников, ФИО, должность, контакты) Новости / Статьи / Блог (с подкатегориями) Услуги (отдельная страница или список страниц) Вопросы и ответы Отзывы клиентов / покупателей (в виде текстовых сообщений с контактами или фотоальбома) Цены, прайс-листы События, мероприятия (с категориями, календарем) Портфолио (список реализованных работ / проектов) Лицензии, сертификаты, награды (раздел или отдельный блок, в виде фотоальбома) Партнеры (блок с логотипами партнеров или отдельные страницы с описанием каждого) Документы для скачивания Интерактивная карта (несколько точек на Яндекс/Google карте, например адреса магазинов) Вакансии (с формой отправки резюме) Фотогалерея (с подразделами или без) Контактная информация (адрес компании на карте, реквизиты, контакты для связи и т.д.) Обратная связь (возможность написать письмо с сайта) Размещение рекламы (баннеров) Доска объявлений Система бронирования Личный кабинет (регистрация пользователей, специальные функции в личном кабинете) Каталог продукции Интернет-магазин

Другое

4.2. Навигация по сайту

Какие навигационные меню будут присутствовать на страницах сайта (слева/справа/сверху/снизу)? Какие разделы и подразделы должны содержать?

4.3. Информационные блоки

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

4.4. Обновление информации на сайте

Оцените примерную периодичность обновления информации на сайте. В каждом разделе отдельно.

5. Компановка и дизайн

5.1. Необходима разработка дизайна с нуля (индивидуальное решение), или возможна разработка сайта на основе готового дизайна на выбор?

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

Данный пункт существенно влияет на итоговую стоимость проекта.

5.2. У вас есть Бренд-бук?

Да

Нет

5.3. Приведите примеры сайтов, которые вам нравятся.

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

Можно выделить отдельно понравившиеся блоки из разных сайтов.

5.4. Приведите примеры сайтов, которые вам не нравятся.

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

5.5. Общая композиция сайта.

Левосторонняя По центру На усмотрение дизайнера

Правосторонняя «Резиновая» (во всю ширину экрана)

5.6. Настроение и ассоциации, которые должен вызывать дизайн

Строгий корпоративный дизайн Яркий, броский дизайн Позитивный и веселый Нестандартный дизайн (необычные формы, нелинейная разбивка на блоки, нестандартная сетка, наклонные или изгибистые линии)

Дизайн насыщенный иллюстрациями Минималистичный дизайн (Делается упор на функциональность) Презентационный дизайн (основной акцент на товары и/или услуги компании, дизайн с использованием сложной графики (стилизованных фотографий с эффектами или коллажей)

5.7. Цветовая гамма и насыщенность

Только цвета фирменного стиля и оттенки (если есть) Цвета фирменного стиля и любые сочетаемые с ними Только мягкие пастельные цвета Светлый (светлый и «воздушный» дизайн, с обилием светлых оттенков)

Средний (светлый, с несколькими темными блоками, для расстановки акцентов на странице) Темный (тёмные цвета, возможно темный фон со светлыми) Использовать монохромные темы На усмотрение дизайнера

5.8. Предпочтения относительно типов шрифтов

Гротеск - рубленные шрифты без засечек (Helvetica, Arial) Моноширинные - с одинаковой шириной знаков (Lucida Console) Декоративные

Антиква - шрифты с засечками (Например: Garamond, Times, Bodoni) Рукописные На усмотрение дизайнера

5.9. Адаптивный дизайн

Да, адаптивный

Нет, фиксированный

Укажите ширину экрана

5.10. Наличие фотоматериалов для разработки визуальной концепции

Какого вида фотоматериалы у вас есть? Какова их уникальность?

5.11. Основные требования и пожелания по концепции дизайна сайта

Укажите ваши пожелания и требования к дизайну сайта

6. Дальнейшее развитие и поддержка

6.1. Размещение сайта в интернете

Нужна ли регистрация хостинга и доменного имени сайта?

6.2. Наполнение сайта информацией

Укажите тип и объем информации которой будет заолняться сайт

6.3. SEO (оптимизация сайта для поисковых сервисов)

Необходимо ли нам затачивать сайт под SEO-продвижение? Укажите необходимое.

Построение семантического ядра Создание оптимальной структуры сайта

Написание SEO-текстов Написание SEO-заголовков

6.4. Последующее SEO-продвижение сайта в пискоых системах

Планируете ли вы продвигать сайт в поисковой выдаче Google и Яндекс?

Укажите «вилку» предполагаемого бюджета на продвижение сайта.

Укажите палнируемый срок SEO-продвижения.

6.5. Платная реклама сайта на Яндекс/Google

Требуется ли вам ведение контекстной рекламы? Отметьте необходимое.

Яндекс.Директ

Google AdWords

6.6. Укажите список ключевых фраз по которым ваш сайт могут найти пользователи

Важно если вы выбираете SEO, продвижение, рекламу

Верстка HTML

Есть вопросы?

Бриф

1. Контактная информация

1.1. Название компании

1.2. Ответственное лицо, по вопросам заключения договора, приемка работ и т. д.

1.3. Контактное лицо, по рабочим, техническим вопросам, обслуживание сайта

1.4. Адрес текущего сайта (если есть)

1.5. Укажите желаемый и обязательный сроки сдачи проекта и дату начала работ.

1.6. Бюджет

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

2.1 Область деятельности, направление бизнеса вашей компании

2.2. География работы вашей компании

2.3. Адреса сайтов ваших основных конкурентов

2.4. Каких результатов вы хотите добиться с помощью нового сайта?

2.5. Потребности пользователей

2.6. Пользовательская аудитория

2.7. Целевое действие

3. Функционал

3.1. Предполагаемый тип сайта

3.2. Функциональные возможности сайта

3.3. Система управления сайтом (CMS)

3.4. Взаимодействие со сторонними программами

3.5. Языковые версии сайта

3.6. Основные требования и пожелания по функционалу сайта

3.7. Функционал каталога/интернет-магазина

4. Структура

4.1. Разделы сайта

4.2. Навигация по сайту

4.3. Информационные блоки

4.4. Обновление информации на сайте

5. Компановка и дизайн

5.1. Необходима разработка дизайна с нуля (индивидуальное решение), или возможна разработка сайта на основе готового дизайна на выбор?

5.2. У вас есть Бренд-бук?

5.3. Приведите примеры сайтов, которые вам нравятся.

5.4. Приведите примеры сайтов, которые вам не нравятся.

5.5. Общая композиция сайта.

5.6. Настроение и ассоциации, которые должен вызывать дизайн

5.7. Цветовая гамма и насыщенность

5.8. Предпочтения относительно типов шрифтов

5.9. Адаптивный дизайн

5.10. Наличие фотоматериалов для разработки визуальной концепции

5.11. Основные требования и пожелания по концепции дизайна сайта

6. Дальнейшее развитие и поддержка

6.1. Размещение сайта в интернете

6.2. Наполнение сайта информацией

6.3. SEO (оптимизация сайта для поисковых сервисов)

6.4. Последующее SEO-продвижение сайта в пискоых системах

6.5. Платная реклама сайта на Яндекс/Google

6.6. Укажите список ключевых фраз по которым ваш сайт могут найти пользователи