Dieser kompakte, hervorgehobene Bewertungsblock präsentiert Kundenfeedback zusammen mit Produktinformationen in einem übersichtlichen, leicht erfassbaren Format.
Layout des hervorgehobenen Bewertungsblocks
Das Design verwendet ein horizontales Flex-Layout mit einem kreisförmigen Avatar-Bereich auf der linken Seite und einer Inhaltsspalte auf der rechten Seite. Die beiden Bereiche sind mit einem Abstand von 20px vertikal ausgerichtet. Innenabstand und eine untere Rahmenlinie heben die Bewertung optisch vom umgebenden Seiteninhalt ab.
Der Avatar-Bereich misst im ursprünglichen Layout 75 x 75 Pixel und hat eine kreisförmige Form. Rechts davon enthält die Inhaltsspalte die Bewertungssterne, den schriftlichen Bewertungstext und Angaben zum Autor.
Struktur des Bewertungsinhalts
- Eine Reihe von Sternen zur Anzeige der Kundenbewertung
- Ein eigener Bereich für den Bewertungstext
- Eine kursiv gesetzte Autorenzeile mit optionalem Verifizierungsindikator
Diese Anordnung hält die Kundenbewertung kompakt und sorgt gleichzeitig für eine klare Verbindung zwischen den Angaben zum Bewerter und den begleitenden Produktinformationen.