Elloraandco wanted to extend their specially curated high quality and stylish range of perfumes and fragrance mists available to their customers online. Our challenge was to translate the offline experience to an online retail experience with a focus on the aesthetic they are known for.
Elloraandco.
Elloraandco wanted to extend their specially curated high quality and stylish range of perfumes and fragrance mists available to their customers online. Our challenge was to translate the offline experience to an online retail experience with a focus on the aesthetic they are known for.
Role
Branding & Design, eCommerce Development
Tools
Figma, Adobe XD, Photoshop, WordPress
Role
Branding & Design, eCommerce Development
Tools
Figma, Adobe XD, Photoshop, WordPress
Identity
Color
The choice of Black, White and Grey as the main color scheme compliments the products and allows for a rich showcase of the products without distractions to the users.
Heading Text
Cardo Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Subheading Text
Proxima Nova Semibold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Body Text
Proxima Nova Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Identity
Color
The choice of Black, White and Grey as the main color scheme compliments the products and allows for a rich showcase of the products without distractions to the users.
Heading
Cardo Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Subheading
Proxima Nova
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Body copy
Proxima Nova Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Interaction Design
Userflow
Being able to visualise the possible user journeys when using the site helps to create rewarding user experiences, and avoid usability issues that show up in later design and development stages.
Interaction Design
Userflow
Being able to visualise the possible user journeys when using the site helps to create rewarding user experiences, and avoid usability issues that show up in later design and development stages.
Experience Design
Feature Listing
In order to create a seamless and smooth shopping experience, with clear information architecture and a beautiful user experience, it was necessary to have some essential ecommerce features in place on the website.
- Product recommendations
- Ratings and Reviews
- Multiple payment options
- Vouchers and Gift Cards
- Location & weight based shipping matrix
- Catalog product filtering
- Social sharing options
Feature Listing
In order to create a seamless and smooth shopping experience, with clear information architecture and a beautiful user experience, it was necessary to have some essential ecommerce features in place on the website.
- Product recommendations
- Ratings and Reviews
- Multiple payment options
- Vouchers and Gift Cards
- Location and weight based shipping matrix
- Catalog product filtering
- Social sharing options
DESIGN SCREENS
Mobile Experience
Clean minimal design giving users a clean and enjoyable shopping experience.
- Responsive Design
- Optimised images for quick load times
- Easy access to shopping features
Design Screens
Mobile Experience
Clean minimal design giving users a clean and enjoyable shopping experience.
- Responsive Design
- Optimised images for quick load times
- Easy access to shopping features
Desktop Experience
The desktop experience mirrors the clean minimal design on the mobile website, providing a similar user experience to users across devices.
- Clean & intuitive navigation
- Bold and stunning product pages and photography
- Product Quickview and Wishlist
- Cross browser compatibility
Desktop Experience
The desktop experience mirrors the clean minimal design on the mobile website, providing a similar user experience to users across devices.
- Clean and intuitive navigation
- Bold and stunning product pages and photography
- Product Quickview and Wishlist
- Cross browser compatibility
