Discrete E-commerce
Discrete E-commerce
Discrete E-commerce
Discrete E-commerce
Discrete E-commerce
Scope of work
E-commerce, Web Design
E-commerce, Web Design
E-commerce, Web Design
Project overview
Designing online shop of smoking products
Designing online shop of smoking products
Designing online shop of smoking products
Designing online shop of smoking products
Project overview
This project was about creating an e-commerce platform that’s normal yet unique in its own way. The shop followed the standard structure of online stores but focused heavily on discretion and privacy. From integrating NDA protocols to adding features like age restrictions and cash-on-delivery, every step was crafted to make it secure, user-friendly, and aligned with the niche audience’s needs.
This project was about creating an e-commerce platform that’s normal yet unique in its own way. The shop followed the standard structure of online stores but focused heavily on discretion and privacy. From integrating NDA protocols to adding features like age restrictions and cash-on-delivery, every step was crafted to make it secure, user-friendly, and aligned with the niche audience’s needs.
This project was about creating an e-commerce platform that’s normal yet unique in its own way. The shop followed the standard structure of online stores but focused heavily on discretion and privacy. From integrating NDA protocols to adding features like age restrictions and cash-on-delivery, every step was crafted to make it secure, user-friendly, and aligned with the niche audience’s needs.
This project was about creating an e-commerce platform that’s normal yet unique in its own way. The shop followed the standard structure of online stores but focused heavily on discretion and privacy. From integrating NDA protocols to adding features like age restrictions and cash-on-delivery, every step was crafted to make it secure, user-friendly, and aligned with the niche audience’s needs.
Role
UI/UX Product Designer
UI/UX Product Designer
UI/UX Product Designer
UI/UX Product Designer
Timeline & Year
Oct - Nov 2024
Oct - Nov 2024
Oct - Nov 2024
Oct - Nov 2024
Team members
1 Project Manager,
2 Developers
1 Project Manager,
2 Developers
1 Project Manager,
2 Developers
1 Project Manager,
2 Developers
Tools used
Figma
Figma
Figma
Figma
NOTE: Smoking is hazardous to health. I do not condone others to smoke or use harmful products.
NOTE: Smoking is hazardous to health. I do not condone others to smoke or use harmful products.
NOTE: Smoking is hazardous to health. I do not condone others to smoke or use harmful products.
NOTE: Smoking is hazardous to health. I do not condone others to smoke or use harmful products.
Challenges:
Challenges:
Challenges:
Understanding user needs while maintaining discretion.
Ensuring only legal-aged users could shop.
Making sure transactions were safe and users felt secure.
Making the site look simple and professional but not boring.
Understanding user needs while maintaining discretion.
Ensuring only legal-aged users could shop.
Making sure transactions were safe and users felt secure.
Making the site look simple and professional but not boring.
Understanding user needs while maintaining discretion.
Ensuring only legal-aged users could shop.
Making sure transactions were safe and users felt secure.
Making the site look simple and professional but not boring.
Understanding user needs while maintaining discretion.
Ensuring only legal-aged users could shop.
Making sure transactions were safe and users felt secure.
Making the site look simple and professional but not boring.
Solution(s):
Solution(s):
Solution(s):
Used an easy-to-use age verification step.
Kept the design simple and focused on user privacy.
Anonymous reviews.
Added COD only to make payments safer & more reliable.
Used an easy-to-use age verification step.
Kept the design simple and focused on user privacy.
Anonymous reviews.
Added COD only to make payments safer & more reliable.
Used an easy-to-use age verification step.
Kept the design simple and focused on user privacy.
Anonymous reviews.
Added COD only to make payments safer & more reliable.
Used an easy-to-use age verification step.
Kept the design simple and focused on user privacy.
Anonymous reviews.
Added COD only to make payments safer & more reliable.
Phase 1: Research
A deep dive into discrete e-commerce 👀
A deep dive into discrete e-commerce 👀
A deep dive into discrete e-commerce 👀
A deep dive into discrete e-commerce 👀
I started my journey by
Diving Deep into User Needs
Diving Deep into User Needs
Diving Deep into User Needs
Diving Deep into User Needs
Diving Deep into User Needs
Project overview
It all started with discussions with the project manager and product owner. They walked me through what the platform needed to achieve. They also shared their vision for how it should look and feel. Their inputs were my guide, helping me understand the importance of discretion and compliance in this space.
It all started with discussions with the project manager and product owner. They walked me through what the platform needed to achieve. They also shared their vision for how it should look and feel. Their inputs were my guide, helping me understand the importance of discretion and compliance in this space.
It all started with discussions with the project manager and product owner. They walked me through what the platform needed to achieve. They also shared their vision for how it should look and feel. Their inputs were my guide, helping me understand the importance of discretion and compliance in this space.
It all started with discussions with the project manager and product owner. They walked me through what the platform needed to achieve. They also shared their vision for how it should look and feel. Their inputs were my guide, helping me understand the importance of discretion and compliance in this space.
Simple and edgy designs
Simple and edgy designs
Simple and edgy designs
Simple and edgy designs
Highlight the products like *poof*
Highlight the products like *poof*
Highlight the products like *poof*
Highlight the products like *poof*
Apply COD only for privacy?
Apply COD only for privacy?
Apply COD only for privacy?
Apply COD only for privacy?
Add same style of pictures to main uniformity?
Add same style of pictures to main uniformity?
Add same style of pictures to main uniformity?
Add same style of pictures to main uniformity?
Discover
I created the mood board after receiving the site reference and expectations of how the website should look like from the project manager and client.
I created the mood board after receiving the site reference and expectations of how the website should look like from the project manager and client.
I created the mood board after receiving the site reference and expectations of how the website should look like from the project manager and client.
I created the mood board after receiving the site reference and expectations of how the website should look like from the project manager and client.
About,
Testing, Learning, and Mood boarding
Testing, Learning, and Mood boarding
Testing, Learning, and Mood boarding
Testing, Learning, and Mood boarding
Testing, Learning, and Mood boarding
Project overview
Once I got the references, I dove straight into creating a mood board that reflected the vibe of the project. The idea was to keep it subtle yet professional, something that would make users feel comfortable browsing and buying.
Played around with gothic and fun colors like black and purple.
Picked typography that manifests gothic energy.
Minimal design to avoid drawing unnecessary attention.
Once I got the references, I dove straight into creating a mood board that reflected the vibe of the project. The idea was to keep it subtle yet professional, something that would make users feel comfortable browsing and buying.
Played around with gothic and fun colors like black and purple.
Picked typography that manifests gothic energy.
Minimal design to avoid drawing unnecessary attention.
Once I got the references, I dove straight into creating a mood board that reflected the vibe of the project. The idea was to keep it subtle yet professional, something that would make users feel comfortable browsing and buying.
Played around with gothic and fun colors like black and purple.
Picked typography that manifests gothic energy.
Minimal design to avoid drawing unnecessary attention.
Once I got the references, I dove straight into creating a mood board that reflected the vibe of the project. The idea was to keep it subtle yet professional, something that would make users feel comfortable browsing and buying.
Played around with gothic and fun colors like black and purple.
Picked typography that manifests gothic energy.
Minimal design to avoid drawing unnecessary attention.
Phase 2: Design
Building the Pages That Matter ⛑️
Building the Pages That Matter ⛑️
Building the Pages That Matter ⛑️
Building the Pages That Matter ⛑️
I started with
The Basics - Homepage
The Basics - Homepage
The Basics - Homepage
The Basics - Homepage
With the moodboard ready, I moved on to designing the core pages of the platform. It wasn’t just about making them look good; I wanted every page to be functional and intuitive while keeping the unique needs of discrete products in mind.
Designed the homepage, product listings, product details, cart, and checkout.
Added features to ensure smooth navigation and easy usability.
Tweaked and refined every page to align with the platform’s goals.
With the moodboard ready, I moved on to designing the core pages of the platform. It wasn’t just about making them look good; I wanted every page to be functional and intuitive while keeping the unique needs of discrete products in mind.
Designed the homepage, product listings, product details, cart, and checkout.
Added features to ensure smooth navigation and easy usability.
Tweaked and refined every page to align with the platform’s goals.
With the moodboard ready, I moved on to designing the core pages of the platform. It wasn’t just about making them look good; I wanted every page to be functional and intuitive while keeping the unique needs of discrete products in mind.
Designed the homepage, product listings, product details, cart, and checkout.
Added features to ensure smooth navigation and easy usability.
Tweaked and refined every page to align with the platform’s goals.
With the moodboard ready, I moved on to designing the core pages of the platform. It wasn’t just about making them look good; I wanted every page to be functional and intuitive while keeping the unique needs of discrete products in mind.
Designed the homepage, product listings, product details, cart, and checkout.
Added features to ensure smooth navigation and easy usability.
Tweaked and refined every page to align with the platform’s goals.
Homepage
Homepage
Homepage
Homepage
After designing a few iterations of the homepage, I had finalized on three different headers only. We used the left one in the beginning but later, right one was picked!
After designing a few iterations of the homepage, I had finalized on three different headers only. We used the left one in the beginning but later, right one was picked!
After designing a few iterations of the homepage, I had finalized on three different headers only. We used the left one in the beginning but later, right one was picked!
After designing a few iterations of the homepage, I had finalized on three different headers only. We used the left one in the beginning but later, right one was picked!
Product page - with reviews
Product page - with reviews
Product page - with reviews
Product page - with reviews
Product page - without any review
Product page - without any review
Product page - without any review
Product page - without any review
Ensuring privacy of the users, I integrated
Anonymous review option!
Anonymous review option!
Anonymous review option!
Anonymous review option!
Anonymous review option!
This option can raises the number of sales. This adds value not only to the customer's privacy but also makes the system more friendly.
This option can raises the number of sales. This adds value not only to the customer's privacy but also makes the system more friendly.
This option can raises the number of sales. This adds value not only to the customer's privacy but also makes the system more friendly.
This option can raises the number of sales. This adds value not only to the customer's privacy but also makes the system more friendly.
Write a review
Write a review
Write a review
Write a review
->
Option for anonymous reviews
Option for anonymous reviews
Option for anonymous reviews
Option for anonymous reviews
Last but not the least,
This is how the cart looks ike!
This is how the cart looks like!
This is how the cart looks like!
This is how the cart looks like!
This is how the cart looks like!
Cart - with no orders
Cart - with no orders
Cart - with no orders
Cart - with no orders
Cart - with orders (sample)
Cart - with orders (sample)
Cart - with orders (sample)
Cart - with orders (sample)
Lastly,
Securing Payments with COD
Securing Payments with COD
Securing Payments with COD
Securing Payments with COD
Securing Payments with COD
For the final touch, we opted for cash-on-delivery to keep things secure and reliable. This feature made sure the products were delivered safely and with authority.
Implemented COD to prioritize safety and trust.
Ensured the payment method aligned with the discreet nature of the shop.
For the final touch, we opted for cash-on-delivery to keep things secure and reliable. This feature made sure the products were delivered safely and with authority.
Implemented COD to prioritize safety and trust.
Ensured the payment method aligned with the discreet nature of the shop.
For the final touch, we opted for cash-on-delivery to keep things secure and reliable. This feature made sure the products were delivered safely and with authority.
Implemented COD to prioritize safety and trust.
Ensured the payment method aligned with the discreet nature of the shop.
For the final touch, we opted for cash-on-delivery to keep things secure and reliable. This feature made sure the products were delivered safely and with authority.
Implemented COD to prioritize safety and trust.
Ensured the payment method aligned with the discreet nature of the shop.
Phase 3: Deliver
Refinements, testing & Delivery 👩🏻🎨
Refinements, testing & Delivery 👩🏻🎨
Refinements, testing & Delivery 👩🏻🎨
Refinements, testing & Delivery 👩🏻🎨
Problem: Ensuring only legal-aged users could shop.
Adding the Age-Gate
Adding the Age-Gate
Adding the Age-Gate
Adding the Age-Gate
Adding the Age-Gate
One of the standout features was the age-restriction mechanism. This ensured only legal-aged users could access the shop, adding an extra layer of responsibility to the platform.
Designed an age-gate pop-up to verify users before entering the store.
Kept the process simple but effective to maintain a good user experience.
One of the standout features was the age-restriction mechanism. This ensured only legal-aged users could access the shop, adding an extra layer of responsibility to the platform.
Designed an age-gate pop-up to verify users before entering the store.
Kept the process simple but effective to maintain a good user experience.
One of the standout features was the age-restriction mechanism. This ensured only legal-aged users could access the shop, adding an extra layer of responsibility to the platform.
Designed an age-gate pop-up to verify users before entering the store.
Kept the process simple but effective to maintain a good user experience.
One of the standout features was the age-restriction mechanism. This ensured only legal-aged users could access the shop, adding an extra layer of responsibility to the platform.
Designed an age-gate pop-up to verify users before entering the store.
Kept the process simple but effective to maintain a good user experience.
Popup
Popup
Popup
Popup
Lastly,
My Favorite Page of this project!
My Favorite Page of this project!
My Favorite Page of this project!
My Favorite Page of this project!
My Favorite Page of this project!
I had the most fun creating this 404 page. Conceptually, I imagined a 'high' pirate/person who's searching for something that is completely on the other direction. Here, I inserted '404' tag as something the pirate is searching for!
I had the most fun creating this 404 page. Conceptually, I imagined a 'high' pirate/person who's searching for something that is completely on the other direction. Here, I inserted '404' tag as something the pirate is searching for!
I had the most fun creating this 404 page. Conceptually, I imagined a 'high' pirate/person who's searching for something that is completely on the other direction. Here, I inserted '404' tag as something the pirate is searching for!
I had the most fun creating this 404 page. Conceptually, I imagined a 'high' pirate/person who's searching for something that is completely on the other direction. Here, I inserted '404' tag as something the pirate is searching for!
404 page
404 page
404 page
404 page
Reflecting..
Reflecting..
Reflecting..
Reflecting..
I'd like to give a
Shout out to the amazing people I came across in this project
Shout out to the amazing people I came across in this project
Shout out to the amazing people I came across in this project
Shout out to the amazing people I came across in this project
Nissant
Nissant
Nissant
Nissant
Project manager
Project manager
Project manager
Senn
Senn
Senn
Senn
Developer
Developer
Developer
Yogesh
Yogesh
Yogesh
Yogesh
Developer
Developer
Developer
Lishnu Tech.
Lishnu Tech.
Lishnu Tech.
Lishnu Tech.
Lishnu Tech.
The entire org.
The entire org.
The entire org.
It's a wrap!
Next: Paisaipaisa
It's a wrap!
Next: Paisaipaisa
It's a wrap!
Next: Paisaipaisa
It's a wrap!
Next: Paisaipaisa
It's a wrap!
Next: Paisaipaisa
->
->
->
->
->