Разработка сайта «Бузунов»
Ведущий российский эксперт по лечению бессонницы, храпа и апноэ сна. Специалист в области гигиены сна и спальни (Sleep Wellness).
Предыстория
Отличительной особенностью были основные клиенты сайта. В подавляющем большинстве это возрастные люди с проблемой зрения. Роман Вячеславович уточнил, что его клиенты ставят масштаб в браузере или операционной системе +125-150%, как и он сам. Поэтому сайт должен быть адаптирован для текста как на 100% масштабе, так и на 150%.
Описание этапов работы
Роман Вячеславович публичная фигура, он много выступает с докладами и лекциями, а также частый гость различных подкастов и печатных изданий. На сайте должны быть ссылки на видео с его Youtube-канала с превью изображениями, а чтобы администратор сайта каждый раз не испытывал трудности с их загрузкой, был придуман лайфхак.
В админке было выведено поле для вставки некоего айдишника, такой есть у каждого видео.
В код я добавил следующую строку:
<img src=»http://i3.ytimg.com/vi/<?php the_field(‘id’); ?> /hqdefault.jpg»>
В итоге администратору нужно лишь скопировать и вставить айдишник, а превью автоматически окажется на сайте. Помимо «hqdefault» есть и другие разрешения, например, maxresdefault – оно больше, но у старых видео его может не оказаться и вместо изображения получим заглушку.
Одной из самых сложных задач было создание тестов для посетителей. Например, для оценки уровня стресса, на сонливость, для определения хронотипа (сова или жаворонок) и т.д.
Тесты были двух видов – с одним ответом (радио-кнопки) и с множественным или нулевым выбором (чекбоксы). У тестов с одним ответом должна быть проверка на то, что все поля заполнены, а если на какой-то вопрос нет ответа, то он должен подсвечиваться красным цветом. У тестов есть кнопка очистить, чтобы сразу сбросить все отмеченные ответы.
Есть тесты, у которых разный ответ имеет разный «вес», например, за отмеченный вариант А будет начислено 0 баллов, тогда как за вариант Б дают 1 балл, а за В — 2 балла. В следующем вопросе цена может быть иной, это все нужно учитывать. В конце все баллы должны суммироваться и выдать резюме под набранные баллы.
Эталонного варианта у меня не получилось, осложняющим фактором был постоянный апгрейд тестов от заказчика. Однако вариант получился рабочий, протестирован много раз мною и самим заказчиком, после финальной версии жалоб не поступало, код прикладываю.
После нескольких месяцев упорной работы и переносу контента, я передал исходные файлы готового сайта заказчику, где он уже сам заливал их на свой хостинг. С того момента прошло уже почти полгода, жалоб от клиента я не получаю, зато получил приятный отзыв о своей работе:
«Я заказал у Александра разработку персонального сайта. Дополнительная сложность заключалась в том, что надо было не только сделать достаточно сложный индивидуальный дизайн и многоуровневую структуру, но еще и перенести контент со старого сайта без потери ссылок на многочисленные статьи.
Александр прекрасно с этим справился, по ходу дела терпеливо выслушивая и воплощая в жизнь мои дополнительные хотелки по доведению сайта до идеала :-).
Рекомендую Александра как высококлассного специалиста и просто хорошего человека.»