Header productpagina, carrière en dealspagina's – Development-iteratie #348

De afgelopen sprints hebben we gewerkt aan meerdere verbeteringen die we graag met jullie delen. In deze update: de laatste aanpassingen aan de header van de productpagina, een andere opzet van de carrièrepagina en dealspagina's per Pricewatch-categorie.

Header van de productpagina

In het vorige .plan maakten we ruimte in de header door Vergelijken, Willen en Hebben te verplaatsen naar een menu. Die ruimte is nu ingevuld. Naast de reviewscore staan labels die direct laten zien of een product in een Best Buy Guide staat, door ons getest is, een award heeft of in prijs is gedaald. Daarom maakten we ruimte: de redactionele signalen staan nu bovenaan de pagina, waar je ze als eerste ziet.

Daarnaast zijn de producttitel, de productafbeelding en de knop voor een prijsalert groter geworden. Op desktop staat de afbeelding nu links van de titel. Ja, dat kost ruimte, maar de header oogt daardoor rustiger. Hiermee is de header zoals we hem in .plan #346 voor ogen hadden.

Carrièrepagina

De carrièrepagina op Tweakers hadden we helemaal in eigen beheer. Deze had een eigen database, een import, backend en frontend met filters. We ontwikkelden daar nauwelijks aan, maar de code zat wel regelmatig in de weg bij aanpassingen elders op de site.

De vacatures zelf kwamen altijd al via Nationale Vacaturebank. Die tonen we nu via een widget van Nationale Vacaturebank. Het aanbod is daarmee gelijk gebleven. De filters zijn wel anders: de Tweakers-filters zijn weg en daarvoor in de plaats staan de filters van Nationale Vacaturebank, die beter aansluiten op dat aanbod. Daarna konden we een flinke hoeveelheid oude code opruimen.

Dealspagina's per categorie

Op de algemene dealspagina stond al een overzicht van prijsdalingen, met bijbehorende filters. Binnen een categorie bestonden die filters niet of waren ze slecht te vinden. Daarom heeft elke Pricewatch-categorie nu een eigen dealspagina, bijvoorbeeld die van smartphones. De criteria voor een deal zijn niet veranderd. Het zijn dezelfde filters, nu per categorie. Zo vind je sneller een prijsdaling binnen de productgroep waarnaar je zoekt, ook in aanloop naar Black Friday.

En verder

• Shopfilters werken nu ook in de shoplijst op de productpagina zelf. In .plan #329 schreven we dat ze voorlopig alleen in het prijsoverzicht (toen de slide-in, nu de modal) werkten. Dat is hiermee opgelost.
• We hebben de weging van shopreviews aangepast. Recente reviews tellen zwaarder mee en er is een betrouwbaarheidsdrempel toegevoegd. Een shop met veel goede reviews komt daardoor hoger uit dan een shop met één 5-sterrenreview. De volledige uitleg staat achter het i-icoon bij de prijslisting.
• Rond Black Friday krijgt een aantal elementen op de site tijdelijk een andere vormgeving. Dat staat al klaar, maar zie je pas tegen die tijd.

Reacties (3)

[Neus]

Mooie en bruikbare aanpassingen, complimenten.

[nzall]

Ik had een paar dagen terug voor één dag gezien dat bepaalde filters in verband met product metadata en shops niet meer bovenaan de filterlijst stonden, maar in de plaats in een eigen afgezonderde filtercategorie stonden onder de meestgebruikte filters. Ik zie dat momenteel niet meer staan. Zijn jullie daarmee aan het experimenteren? Want ik vond dat wel een verbetering eerlijk gezegd.

[Apart]

Mijn enige minpunt is dat producten nu moeilijker zijn te vergelijken, omdat deze optie nu verstopt is het menu op de productpagina's. Eveneens bevalt mij het verstoppen van de "Willen" en "Hebben" opties in dit menu niet. Deze optie gebruikte ik veel voor het maken van wensenlijstjes voor het Desktop aankoopadvies subforum. Graag zou ik dit terug zien op de product pagina's zonder dit menu.

Ik blijf me afvragen of de personen achter deze veranderingen daadwerkelijk de Pricewatch ook echt gebruiken, want de gebruiksvriendelijkheid en overzichtelijkheid blijft naar mijn mening achteruit gaan.

[Reactie gewijzigd door Apart op 2 oktober 2026 16:55]