E-Commerce website

Home of high-quality toys, a clear shopping experience.

Project type
Research | UX | Lead Design
About the brand
A leading brand in bath & development toys, creating innovative products that inspire curiosity and discovery through fun and play.
Check the website here
Mission
Two previous brand websites combined into one brand store, which features many different opportunities to reveal the brand vision and language, adding value to the experience in the store. ​

Keeping the focus on the brand and the experience is, in my opinion, the key to selling the products profitably. We want to improve the engagement, create a good impression and distinction in our field and, by all those, leading to satisfying purchases & warm customer reviews. 
✔️ Responsive website

✔️ Shopify-based

✔️ Brand content
Websites Evolution
Brand Website
Shopify Store
Shopify Store
Product page
Product page
Product Page
Store - Purchase
Category Pages
Blog
Brand content
SEO Optimisation 
Social Brand Image
Store - Purchase
Category Pages
Home Page
The importance of first impression
My mission was to enrich the home page and add brand value to it. Here's how:
Brand vision banner accompanies the hero banner image. Hero banner gallery allows the user to take a quick look at different angles of the brand world. Seasonal updates and festive graphics live here and create curiousity.
Auto playing videos in the *shop by categories* section giving a little peek to the products even before the user is taking action.
Blog update section - leading the user to dive into ideas and parenting tips right from the home page.
Social media gallery - connecting the brand to "real life" with assortment of lifestyle images, a fresh selection for an effective impression & emotional engagement. 
Product Page
It's all about the product
As one of the most important pages, the product page was designed to be more interactive & engaging, inviting the users to get to know the product and pointing at all the key features & details. It was important to us to keep the page clean & approachable, so the visitors can choose the amount of information they are willing to conceive.

Here's how:
Features Text - in order to avoid a very long text appearance, we added a scrolling bar in this section, allowing progressive disclosure by the user's choice and interest.
Shortcut buttons - By placing the buttons of 360 view & Developmental milestones in the top of the page, we allow a quick jump to the most important parts of the product page. Those parts are reachable both by scrolling through & the shortcuts.
360 view gallery - the brand features beautifully designed toys, with interchangeable parts to play with. This section is aiming to land the products into the e-commerce environment of 2021, when purchasing online is a rising costumer choice.
Developmental Milestones - Progressive disclosure drawers where parents can learn more about the benefits of the product, organised by specialist to 3 categories - Cognitive, Physical and Social-Emotional development.
Category Page
SEO Content, Product Grid, Filter
The structure of the category pages is formed to be another field of getting to know the brand & the values it stands for. An introduction text was added under the large hero image with SEO purposes as well as reflecting brand benefits. We've planned the category page to contain product collections, age collections & special occasions such as special sales or new product launches.

Here's how:
Hero banner image
Introduction Text
Product preview image - We made a decision to keep the lifestyle images for the hover state (in mobile - they will appear only in the product page). Keeping the image clean helps understanding quickly the products when scrolling & helps the fresh look overall.
Info / state micro-marks - allowing the visitors to get quick info about the availability / special price ect. of the product.
Content
Brand voice & value in text 
The structure of the category pages is formed to be another field of getting to know the brand & the values it stands for. An introduction text was added under the large hero image with SEO purposes as well as reflecting brand benefits. We've planned the category page to contain product collections, age collections & special occasions such as special sales or new product launches.

Here's how:
Hero banner image
Introduction Text
Product preview image - We made a decision to keep the lifestyle images for the hover state (in mobile - they will appear only in the product page). Keeping the image clean helps understanding quickly the products when scrolling & helps the fresh look overall.
Info / state micro-marks - allowing the visitors to get quick info about the availability / special price ect. of the product.
Prev project
Next project
Let's work together
➞
Let's talk
➞
InstagramLinkedinDribbble
Ela Naiman 2026 ® All rights reserved