Prototip navegable de l'eina de consulta i compartició de tarifes. Cada pantalla s'obre en una pàgina pròpia amb els seus estats, la vista desktop i mòbil, el selector d'idioma i la capa d'anotacions per a desenvolupament.
Comercials i administratius: accés, consulta de les 8 tarifes i gestió dels enllaços compartits.
Accés amb correu i contrasenya. Camp de contrasenya únic amb commutador de visibilitat i recuperació de contrasenya.
Les 8 tarifes en una taula escanejable: abast, data d'actualització, enllaços actius i accions per consultar o compartir.
Llistat d'enllaços amb nom, estat, data, nombre d'accessos, cerca interna i paginació. Copiar i revocar des de cada fila.
Diàleg sobre el dashboard. La tarifa arriba fixada des de la seva fila i s'hi afegeix un nom per identificar l'enllaç.
Confirmació explícita abans de revocar, amb la conseqüència descrita, i estat posterior de l'enllaç.
La mateixa cerca i el mateix llistat per al client extern i per a l'usuari intern. El context intern només afegeix el retorn al dashboard i el canvi de tarifa: commuta'l al rail de cada pantalla.
Cercador de tres camps opcionals amb el botó al costat, suggeriments de referència i producte, i el llistat complet de la tarifa paginat des del primer moment.
Referències amb els atributs que les diferencien i el preu a la dreta. Inclou coincidència única, sense resultats i error.
Fitxa d'un producte concret —Bora Surface, no la col·lecció Bora— amb descripció, imatges, referències de catàleg amb preu i fitxes, especificacions, acabats, documentació, enllaç a beneito-faure.com i productes relacionats de la família.
Fora d'aquesta entrega. Pantalla per a un enllaç inexistent, incorrecte o revocat, sense terminologia tècnica.
Tarifa → família → producte → referència → característiques → preu. Cada referència té preu propi dins de la tarifa consultada; el producte agrupa referències i no té preu.
Productes, famílies i nomenclatura de referències corresponen al catàleg de Beneito Faure (Fine 31, Alp, Bora, Zero Q/D/T, perfils). Els preus i els noms de les 8 tarifes són simulats: caldrà substituir-los pels reals del PIM.
Wireframe pensat per complir WCAG 2.2 AA: labels visibles, errors textuals, targets de 44 px a mòbil, estat comunicat amb text i forma, i taules amb capçaleres semàntiques. Les notes del panell dret recullen el que s'ha d'implementar al codi.