vessi.com

The top section showcases the new 'Weekend Neo' shoe model with lifestyle imagery. It includes the brand logo and a tagline promoting the evolution of a classic.

The image is large and occupies a significant portion of the screen. Text is overlaid on the image, styled in a clean sans-serif font. Includes buttons with rounded corners.

A section featuring a curated selection of waterproof shoes.

The products are displayed in a horizontal scrollable format with simple product cards, including the product name and price. The background is a light gray.

This section uses a video or animated image to demonstrate the waterproof capabilities of the Vessi shoes.

The video/image is contained within a rounded-corner rectangle. A callout displays the text '100% waterproof, Guaranteed'. There is a small play icon indicating video content.

A section that allows users to browse products based on different categories like shoes, accessories, apparel, etc.

The categories are represented using square images with rounded corners and a subtle overlay. A button overlays each picture with the call to action 'Shop [Category]'.

Section featuring the different activities people wear Vessi shoes for.

A person is holding an umbrella and standing in front of buildings. Text to the right of the photo says City, Active, Travel, Work and Everyday. The 'plus' symbols suggest this section may be expandable or act as links. The font is simple and the background is white.

Section featuring information about the brand.

A person is being rained on and looking up. Text to the left of the photo includes Our story, Innovation, Impact and Reviews. The 'plus' symbols suggest this section may be expandable or act as links. The font is simple and the background is white.

Showcasing the Vessi community

A collage of lifestyle images showing diverse people wearing Vessi shoes in various scenarios. Each image has a blue button in the corner.

Image highlighting the magic of rain

A person holding their hands up in the rain with a lime green turtle neck. Below the image, the text reads 'Rediscover the magic of rain by staying dry and comfortable in it.' The background is white.

A section showcasing user-generated content from Instagram with the hashtag #VessiTeam.

Uses square images in a horizontal scrolling list. Images are sourced from user posts on Instagram featuring Vessi shoes. A button overlays each picture with the call to action 'Follow us on Instagram'.

A collapsible FAQ section that addresses common customer questions.

Uses a simple and clean layout. Includes a question and answer format. Each question has a plus or minus symbol to indicate expand or collapse state.

Signup form for latest Vessi news

Uses a large text headline: 'stay up to date with latest Vessi news'. There is a text field and a pop up of a mystery discount after loading the page.

Displays the page hierarchy (Home > Shop).

Uses a simple sans-serif typeface. Top aligned and left aligned.

Main heading indicating the product collection being displayed.

Large, bold sans-serif typeface, positioned prominently on the left side of the page.

Button to open the filter and sorting options for the products.

Button with a light background and a sans-serif font.

Links to different product categories (All, Boots, Flats, etc.) displayed horizontally.

Uses a sans-serif typeface, blue for the currently selected category or when hovering.

Displays products in a grid layout, with product images, names, prices, and a quick add button.

Four columns of products, product images are displayed on a slightly off-white background, product titles are a standard sans-serif font, price is below title, and 'Quick Add' buttons use a small sans-serif font with rounded corners.

This section contains the product images, product title, price, star rating, description, color swatches, size selection, and add to cart button.

The images are displayed in a gallery with a main image and thumbnails. The color swatches are simple circles and the size selection uses a numbered button style. The Add to Cart button is a solid blue.

This section provides a description of the product's waterproof technology and its key features.

Uses clear typography and concise language. The icons highlight the product's key benefits: waterproof, lightweight, breathable, vegan, and PFAS-free. Includes a large image relating to the product description.

This section showcases related products to encourage customers to purchase additional items and complete their outfit.

Displays related products with images and short descriptions on a neutral background.

This section displays customer reviews to build trust and provide social proof.

The reviews are displayed in individual cards with star ratings, review text, and user information. Includes filtering option.

This section showcases customer photos featuring the product.

It uses a grid layout with Instagram images to show real people wearing the product. The images are rounded to give a modern touch.

This is an newsletter sign up popup, it has input fields and CTA buttons.

The popup has a semi transparent background and asks if users are shopping for Men or Women

This section displays a message indicating that the user's connection needs to be verified before they can proceed. It is a temporary informational section to ensure security.

The message is centered and uses a simple sans-serif typeface. Spacing is generous around the text to ensure readability.

A loading animation with the word 'Verifying...' is displayed. It's a visual cue to indicate that the system is processing the verification.

A circular, dotted animation is used to signify the 'verifying' process. The text accompanying the animation is simple and clear.

This section contains the Cloudflare logo and a link to their privacy policy and help section.

The logo is small and positioned to the right of the verification text. The 'Privacy' and 'Help' links are small and understated.