Shopstore | yourboxershort.nl
2011 | Martijn de Boer
02
Shopstore | yourboxershort.nl
2011 | Martijn de Boer
Inleiding Shopstore Vormgeving Shopstore heeft een keten van webwinkels in de product categorie : fashion. Een jaar geleden zijn ze begonnen met een shop in boxershorts. Inmiddels heeft boxershorts.nl
Naam : Martijn de Boer Studentnummer : 456102
maandelijks ongeveer 47.000 unieke bezoekers. Boxershorts.nl maakt momenteel deel uit van een multistore van 4 verschillende shops. De doelstelling is om eind 2012 een multishop te exploiteren van
In opdracht van
20 webshops. Het Magento framework waar ze mee werken is erg geschikt voor een multi webshop.
Shopstore webwinkels
Shopworks Shopworks begeleider Het tweede deel van het bedrijf is Shopworks. Dit bedrijf houdt zich bezig met het ontwikkelen van webshops. Omdat ze haar klanten optimale service en kwalitatieve producten wil bieden, nemen ze
HAN begeleider
Gijs Epping
Peter Schuszler
gijs.epping@shopworks.nl
peter.schuszler@han.nl
de resultaten die geboekt worden bij Shopstore, mee in het ontwikkeltraject van Shopworks. Op deze manier wordt best practice gegarandeert en kan Shopworks haar klanten optimaal adviseren over de beste oplossingen op webshop gebied.
Datum 22 December 2011
yourboxershort.nl Deze webshop gaat onderdeel uitmaken van de verschillende webshops in fashion. De wens van Shopstore is om een webshop te ontwikkelen wat gebruik maakt van nieuwe ontwikkelingen op gebied van het wereldwijde web. De uitstraling van de shop moet betrouwbaar en professioneel zijn maar ook zichtbaar goedkoop.
Shopstore | yourboxershort.nl
03
De opdracht
Shopstore wil een conceptuele webshop zonder
buiten de gebaande wegen van e-commerce
alle ‘bewezen concepten’ in e-commerce te
solutions van Magento.
verliezen. Het concept voor de nieuwe webshop
Belangrijke aandachtspunten zijn:
moet een budget uitstraling krijgen waarin
gebruikers herkennen dat er goedkope producten
Welke nieuwe weboplossingen passen in een
worden aangeboden zonder de uitstraling van
webshop omgeving?
professionaliteit en betrouwbaarheid te verliezen.
Shopstore wil alle voordelen van nieuwe
Hoe kun je, in een webshop omgeving.
ontwikkeling zonder alle voordelen van beproefde
het karakter van de webshop op een klant
concepten te verliezen…
overbrengen en deze beleving succesvol
Shopstore wil voor de fashion keten in webwinkels
importeren in de ‘shopping flow’ van een klant.
een nieuwe webwinkel starten in boxershorts.
Deze shop moet naast de bestaande boxershorts
Waar ligt de perfecte balans tussen nieuwe
shop gaan draaien als budget variant. De
technieken/ vormgeving en beproefde concepten.
uitstraling die Shopstore met deze webshop wil bereiken is een goedkope sfeer door middel van
create a
2011 | Martijn de Boer
fashion webshop
bijvoorbeeld grote prijzen maar gelijktijdig wel een betrouwbaar en professionele uitstraling. Shopstore wil met de webshop geen hoog Wibra gehalte. Met deze webshop willen ze graag de grenzen verkennen wat er binnen het Magento framework mogelijk is met conceptuele theming. Het concept voor de webshop moet bij voorkeur
04
Shopstore | yourboxershort.nl
2011 | Martijn de Boer
Het doel
De nieuwe webshop moet onderdeel worden van een grote fashion keten van verschillende webshops in kleding. [ like ‘coolblue’ ] De gebruikers moeten herkennen dat de webshop betrouwbaar is, vakkundig is en kwalitatieve producten aanbied tegen een goedkope prijs. Belangrijk voor het realiseren van een betrouwbare omgeving is dat de gebruikers hun aankoop kunnen doen in een goed doordachte en ‘usable’ flow. Een makkelijk werkende interface geeft een betrouwbare indruk op gebruikers. De ‘budget’ sfeer moet herkenbaar worden gemaakt met visuele aspecten.
Shopstore | yourboxershort.nl
05
2011 | Martijn de Boer
Eisen | Functioneel
De webshop is ontwikkeld op basis van het
De webshop functioneert in elk geval in alle
Eisen | Non - functioneel De gebruiker krijgt een gebruiksvriendelijke
De basis structuur van de webshop is van zichzelf
Magento framework. Magento is een open
meest recente versies van de grote browsers
ervaring in de webshop. De gebruiker kan prettig
al duidelijk en transparant zodat gebruikers de
source CMS systeem. Het unieke van Magento
zoals Google Chrome; Internet Explorer 8 en
met de webshop werken en kan goed vinden wat
producten van hun keuze en smaak, ook zonder
is dat het CMS systeem is opgebouwd in
Mozilla Firefox. Bij de ontwikkeling is ook rekening
hij zoekt. Hiervoor zijn verschillende manieren van
extra hulpmiddelen kunnen vinden. Gebruikers
verschillende lagen. Elke laag vormt een etage
gehouden met eventueel een toekomstige
zoeken nodig zoals een zoekfunctie met real-time
kunnen duidelijke overzichten bekijken met
van de uiteindelijke webshop. Door deze structuur
lancering voor een mobiele shop die minimaal
zoekresultaten en een goed doordachte structuur
voorbeelden van producten uit een bepaalde
is Magento erg flexibel en is het bijvoorbeeld
geschikt is voor alle iOS apparaten.
om op producten te kunnen filteren.
productgroep.
makkelijk om een multi-webshop te ontwikkelen
2012
op basis van de fundering. Deze fundering
De sfeer is betrouwbaar maar tegelijkertijd ook
fungeert ook als ‘security’. Functionaliteit die
budget. In het shop gedeelte van de webshop
Magento in de bovenste laag niet kan vinden
willlen we de gebruiker het imago van de webshop
zoekt hij in de laag eronder.
laten ervaren. Dit imago is goedkoop maar zeker
3
Specifiek winkelaanzicht Vormgeving voor specifieke shops die gebruik maken van dezelfde basis De Default Kaal basis theme met vormgeving
2
Bevat de kern functionaliteit om
De webshop is geoptimaliseerd voor SEO. Dit is erg belangrijk voor een webshop en staat voor de optimalisatie voor Search Engines. Gebruikers moeten de webshop makkelijk kunnen vinden. Voor deze optimalisatie is het bijvoorbeeld
die op alle aanzichten zichtbaar is. Begane grond
ook betrouwbaar en kwalitatief.
1
belangrijk om de doelgroep goed in beeld te hebben.
Magento minimaal draaiende te houden
06
Shopstore | yourboxershort.nl
2011 | Martijn de Boer
Doelgroep
+ ervaring
De doelgroep voor de webshop zijn gebruikers die
Deze doelgroep voor de webshop is onder te
boxershorts willen kopen. Het zijn voornamelijk
verdelen in 2 groepen op basis van ervaring met
aanwezig op internet. Ze hebben door middel
Ze maken pas verbinding met internet zodra ze
mannen die op een makkelijke en snelle manier
internet en met name het aankopen via het web.
van mobiele apparaten de hele dag verbinding
een bepaalde taak uit willen voeren, doen de
boxershorts willen bestellen. De doelgroep
Deze ‘parameters’ zijn interessant voor onze
met internet en kunnen dus op elk moment van
taak nauwgezet uit en gaan weer bezig met de
hecht waarde aan duidelijke informatie zodat ze
webshop omdat een belangrijk onderdeel van de
de dag iets van internet gebruiken. Via social
non internet gerelateerde bezigheden. Ze kunnen
makkelijk een snelle afweging kunnen maken en
webshop de gebruiksvriendelijkheid is.
networks en hun dagelijkse bezigheid blijven ze
dus zeer goed overweg met internet maar zijn
de ‘taak’ vlot kunnen afronden.
Een gebruiker met veel ervaring zal in de interface
goed op de hoogte van de nieuwste technieken en
minder goed op de hoogte van de nieuwste
weinig hulpmiddelen willen zien, die hem alleen
vormgeving op het gebied van websites. Dit zorgt
webtechnologie. Daarom is hun perceptie van
Als je kijkt naar demografische gegevens van de
maar afleiden van de taak.
ervoor dat hun verwachtingspatroon en perceptie
website compleet anders. Hun definitie van
doelgroep, zie je dat de doelgroep
Een gebruiker met weinig internet ervaring wil
van een website dagelijks wordt bijgesteld naar de
een ‘moderne website’ is geheel anders dan
juist wel gebruik kunnen maken van handige
nieuwste standaards.
gebruikers met veel ervaring.
Mannelijk is
Deze groep is per dag gemiddeld 5 uur actief
- ervaring
Deze groep gebruikt het internet heel doelgericht.
hulpmiddelen in de interface. Voor een goede balans in de interface van de
17 - 65 Leeftijd van 17 tot 65 jaar heeft
Voornamelijk zelfstandig woont
Niet veel geld uitgeeft aan ondergoed
Druk sociaal leven
fte
shop hebben we beide groepen in kaart gebracht.
9 – 5 baan of voltijd studie
Shopstore | yourboxershort.nl
07
2011 | Martijn de Boer
Concept
De gebruiker blijft tijdens het shoppen in de
de webshop een duidelijk ‘winkel’ gedeelte en
webshop zoveel mogelijk in contact met de shop.
een ‘kassa’ gedeelte. Het winkel gedeelte richt
Dat wil zeggen dat er geen momenten zijn waarop
zich op het opbouwen van klant-relatie, sfeer
er een volledig nieuwe pagina en omgeving wordt
impressie’s van producten en het opbouwen van
ingeladen. Alle nieuwe content wordt, zoveel
een vertrouwd gevoel bij de gebruiker. Het kassa
mogelijk, dynamisch in de bestaande omgeving
gedeelte bied de gebruiker een makkelijke en
ingeladen.
gebruiksvriendelijke manier om de uitgezochte
Dit idee wordt gevoed door de gedachte achter
producten te bestellen. In dit gedeelte is de sfeer
een ‘onepage design’. Dit type website heeft alle
minder belangrijk en dient de sfeer alleen nog om
content in 1 pagina staan en nieuwe content wordt
contact te blijven houden met het imago van de
op een dynamische manier ingeladen zodat er
shop.
geen page-refresh zichtbaar is. Deze manier van nieuwe content inladen in een webpagina is een belangrijke eigenschap van web 2.0 websites. Websites kunnen gebruikers hierdoor makkelijker vasthouden, wat erg belangrijk is bij een webshop.
Naast de dynamische ‘content handling’ kent
08
Voorbeeld one-page design Shopstore | yourboxershort.nl
2011 | Martijn de Boer
Shopstore | yourboxershort.nl
09
2011 | Martijn de Boer
Kleurgebruik De basis kleur in de webshop heb ik in groen
tinten gemaakt. Als complementaire kleur heb ik daarbij een goud tint gebruikt om bepaalde elementen meer aandacht te geven en de
Goud tint
CMYK 3,31,88,4
De goud tint wordt ingezet als de complementaire kleur om bepaalde elementen en actions meer aandacht te geven.
RGB 233,173,56 HEX #e9ad38
webshop een kleur-rijkere uitstraling te geven. Voor de content gebruik ik 2 tinten grijs. Een lichte en een donkere tint.
Groen tint
CMYK 22,1,49,16
De basis kleur voor de webshop is een lichte kleur groen. Dit is een vriendelijke kleur en komt niet te koel over. In combinatie met de
RGB 175,192,135 HEX #afc087
warme complementaire kleur geeft het een rustig beeld.
Lichte Grijs tint
De lichtere kleur grijs wordt toegepast om accenten te leggen en vormt de kleur voor secundaire headers.
Donkere Grijs tint Deze donkere grijs tint is net iets lichter dan het harde zwart en wordt voornamelijk toegepast voor de body tekst.
10
CMYK 67,60,59,46 RGB 65,65,65 HEX #414141
CMYK 67,60,59,46 RGB 37,37,37 HEX #252525
Shopstore | yourboxershort.nl
2011 | Martijn de Boer
Complementary
In het ‘colorwheel’ kan je zien dat de
Ondanks dat de meer schreeuwerige kleur rood,
complementaire kleur oranje, binnen de marges
beter past bij een budget imago, is dat niet de
van de speelruimte, iets afwijkt van de kleur die
invalshoek die is gekozen om de shop een budget
echt complementair is voor de groen tint die ik heb
imago te geven. Er is gekozen om dit imago niet
gebruikt. De combinatie van de goud tint met het
met kleur te communiceren maar meer met grote
groen vind ik beter passen dan het hardere rood
prijzen e.d. Door die invalshoek zorgen we ervoor
bij de groen tint. Door de goud tint te gebruiken
dat de shop tegelijkertijd ook betrouwbaar en
wordt de uitstraling van de shop iets zachter en
professioneel overkomt.
aangenamer om naar te kijken.
Shopstore | yourboxershort.nl
11
2011 | Martijn de Boer
Typografie
Voor de typografie van de webshop maak ik
niet van de server gedownload hoeft te worden
gebruik van Google websfonts. Met dit webfont
maar via de Google webfont API binnenkomt.
wordt de webshop minder zwaar doordat het font
Maven Pro
Arial
Het font Maven Pro is een stijlvol en
Voor de basistekst gebruik ik een basis font
modern font zonder schreef die ook
Arial. Dit font is herkenbaar en vertrouwd voor
in kleine letters duidelijk zichtbaar
iedereen. Daarnaast heeft het voldoende
is. De wat dikkere lijnen in het font
raakvlakken met het font Maven Pro waardoor de
zorgen voor voldoende contrast met de
twee verschillende fonts harmonieus met elkaar
omgeving. Het font Maven Pro wordt
samenwerken en elkaar versterken.
gebruikt voor titels, usp’s en subtitles.
12
Shopstore | yourboxershort.nl
Shopstore | yourboxershort.nl
Uh ik ken je nog niet maar je lijkt op Barbie En het zou kunnen liggen aan die 5 Bacardi Maar ik denk dat het ligt aan je mooie face aan die mooie en o zo grote reet En ik hoop dat je past op mn bagagedrager want ik heb een nieuwe fiets, ik ben een ragemaker En ik zet die track, skip die track spring maar op bij mij die fiets dan fiets we naar huis toe samen. Onderweg vertelde ik wat je van mij wil horen je zat aan de bar en wilde scoren ben gevallen voor je ogen en je sexy stijl je lijkt de vrouwelijke Gerssie wel
12pt 11pt
Bodytekst Links
36pt
14pt
0123456789
(*&^%$#@!)
opqrstuvwxyz
abcdefghijklmn
OPQRSTUVWXYZ
ABCDEFGHIJKLMN
Pricetags
Koptekst
Arial Italic Arial Regular Arial Bold
Gers Pardoel - Bagagedrager
0123456789
(*&^%$#@!)
opqrstuvwxyz
abcdefghijklmn
OPQRSTUVWXYZ
ABCDEFGHIJKLMN
Ik weet nog niet waar naar toe, maar dat maakt niet uit want ik weet wel de weg
Maven Pro
2011 | Martijn de Boer
13
Flowchart ‘one-page’
2011 | Martijn de Boer
14
Shopstore | yourboxershort.nl
Flowchart concept 2
2011 | Martijn de Boer
Shopstore | yourboxershort.nl
15
2011 | Martijn de Boer
Mockups Concept 1 Concept 1 heb ik uitgewerkt in mockups voor de pagina’s homepage, merken, product, winkelwagen en
en op die manier beter contact houden met de webshop. De flow wordt niet onderbroken en daardoor
checkout. Hieronder bespreek ik de pagina’s homepage, merken, product en checkout.
wordt de kans dat gebruikers op de webshop blijven en uiteindelijk de conversie van de webshop
Het concept 1 is een onepage design met een dynamische interface voor het inladen van nieuwe
vergroot.
content. Concept 1 zorgt voor een verbeterde gebruikerservaring omdat mensen in 1 omgeving blijven
In de mockup van de homepage is het dynamisch inladen van nieuwe content
De product pagina wordt op dezelfde manier ingeladen als de merkenpagina.
weergegeven. In de pagina van de homepage zijn dynamische contentblokken
Belangrijkste features die op deze pagina zijn weer gegeven zijn de grote
geplaatst zoals een overzicht met de beschikbare merken die real time gefilterd kan
productfoto, de mogelijkheid om direct naar een volgend artikel te klikken en de
worden.
zekerheden die net onder in beeld, bij de product pagina worden weergegeven. Op
Daarnaast is er een slider te zien met de verschillende ‘unique selling points’.
het moment dat een gebruiker de product pagina bekijkt, wil een webshop namelijk
Verder zijn er op de homepage aanbiedingen, incentives, usp’s en zekerheden
extra duidelijk naar een mogelijke klant communiceren dat er op een betrouwbare en
zichtbaar.
veilige manier kan betalen.
In de mockup van de merkenpagina is zichtbaar gemaakt hoe nieuwe content, zoals
De checkout pagina biedt de gebruiker een duidelijk overzicht aan van de producten
de pagina met het overzicht van een bepaald merk, in de bestaande omgeving wordt
in zijn winkelwagen en het betalingsproces. In de mockup is dit weergegeven met
ingeladen. De belangrijkste features van de merkenpagina zijn de grote afbeeldingen
een grote duidelijke balk voor de verschillende stappen, waarmee gevisualiseerd kan
met grote prijzen zonder te veel tekstuele beschrijving. De beschrijving kunnen
worden hoeveel stappen de gebruiker moet maken en hoe ver hij is. Daarnaast is er
gebruikers zichtbaar maken door middel van een mouse-over op een vlak naast het
een groot content blok waar de inhoud van de betreffende stap wordt weergegeven.
artikel.
De call to action is een button die bij elke stap rechts onderaan in beeld wordt weergegeven.
16
Shopstore | yourboxershort.nl
2011 | Martijn de Boer
Mockups Concept 2 Concept 2 maakt gebruik van de voordelen van concept 1; de dynamische interface met vaste fysieke
Dit concept is, conform de opdracht, een goede kans om deze technieken uit te proberen en te testen in
pagina’s waardoor het makkelijker wordt om de webshop search engine vriendelijk te maken.
een webshop omgeving.
Het uiteindelijke concept is dus een kruising tussen een RIA en een webshop. Deze web 2.0 features is uniek voor webshops. Binnen webshops wordt nog weinig gebruik gemaakt van AJAX.
Homepage.
Product pagina
Onderdeel van het standaard grid van concept 2, is de grote zoekbalk
De mockup van de product pagina laat een grote afbeelding
bovenin beeld, de grote header, een uitklapbaar winkelwagen gedeelte en
van het product zien met daarnaast een blok voor de
een blok voor de page-id en een uitklapbaar filtermenu.
productinformatie. Boven dit blok vindt de gebruiker ook een
Verder zijn er in de mockup van de homepage verschillende contentblokken
local navigation om door te klikken naar een volgend of vorig
uitgeprobeerd zoals verschillende formaten banners, evt gecombineerd met
product. Het is daardoor niet nodig om terug te gaan naar het
tekst. In het design zal blijken welke toepassing het beste is.
overzicht maar dat is wel een mogelijkheid.
De toepassing van whitespace is hierbij een belangrijke factor. Winkelwagen De winkelwagen is dynamisch en kent 2 verschillende Merkenpagina.
statussen. De in-actieve status geeft rechtsboven een
Op de merkenpagina is er in het maincontent gedeelte een duidelijk overzicht
weergave van het meest recente product dat de gebruiker
geplaatst van de beschikbare producten van een bepaald merk. Aan de
aan de winkelwagen heeft toegevoegd. De actieve status is
page-id is af te lezen welk merk wordt weergegeven.
het complete overzicht van alle producten in de winkelwagen.
Bij dit overzicht zijn de product fotos en de prijs het belangrijkst.
De gebruiker kan deze wijzigen of verwijderen. Vanuit de
Er is een korte beschrijving onder het product geplaatst of de beschrijving
winkelwagen kan de gebruiker direct naar de checkout.
wordt in het blokje naast het betreffende product weer gegeven.
Shopstore | yourboxershort.nl
17
2011 | Martijn de Boer
Homepage Op de homepage vallen er meteen een aantal dingen op. Er is veel aandacht voor afbeeldingen en daarmee sfeer. De prijzen zijn groot weergegeven met een opvallende kleur. De actie die daarbij staat heeft een grote button met ook een opvallende kleur.
Naast het grote ‘top-menu’ kunnen gebruikers producten opzoeken door gebruik te maken van een grote opvallende zoekfunctie en een filtermenu. Het filtermenu is dynamisch. De gebruiker kan filter items selecteren en de resultaten worden direct real-time weergegeven. Als de gebruiker alle items heeft geselecteerd kan hij het menu sluiten. De filters van zijn keuze blijven zichtbaar onder het top-menu zodat hij hier nog wijzigingen in kan aanbrengen.
18
Shopstore | yourboxershort.nl
2011 | Martijn de Boer
Winkelwagen De winkelwagen is altijd rechtsboven in beeld. In actieve status geeft de winkelwagen het complete overzicht weer met alle producten die de klant in de winkelwagen heeft geplaatst. Als de winkelwagen niet in actieve status is, geeft het alleen de meest recent toegevoegde product weer. In de winkelwagen kan de gebruiker de producten nog aanpassen. Hij kan een product verwijderen, of de aantallen / maat wijzigen. Direct onder de winkelwagen wordt altijd het blokje weergegeven met de zekerheden. Dit geeft de klanten op het moment dat ze willen gaan afrekenen, een extra bevestiging dat ze op een veilige en betrouwbare manier hun bestelling kunnen voltooien en met de betalingsmogelijkheid die bij de klant de voorkeur geniet.
Shopstore | yourboxershort.nl
19
2011 | Martijn de Boer
Merk overzicht De gebruiker kan de verschillende merken die de webshop verkoopt in een handig overzicht bekijken door in het top-menu op het item ‘merken’ te klikken. In dit scherm ziet de gebruiker steeds 5 voorbeelden van producten uit een merkcategorie. In Magento wordt dit ook wel de categorie pagina genoemd. Het voordeel is dat de gebruiker makkelijk door de verschillende merken kan bladeren en meteen een goede indruk krijgt, of de stijl van een merk hem aanspreekt. De verschillende merken zijn duidelijk van elkaar gescheiden door het grote blok met de merknaam, aan het eind van ieder merk. Dit staat aan het eind van de regel, omdat het hier het beste in de flow van de gebruiker past. Hier kan de gebruiker ook verder klikken naar het volledige overzicht. Wat verder opvalt is de extra grote prijs en een duidelijke button bij elk product, om dat specifieke product te kunnen bekijken.
20
Shopstore | yourboxershort.nl
2011 | Martijn de Boer
Product De pagina die de gebruiker te zien krijgt als hij doorklikt naar een specifiek product heeft de meeste aandacht voor de afbeelding van het product. Uniek voor yourboxershort.nl is het duidelijke voorraad overzicht. Hiervoor is per beschikbare maat, aangegeven hoeveel producten er op voorraad zijn. Vervolgens staat er rechts in de flow van de gebruiker de button om het product aan de winkelwagen toe te voegen. De kop in deze pagina heeft een titel met daarbij aangegeven of dit product op voorraad is. Daarnaast staat een interactieve slider navigatie om door te klikken naar een volgend / vorig product. Helemaal onderin staan cross-sell producten en up-sell producten waar de gebruiker in geinteresseerd kan zijn.
Shopstore | yourboxershort.nl
21
2011 | Martijn de Boer
Check-out De check-out pagina is een gedeelte van de webshop waar over het algemeen veel klanten afhaken. Hier wordt dus veel gewonnen of verloren op het gebied van conversie. Om de check-out zo transparant mogelijk te maken heb ik naast het overzicht van de winkelwagen, de stappen van de check-out overzichtelijk in beeld gebracht. Hier kan de gebruiker zien hoeveel stappen hij moet nemen; bij welke stap hij momenteel is en of de stappen goed zijn ingevuld. Verder is de inhoud van de pagina overzichtelijk weergegeven zodat de gebruiker bij elke stap kan bevatten wat het precies inhoudt.
22
Shopstore | yourboxershort.nl
2011 | Martijn de Boer
Buttons De buttons die worden gebruikt zijn minimaal 100px breed en de marge tussen de rand van de button en de waarde is altijd 10px.
de button langer zijn. De hoogte is altijd 30px en de waarde is altijd 12pt.
30px
Afhankelijk van de waarde die de button heeft kan
100px
Voorraad De voorraad op de product pagina wordt per beschikbare maat weergegeven met een label. De kleur van het label geeft aan of er producten in deze maat beschikbaar zijn. Vervolgens geeft de waarde in het label aan hoeveel er op voorraad zijn. Hierdoor kan de gebruiker makkelijk en snel inzien of het product in zijn maat beschikbaar is.
Shopstore | yourboxershort.nl
23