Ashes Diamonds
Сайт компании производителя памятных аксессуаров
О проекте
Целевая аудитория
Целевая аудитория
1. Люди, которые хотят сохранить память о своих близких или домашних животных через уникальные и персонализированные бриллианты;
2. Люди, для которых важна экология, и которые ценят процесс производства бриллиантов из праха, как более устойчивый и экологически дружественный;
3. Аудитория, ценящая индивидуальность и персональный подход, особенно в сфере украшений;
4. Целевая аудитория, которая видит в создании бриллиантов из праха романтический и символический аспект, связанный с сохранением воспоминаний о близких.
Задачи проекта
1. Создание онлайн-присутствия для компании «Ashes Diamonds» с информацией о ее деятельности, ценностях, и продукции.
2. Передача информации о компании, ее миссии, истории, и основных принципах функционирования.
3. Разработка функционала для удобного подбора продукции, предоставляемой компанией, с учетом потребностей и предпочтений пользователей.
4. Создание механизма для оформления заказов на бриллианты из праха через веб-сайт.
5. Внедрение крутых визуальных элементов и функций, которые делают веб-сайт привлекательным и запоминающимся для пользователей.
Информация о проекте
Команда
2 PM, 2 Frontend, 1 Backend, 1 QA
Основной стек
React.js + Next.js + Laravel
Время разработки
500 часов
Статус проекта
Проект успешно реализован
3D анимации Ashes Diamonds
3D-анимации
Реализован уникальный функционал 3D-анимаций бриллиантов. Этот инновационный элемент позволяет пользователям просматривать продукцию в трехмерном пространстве, предоставляя детальные и реалистичные визуализации. Анимации способствуют более глубокому пониманию внешнего вида бриллиантов, делая онлайн-процесс выбора бриллианта более захватывающим и информативным. Эта технология обогащает визуальный опыт пользователей, придаёт продукции уникальность и способствует привлечению внимания к уникальным деталям и характеристикам бриллиантов.
3D конструктор Ashes Diamonds
Разработка 3D конструктора
Сайт Ashes Diamonds предлагает уникальную функцию — 3D-конструктор бриллиантов. Этот интерактивный инструмент позволяет пользователям настраивать различные параметры бриллиантов, такие как размер, форма и цвет. Благодаря конструктору, посетители могут создавать персонализированные дизайны бриллиантов, адаптируя продукцию к своим предпочтениям. Эта возможность делает процесс выбора бриллианта более увлекательным и индивидуальным, предоставляя клиентам уникальную возможность взаимодействия с продукцией компании.
При скролле активируется анимация слайдера
Анимации при скролле
Реализован эффект анимации при скролле. Эта функция создает визуальный интерес, когда пользователь прокручивает страницу вниз или вверх. Данные анимации придают веб-сайту динамичность и делает пользовательский опыт более привлекательным, усиливая визуальное восприятие и запоминаемость сайта.
Дашборд Ashes Diamonds
Кастомный дашборд
Разработан полностью кастомный дашборд на Laravel, обходя использование готовых систем управления контентом (CMS). Это означает, что вместо стандартных CMS, наша команда разработчиков создала уникальный и кастомизированный инструмент управления данными и контентом, адаптированный специально под потребности проекта.
Этапы разработки
Фронтенд
На проекте Ashes Diamonds заказчик предоставил дизайн, который команда веб-студии OnePix успешно воплотила в жизнь. Frontend часть была реализована с использованием React и Next.js с методологией Server-Side Rendering (SSR) для оптимизации индексации поисковыми системами и улучшения SEO-параметров.
Особое внимание уделялось визуальной составляющей проекта. Для создания 3D-моделей использовалась технология WebGL с использованием библиотеки Three.js. Это обеспечило реалистичные и интерактивные визуализации продуктов, что важно для бриллиантов, представленных на веб-сайте.
Кроме того, для придания дополнительного динамизма и интереса в проекте были внедрены анимации при скролле с использованием библиотеки gsap. Это создало плавные и эффектные переходы между различными секциями веб-сайта, улучшая пользовательский опыт и делая сайт более привлекательным для посетителей.
Бэкенд
На этапе бэкенда проекта Ashes Diamonds был разработан кастомный дашборд с использованием фреймворка Laravel. Данный дашборд предоставляет администраторам и управляющим компании инструмент для эффективного управления данными, аналитики и другими ключевыми аспектами бизнеса.
Использование Laravel обеспечивает надежность, безопасность и удобство разработки. Кастомный дашборд позволяет гибко настраивать функциональность и внешний вид в соответствии с уникальными потребностями компании Ashes Diamonds. Кроме того, отсутствие зависимости от готовых систем управления контентом (CMS) дает больший контроль над всеми аспектами бэкенд-разработки.
Тестирование
Команда QA провела комплексное тестирование с акцентом на гарантирование корректного отображения веб-сайта на различных устройствах и браузерах, а также проверку функциональных решений. Результаты тестирования включали в себя анализ пользовательского интерфейса и опыта использования. В ходе этого процесса выявлены некоторые аспекты, требующие улучшения для общего улучшения восприятия пользователем.
На основе результатов тестирования были внесены изменения в некоторые элементы сайта. Целью этих изменений стало улучшение пользовательского восприятия и опыта использования, обеспечивая более плавное и приятное взаимодействие с веб-сайтом на различных устройствах и в разных браузерах. Эта итеративная доработка сайта осуществлялась с целью обеспечения оптимального функционирования и удовлетворения пользовательских ожиданий.
Результаты
1. Успешно разработан корпоративный сайт, который эффективно представляет компанию «Ashes Diamonds» и ее уникальные продукты;
2. Реализация функционала подбора товаров, который позволяет пользователям выбирать продукцию, соответствующую их потребностям, а также удобный механизм оформления заказов через веб-сайт;
3. Разработка административной панели для управления содержимым сайта и обработки заказов, обеспечивая удобство для администраторов;
4. Внедрение визуальных элементов, которые делают веб-сайт привлекательным и запоминающимся, что может включать в себя креативные графические решения и интересные визуальные эффекты;
5. Получены положительные отзывы от людей, которые идентифицируются с целевой аудиторией и находят интерес в уникальных бриллиантах, созданных из праха.
