Сайт BelkaBrut

Опубликовано 17.01.2019 в разделе «Фигачу»
Кликабельно (перейти на dev.belkabrut.ru)

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

Сайт сделан в минималистично-легком стиле.

Мини-игра на главной

Вся графика игры в SVG, что исключает потерю резкости при любом разрешении монитра и уменьшает её размер. Игра адаптивна и прекрасно выглядит и работает на мониторах с разрешением от HD до 4K.

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

Раздел работ

Разработан раздел для публикации работ BelkaBrut, в который попадают записи из определенной рубрики.

Учтено множество вариаций структуры контента, чтобы при любом возможном «креативе» контент-менеджера ничего не «съехало» вне зависимости от устройства посетителя.

Контакты

Форма обратной связи в мобильной версии сделана на той же странице в статической версии, а не в модальном окне.

404 страница

404 страница

Мобильная версия

Мобильная версия адаптирована, как под вертикальную, так и горизонтальную ориентацию смартфона. Все элементы продуманы с точки зрения удобства нажатия на них с сенсорного экрана. Ради «облегчения» страниц исключены многие элементы, которым в мобильной версии быть не обязательно.

Отмечу, что стили для мобильной версии заданы не через медиазапросы, а подгрузкой через PHP определенного  файла стилей, чем удалось максимально «облегчить» сайт.

Анализ быстродействия сайта

По данным Google Pagespeed Insights

Главная
(с загрузкой мини-игры)

Компьютеры
Телефоны

Рубрика работ

Компьютеры
Телефоны
Вернуться обратно в Фигачу или на главную?