СОЗДАЮ САЙТ БРЕНДА СЕРЕБРЯНЫЙ КЛЮЧ
Ранее был разработан мною логотип бренда "Серебряный ключ" (ссылка на этот проект) Теперь же я делаю представительский сайт компании для этого бренда..
Практически, 90 % веб-проектов в настоящее время можно отнести к классу "представительский сайт", назначение которого следует из названия. Это интернет-офис компании, который содержит всю необходимую информацию о компании, ее деятельности, предоставляемых услугах и товарах. Функционал самый разнообразный, наличие которого диктуется необходимостью. Имеет CSM (систему управления сайтом), может обновляться компанией самостоятельно, предполагает один или несколько пользовательских сценариев нахождения на сайте.
Алгоритм разработки сайта
Подготовка информационного содержания (контента) сайта.
Заказчик с моей помощью (консультирование и поддержка) готовит материалы, которые хочется видеть на сайте и отображающие деятельность организации - владельца сайта, ее миссию, особенности, преимущества, услуги, цели и задачи и пр. информацию, которую через сайт организация желает сообщить миру о себе.
Обрабатываю полученные материалы, форматируя их в вебом понятный формат, при необходимости делаю дополнительные запросы на материалы, которых не хватает… помогаю по мере сил, короче… Делаю тексты для отдельных блоков, исходя из необходимости формирования нужного пользовательского сценария. На основании всего полученного в качестве пожеланий… определяю функционал и структуру сайта и конкретизирую бриф, который после согласования сторон и просчета стоимости проекта фиксируется как основание для выполнения разработки.
Определение Сео-структуры.
Заказчик определяет по одному ключевому запросу для главной страницы и (желательно, но не обязательно) для страниц основных разделов сайта. (запрос - это та фраза, по которой поисковик будет искать страницу.
На базе этих запросов я делаю выборку через сервис и подбираю наилучшие варианты ключевых фраз, актуальных для сегодняшнего состояния поисковой системы, прописываю их в тексты и формирую сео-ядро сайта
Прототипирование
В соответствии с утвержденным брифом определяю структуру сайта и отдельных его страниц и готовлю прототипы, демонстрирующие в наглядном виде внешний вид сайта с учетом его типографики, функционала, стилистики и дизайна. (Прототип — это детальный план веб-страницы, который используют, чтобы продумать структуру страницы и логику работы интерфейса до окончательной отрисовки графических элементов.)
В данном случае создаю шаблоны главной страницы сайта, страницы статьи, раздела, страницы контактов, которые предоставляю для согласования
Иллюстрация 1. Прототипы формообразующих страниц сайта
дизайн сайта
Формирую в Figma макеты необходимых страниц – шаблонов сайта – определяя стиль их оформления, детализацию, использование иконографики и иллюстраций, готовлю необходимые варианты для создания элементов иконок, отбивок, заставок, корректирую все в фотошоп, все изображения форматирую по возможности в удобный и легкий *.webp, определяю размер картинок для наилучшего отображения в веб. Затем переношу это оформление с помощью CSS и непосредственно файлов иллюстраций в код сайта, прописываю для них теги и пр. проверяю отображение на страницах, оптимизирую их в соответствии с правилами разметки HTML5 и Bootstrape
Иллюстрация 2. Элементы дизайна сайта
Верстка
Регистрирую услуги хостинга и доменного имени, подключаю домен к аккаунту хостинга, делаю настройку аккаунта и разворачиваю там систему управления сайтом, на которой и прописываю код шаблонов сайта… и установленные необходимые для работы сайта плагины
После утверждения прототипов, переношу их в вид HTML кода, проверяю, прописываю необходимый функционал с помощью PHP и скриптов, прописываю контент, проверяю работу всех блоков и функциональных модулей и предоставляю готовый сайт на утверждение Заказчику
После утверждения работы провожу оптимизацию кода, тестирование с помощью специальных сервисов и проверку валидности кода, готовлю и передаю бразды правления к сайту. Запускаю сайт…
После окончания разработки сайта в случае необходимости заключаются дополнительные договоренности о технической поддержке сайта, его администрировании. Или же передаются Заказчику инструкции в письменном виде по самостоятельному редактированию и администрированию сайта.
(C) Дизайнер - Игорь Мальцев. 28.02.2025
