Building an Ecommerce Website that stands out is hard! Your website is your brand’s storefront – it needs to convey your brand ethos, look good and provide a great buying experience.
Sadly, many e-commerce brands fail because they are not able to get this right.
So in this Episode 8 of Building an Indian D2C brand series, we break down the complete process of creating an eCommerce website from scratch. We are SimplePlan Media, a branding and website design and development agency in New Delhi, India, specialising in creating D2C websites that are optimised for conversion.
The complete website design and development process can be divided into three broad phases:
1. User Experience Design (UX)
2. User Interface Design (UI)
3. Website Development (Shopify Development)
But before we even start the website design process, we need to answer an important question: what CMS should we choose to build the website on.
Shopify is hands-down the best option available in the market for small to medium size businesses. And this is what we generally recommend to our clients as well.
Once the platform is locked in, we start with the User Experience Design (UX) for the website which involves:
1. Persona Mapping: This exercise covers aspects like what questions will people have when they land on our website, what problems will they potentially face and what are some opportunities to bring these users closer to our brands.
2. Information Architecture: Think of them as detailed sitemap, which cover how many pages will be there, how the users will navigate from one page to another and what information needs to be covered in each page.
3. Wireframes – In this step, we design the layout and sections of each page and finalize where the content and images will be placed.
After the UX phase, we start with the UI design phase where we start designing high-fidelity website mockups on Figma based on the Wireframes. We start with the homepage, and once it is approved by the clients, we start designing other inner pages.
With all the Figma UI Design approved, we move to the next step of setting up a Shopify Store. This is where the Figma designs are custom-coded to build a custom Shopify Theme. Our Shopify Development team is then responsible to upload the inventory, integrate payment gateways, Shopify Apps, shipping partners and testing everything to make sure that the website works flawlessly across all devices.
Watch this episode to see our step by step website design process to build a Shopify store for a clothing brand from scratch.
#ecommerce #d2c #ecommercewebsite #ecommercewebsitedesign #webdesign #shopifystore #userexperience #howtobuildabrand #uiuxdesign
––––
Episode Breakdown:
0:00 – Highlights of Episode 8
0:11 – Overview of the series
0:21 – SimplePlan Introduction
0:28 – Recap of Episode 7
0:43 – Introduction of episode 8
2:00 – Yogesh & Rahul Explaining Next Steps
4:45 – The UI Phase
7:02 – The Development Phase
10:15 – The QA Phase
12:15 – Overcoming QA Challenges
13:26 – Client’s Thoughts on Website
14:20 – Overview of Episode 8
––––
Check out our entire playlist on how to build an Indian D2C brand:
––––
“Building an Indian D2C Brand” is a series where we’ll give you a rare glimpse of what happens behind closed doors, as we guide our client, Amaltas Couture, to build a new sub-brand. You’ll see how ideas are shaped and take the form of a new identity system, packaging, messaging, website, and ultimately see the brand launch. Shadow our execution and marketing heads, Yogesh and Rahul, through the entire branding and marketing process.
––––
Check out our UX Design Guide
Check out our UI to Development Handoff guide
https://www.simpleplanmedia.com/products/ui-to-development-handoff-guide/
––––
Affiliate Links *
Level up your content with the exact gear we use — Check out our production kit linked below —
Primary Camera — https://amzn.to/4jbWiPh
Secondary Camera — https://amzn.to/44LwCpn
Mics — https://amzn.to/43WplSB
Tripod — https://amzn.to/3SgpXfh
Camera Rig/Clamp – https://amzn.to/4jKdTy4
Liked our sound score? Check out the epidemic sound for the background score that we use —
https://share.epidemicsound.com/9vfvxc
* By purchasing through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.
––––
Director – Shankuk Tripathi.
Chief Editor – Malhar Ameta.
Editors – Budhaditiya Mukherjee, Himanshu Dagar.
Voiceover/Narration – Ayushi Rana.
––––
Subscribe to learn more about how to build a brand
https://www.youtube.com/@simpleplanmedia?sub_confirmation=1
Follow us:
https://www.instagram.com/simpleplanmedia/
Visit our website
