Website Analysis

Vijay Saravanan
TABLE OF CONTENTS

01 05
Desktop Homepage About page

02 06
VISUAL COMMUNICATION Blog / Community

03 07
Sustainability Checkout

04 08
Animations Mobile Layout
01
Desktop Homepage
COMPETITOR’s WEBSITE Desktop Homepage

A smooth scrolling interface and banner with unique aesthetics A asymmetrical layout standouts when compared
attracts the customer as they enter the site. to other identical websites.

[Link]
COMPETITOR’s WEBSITE Desktop Homepage

A full screen banner with a strong visual image and all the various Having a explore icon
options like shop, editorial in the top. adds a nice accent.

[Link]
COMPETITOR’s WEBSITE Desktop Homepage

Banners are used in Home and others pages with the native language below in a
small font. This gives added attraction to the origin of the brand.

[Link]
/ATELIER
COMPETITOR’s WEBSITE Desktop Homepage

Smooth sliding animation as we hover over the various categories

[Link]
COMPETITOR’s WEBSITE Desktop Homepage

As we see various categories of products to shop, we also see the indication of

new arrivals.

[Link]
/shop/clothing/?p=1
COMPETITOR’s WEBSITE Desktop Homepage

Clear direct sustainability communication and commitments of the brand.

[Link]
/shop/clothing/?p=1
COMPETITOR’s WEBSITE Desktop Homepage

Having a short sliding animation to show reviews from magazines builds credibility

[Link]
COMPETITOR’s WEBSITE Desktop Homepage

Use of big font and short sentences to convey the impact, mission of the brand.
Having a contrasting background also catches the eye.

[Link]
COMPETITOR’s WEBSITE Desktop Homepage

Indicating certain production methods such as hand dyeing , hand sewn attracts
customers.

[Link]
COMPETITOR’s WEBSITE Desktop Homepage

Description of product appears in a smooth animation while hovered over with

mouse.

[Link]
COMPETITOR’s WEBSITE Desktop Homepage

Short description about the sustainability partners the brand works with.

[Link]
COMPETITOR’s WEBSITE Desktop Homepage

A clear slogan at the end of the homepage portrays a strong brand image.

[Link]
02
VISUAL COMMUNICATION
COMPETITOR’s WEBSITE VISUAL COMMUNICATION

A banner to indicate new arrivals, or style recommendation for each

product category

[Link]
m/category/new?page=1
COMPETITOR’s WEBSITE VISUAL COMMUNICATION

A banner along with the other products to indicate new arrivals increases
a bit of curiosity.

[Link]
ons/shop-all
COMPETITOR’s WEBSITE VISUAL COMMUNICATION
Indicating the responsible attributes of the product on top of the image gives more
attraction.

[Link]
ctions/womens-outerwear
COMPETITOR’s WEBSITE VISUAL COMMUNICATION

Using both small and big layout to show the products. This adds a unique
modern aesthetics.

[Link]
ons/new-arrivals
COMPETITOR’s WEBSITE VISUAL COMMUNICATION

Having a detailed description of the health benefits of the product increases awareness
and credibility.

[Link]
_US/p/Blush-Pink-Silk-eye
-mask/82
COMPETITOR’s WEBSITE VISUAL COMMUNICATION

Having a dedicated customer review for each product Adding a section with images of customers wearing the
increases the credibility. product also increases the credibility.

[Link]
COMPETITOR’s WEBSITE VISUAL COMMUNICATION

Also having a distinctive loading icon can be attractive and modern.

[Link]
_US/p/Blush-Pink-Silk-eye
-mask/82
03
Sustainability
COMPETITOR’s WEBSITE Sustainability

Use of Maps to represent clear supply chain operations of fabric sourcing , production.

[Link] [Link]
aterials-and-innovation/organic-cotton/
COMPETITOR’s WEBSITE Sustainability
Embedding Short youtube videos to communicate more about the
positive impacts and partners.

[Link]
pages/environmental-enga
gement
COMPETITOR’s WEBSITE Sustainability

Clear Communication about materials that are helpful and harmful

[Link]
about-materials-list
COMPETITOR’s WEBSITE Sustainability

Using Icons for each Fibre and short description of their impacts.

