The main catalog page was designed with active filters, optional grid, list, and map views, and optimized for reader scannability. Horse buyers needed to track open and close times and prices with ease. The single horse listing page displayed all the vital information a buyer might need, weighted by importance—type, sex, breed, heritage, photos, videos, mapped location, clear description, pedigree information, and race history. Real-time bid information was displayed in a fixed panel to the right, allowing buyers to make informed value judgments on bids quickly.
For auction power users and consigners, we designed a quick modal shortlist of all the horses a buyer was watching, with the ability to bid inline on any page of the site. Interface elements were designed to be breathable, spacious, and communicative, countering the typical online auction experience of cramped, outdated UI with a calm, modest interface.
Email notifications played a critical role in the user experience. We hand-coded email templates to match the Wanamakers brand, ensuring they contained the right information needed for buyers and sellers without overwhelming them.
Building the auction platform from scratch was a considerable undertaking. We developed a custom Laravel, Nuxt, and Stripe platform for high-concurrency, low-latency bidding, setting a performance benchmark for the system of 10,000 active bidders within 100ms of each other with no discernible lag. Websockets was a foundational technology in meeting this metric, with bids updating near-instantaneously even at scale.
We modeled and tested highly complex bidding scenarios for months to ensure the Wanamakers platform would be flawless, balanced, and fair at all times. The platform was built using websockets on Laravel with a Nuxt JS frontend and Tailwind CSS for the UI elements.