Разработка сайта для художника-иконописца Юрия Анурина

Цель сайта

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

Задачи сайта

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

Сайт должен побудить пользователя оставить заявку, заочно познакомить с автором и его работами.

Результат

Ссылка на сайт: http://anurin-iconopis.ru/

Версия для компьютера

Вид сайта на компьютере
Версия сайта для компьютера

Мобильный телефон

Вид сайта на телефоне
Мобильная версия сайта

Что было сделано

  • Проведен анализ ниши, собрали список конкурентов и изучили что и как у них сделано
  • Разработан прототип сайта, на котором отобразили примерную структуру будущего сайта
  • Прописали уникальные тексты в Google Документах, которые были оптимизированы по ключевым словам: Иконописная мастерская, художник реставратор, написание икон. А также продумали некоторые преимущества например что художник работает по всей России и за рубежом.
Показатели уникальности текстов на сайте
Уникальный текст на сайте
  • Дизайнер отрисовал прототип в Figma, учтя такие элементы
    • Карусель портфолио в попапе, в котором можно посмотреть описание работы
    • Всплывающее окно формы
Макет сайта в Figma
Макет сайта в Figma
  • Верстальщик сверстал сайт, добавив некоторую плавность в эффектах наведения, учтя нюансы использования сайта на разных устройствах
  • Программист установил сайт на WordPress, чтобы клиент в будущем сам мог добавлять работы в портфолио. И сделал так чтобы сайт быстро и корректно работал на современных устройствах.

Субъективные критерии

  • Постарались чтобы сайт был понятным для пользователей и поисковых систем
  • Чтобы сайт был удобным в использовании

Технические критерии

  • Нет ошибок html, проверяем с помощь https://validator.w3.org/
Показатели валидатора html об отсутствие ошибок
Проверка сайта в HTML валидаторе
  • Нет ошибок в CSS, проверяем с помощью https://jigsaw.w3.org/css-validator/
Показатели валидатора css об отсутствие ошибок
Ошибки в CSS отсутствуют
  • JavaScript файлы написаны с использование модулей, но собраны с помощью babeljs. Что позволяет получить большую совместимость в старых браузерах
  • Системы аналитики установлены через Google Tag Manger с отложенной загрузкой
  • Высокая скорость загрузки сайта

Обзор работы сайта

Обзор сайта от его разработчика

Стек используемых технологий

  • HTML
  • CSS
  • Less
  • JavaScript
  • WordPress
  • Photon API
  • PHP
  • Swiperjs
  • REST API
  • Babeljs
  • LazyLoad

GitHub проекта https://github.com/kalaganov5/anurin-Iconopis и https://github.com/kalaganov5/anurin-iconopis-wp-theme

Кто работал над проектом

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Похожие посты