[Link]
[Link]/pages/fabrics
COMPETITOR’s WEBSITE Sustainability

Listing the types of sustainable practices and explaining them in brief.

[Link]
COMPETITOR’s WEBSITE Sustainability

Communicating the preservation of the tradition craft and methods by the

brand builds better image.

[Link]
.com/pages/craftsmanship
04
Animations
COMPETITOR’s WEBSITE Animations

Use of scroll up icon makes it easily to move through the site without many actions.

[Link]
/sustainability/fair-producti
on/
COMPETITOR’s WEBSITE Animations

Using animated icons catches the eye of the audience.

[Link]
COMPETITOR’s WEBSITE Animations

A smooth sliding animation for the sentences over the background image seeks an
immediate attention of the audience.

[Link]
m/?ktk=UDV5c0xQLTQ4N2J
kZmJlZmE1&tap_a=27592-4
a20be&tap_s=146636-d254b
7
COMPETITOR’s WEBSITE Animations

A smooth sliding notification at the right end to ask for newsletter subscription does
not obstruct the view and irritate the customer.

[Link]
com/pages/sustainable-pr
actices
05
About page
COMPETITOR’s WEBSITE About page

A short description musters more attention.

[Link]
thos/
COMPETITOR’s WEBSITE About page

Adding the names of the team gives more credibility for the brand.

[Link]
[Link]/team/vanessa-barbo
ni-hallik
COMPETITOR’s WEBSITE About page

Short story and mission about the founder. The challenges, inspiration and story of the
brand.

[Link]
[Link]/team/vanessa-barbo
ni-hallik
06
Blog / Community
COMPETITOR’s WEBSITE Blog / Community

Build community and post articles about well-being. Gives also an compelling
reason to register for newsletter.

[Link]
COMPETITOR’s WEBSITE Blog / Community

Build community in social media by doing live talks, classes about wellbeing.

[Link]
/pages/finisterre-co
mmunity
07
Checkout
COMPETITOR’s WEBSITE Checkout

Adding products suggestions in the cart to have eligibility for free delivery.

[Link]
roducts/le-marais-black-noi
r-man
COMPETITOR’s WEBSITE About page

Suggesting tote bag in the cart

[Link]
[Link]/bag
08
Mobile Layout
COMPETITOR’s WEBSITE Homepage
A full screen banner with a minimal text is attractive and modern.
COMPETITOR’s WEBSITE Homepage
A small segment to show reviews from magazines, brands.

A Side scrolling
segment to view short
description of value
and mission of the
brand.
COMPETITOR’s WEBSITE A segment to showcase the bestsellers. Homepage

A option to view more

products with a small
down arrow icon.
COMPETITOR’s WEBSITE Homepage

Using small icons with animations is attractive and catches the eyes .
COMPETITOR’s WEBSITE Options
Menu with a big font is easy to navigate and makes sure there is no accidental touches.

A link to social media

in the bottom of the
menu.
COMPETITOR’s WEBSITE Options
A small banner in the option to show the arrival of new products.

A few quick options in

the bottom makes the
website more
welcoming and easy
to navigate.
COMPETITOR’s WEBSITE Visuals
Different type of modern layouts to scroll through products.
 Visuals
A filter option which doesn’t take a lot of space.
COMPETITOR’s WEBSITE

A smaller header for each

product category.
COMPETITOR’s WEBSITE Visuals

Divided
Segments to
click see
detailed
A Plus icon to
information.
enlarge and
view detailed
information
about
responsible
attributes.
COMPETITOR’s WEBSITE Visuals

Using
contrasting
colors to
highlight the
attributes. A buy now
option that
stays and
scrolls along
with the
screen.
 Checkout
Checkout space with short details about the product.
COMPETITOR’s WEBSITE

Suggestion to add
addition products in
during checkout.
COMPETITOR’s WEBSITE Features

A sliding
subscription
request from
the top does
not obstruct
the page
and irritate
the
customer.

A scroll up
icon makes it
easy to
navigate
through the
site.
COMPETITOR’s WEBSITE Features

Having a tap and

hold feature to view
information
COMPETITOR’s WEBSITE Blog

A page dedicated to read articles and

blogs about wellbeing and the brand
THANK YOU FOR YOUR
ATTENTION
— Vijay Saravanan Ayapillai