Muhammetcay.com: сайт-портфолио и услуг 3D

Проблема

Размещение работ разных типов в одном длинном списке затрудняло сравнение проектов. Требовалось визуальное вступление, при этом ссылки на реальные проекты, описания и способы связи должны были оставаться доступными.

Решения по реализации

• Вращающийся мир на Three.js на главной странице, орбитальные связи и изображения проектов, привязанные к прокрутке.
• Элементы управления вправо-влево для тех, кто хочет перемещаться без прокрутки; опция остановки движения.
• Отдельные теги для клиентских сайтов и личных проектов; отдельные страницы для игр, ботов, приложений и видео.
• Контент, читаемый в первом HTML в услугах и руководствах; на этих страницах 3D сцена не загружается.
• Прямые ссылки на WhatsApp и начало беседы в зависимости от темы.

Инфраструктура и причины

Сайт использует статический HTML, CSS и JavaScript; 3D сцена работает только на главной странице. Для страниц с контентом не потребовался новый фреймворк приложения или база данных. Публикация осуществляется на Vercel с собственным доменным именем. Канонические адреса, карта сайта и структурированные данные, совместимые с видимым контентом, добавлены на страницы.

Проверка и ограничения

Меню, ссылки на проекты, переполнения мобильного экрана, ответы страниц и цели связи проверяются с помощью тестов браузера. Автоматический поворот мира измеряется без прокрутки; изучается в размерах для настольных компьютеров и телефонов. Эти проверки не являются данными о скорости реальных пользователей или измерением поискового рейтинга. Не утверждается, что было проведено аппаратное тестирование, охватывающее все физические устройства.

Соответствующие услуги и подготовка

Дизайн веб-сайта и техническое SEO являются двумя рабочими областями этого проекта. Для аналогичного сайта вы можете определить потребности в содержании и функционале с помощью списка подготовки предложения.