Federópticos · Audiocentros — Federópticos & Audiocentros Web Ecosystem, Central Admin with Google Maps API & Headless PrestaShop
Complete redesign and engineering of the Federópticos and Audiocentros digital ecosystem: custom modular Design System, WordPress Theme Core, seamless Headless PrestaShop e-commerce integration, Central Admin connected to Google Business (Maps), and multi-step appointment and in-store eyewear try-on booking.
Client requirement
Unify the digital experience across the corporate portals federopticos.com and audiocentros.com, the partner center landing system, and the PrestaShop online store under a single reusable visual component framework—allowing customers to book appointments, request in-store prescription frame trials, or configure contact lenses seamlessly without platform jumps.
Engineering & implemented architecture
Development of a platform-agnostic Design System (modular HTML/CSS/JS) and a WordPress Theme Core connected via a redesigned central PHP API and Headless PrestaShop architecture. Expansion of the Central Admin to automatically synchronize opening hours from Google Business Profile (Maps), manage dual-format responsive photo galleries (desktop/mobile), and maintain certified specialist profiles (name, photo, license number, and degree) per center. Implementation of a checkout-style appointment booking engine with interactive maps, in-store prescription glasses try-on workflow, online hearing test for Audiocentros, and an integrated customer portal (orders, vouchers, favorites, and custom contact lens API endpoints).
Key components engineered for Federópticos & Audiocentros
Automated and manual opening-hours sync via Google Maps API with error alerting, dual Desktop/Mobile photo galleries with drag-and-drop ordering, and certified specialist profiles (name, photo, license number, and degree) per center.
Evolution of the group’s visual framework into a modular HTML, CSS, and JS Design System capable of generating optimized builds across WordPress, PrestaShop, and future digital products.
Base theme with configurable header, footer, megamenu, and reusable visual modules (sticky point lists, product grids, brand directories, FAQs, guides, and subscription blocks).
Checkout-style appointment booking flow embeddable anywhere on the site: integrated search bar, interactive map results, center side-panel, service selector, and in-store prescription eyewear try-on.
Tailored developments for federopticos.com (interactive comparator slider, low vision, optical help center) and audiocentros.com (Online Hearing Test, Audiovida interactive scroll experience, and service locators).
PrestaShop integrated seamlessly in headless mode within WordPress, exposing custom API endpoints for contact lens graduation parameters, catalog filters, redesigned checkout, and customer account area (orders, vouchers, favorites).
Business value delivered
- Seamless Headless PrestaShop integration inside the Federópticos web experience with custom API endpoints for contact lenses and in-store trials
- Automated and manual Google Business (Maps) opening hours synchronization with live open/closed center status indicators
- Expanded Central Admin managing certified optometrists/audiologists, responsive galleries (Desktop/Mobile), and a new PHP Center API & DTO layer
- Multi-step Appointment Booking engine with interactive map search, service selection, side drawer, and redesigned transactional email templates
- Shared modular Design System and Theme Core powering federopticos.com, audiocentros.com (including Online Hearing Test & Audiovida), and center landings