Web Analytics Made Easy - StatCounter
Главная Работы Geriatrix: энциклопедия с баннерной системой

Geriatrix: энциклопедия с баннерной системой

Geriatrix: энциклопедия с баннерной системой

Описание

Энциклопедия комплектующих и ПО

К нам обратился европейский заказчик с целью провести проектирование и разработку дизайна своего проекта. Geriatrix это уникальный проект, представляющий из себя энциклопедию комплектующих и программного обеспечения.

Это огромный справочник выпущенных видеокарт, материнских плат, сетевых карт, контроллеров, жёстких дисков и прочего. Также есть каталог программного обеспечения, разбитый на типы по назначению.

Каталог документации устройств

Каждое устройство сопровождается документацией. Для этого существует отдельный раздел с классифицированной документацией, которая привязывается к энциклопедии.

Баннерная система

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

Новостное содержимое

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

Geriatrix энциклопедия с баннерной системой

Бэкенд

Фреймворк бэкенда

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

Выбор был сделан в пользу Laravel так как по сравнению с Symfony его проще документировать и больше специалистов. Это не умаляет достоинств Symphony, мы любим и уважаем этот фреймворк, но именно для этого проекта, в имеющихся условиях мы предпочли Laravel 7-й версии. 8-я версия, по нашему мнению, на момент проектирования была ещё слишком сырой да и изменения по сравнению с предыдущими версиями не пошли ей на пользу в свете этой конкретной задачи.

Импорт данных

Мы понимали, что придётся импортировать много данных из разных источников поэтому предусмотрели парсер.

Фронтенд

Публичный фронтенд

В виде фронтенда нас вполне устроил Vue.js, который способен не только обеспечить оперативный вывод содержимого, но и прекрасно взаимодействует с Laravel. Взаимодействие с бэкендом осуществляется с помощью API. Важная роль отведена «нативному» JavaScript вместо jQuery.

Интерфейсная часть

Для интерфейса мы, традиционно для себя, выбрали Semantic UI. Точнее, одну из его модификаций. Это позволяет осуществить разработку интерфейса в соответствии с высокими стандартами, принятыми в нашей команде. В первую очередь это скорость работы проекта без которой невозможна конверсия и рентабельность.

Выполненные работы

Проектирование

Разработан стек: технологии фронта, технологии бэка. Заказчику предоставлено несколько вариантов реализации с отличающимися сроками реализации и бюджетами.

Разработка дизайна

На основе выбранного стека были разработаны в Figma эскизы основных шаблонов фронтенда и объединены в интерактивный прототип.

Музыкальное сопровождение процесса

♬ Phone Down by Erykah Badu
♬ Caint Use My Phone (Suite) by Erykah Badu
♬ Hi by Erykah Badu
♬ U Use To Call Me by Erykah Badu
♬ What’s Yo Phone Number / Telephone - Medley / Ghost Of Screw Mix by Erykah Badu
♬ I'll Call U Back by Erykah Badu
♬ Pain is Overrated by Volkor X
♬ Firefight by Volkor X
♬ Martian Shuffle by Volkor X
♬ Boy in a Box by Volkor X
♬ Prisoners by Volkor X
♬ Someone Else's Dream by Volkor X
♬ Countdown by Volkor X
♬ Collapse by Volkor X
♬ Lost and Found by Volkor X
♬ The Red Sands of Mars by Volkor X
♬ Flight by Volkor X
♬ Spiders of Mars by Volkor X
♬ Saying Goodbye by Volkor X
♬ Nine Lives by Volkor X
♬ Answers by Volkor X
♬ Stratos by Volkor X, Feather
♬ Beam by Volkor X
♬ Crimson Clouds by Volkor X
♬ Crimson Clouds by Volkor X
♬ Shoot Them Up by Volkor X
♬ Gravity by Volkor X
♬ Atomic Dust by Volkor X
♬ Prologue by Volkor X
♬ Heart Wired by Volkor X
♬ Harmonia by Volkor X



Разработка сайтов и сервисов

Раз в неделю мы отправляем дайджест с самыми популярными статьями. Подпишитесь на наши новости и мы сделаем для вас бесплатно аудит вашего сайта.