E-Commerce Website

7

Screen:

In today's digital age, many local businesses still aren't fully online. If they are, it's often just a basic webpage, which isn't good enough. But for small businesses, being online is as important as having a physical store. Search engines like Google prefer local businesses, so having an online shop is the best way to promote a store. Plus, it's a great way to make more money by offering services like online ordering or delivery.

Our challenge was : create a website that works well on all devices for a local business or professional.

Introduction:

Our stockholder currently doesn't have a good online platform to display and sell her carefully made designs to people around the world. Because she doesn't have an online store, she can't reach many customers outside her local area, which makes it hard for her brand to grow and become well-known.

In order to gain deeper insights into the challenges and aspirations of our stakeholder, we conducted a comprehensive interview aimed at understanding her experiences and goals in the realm of e-commerce and design. The following excerpt encapsulates our dialogue with the Stakeholder, shedding light on her perspectives and requirements.

Stakeholder interview

Motivation

What drove me to start was the joy and fulfillment I experience while designing, coupled with my passion to distinguish my creations from others

In order to gain a comprehensive understanding of the market dynamics surrounding our stakeholder's business, we conducted an in-depth competitive analysis. This analysis delved into key aspects of the market landscape, including feature analysis, brand analysis, and competitor mapping.

The following section provides insights gleaned from our thorough examination of the competitive landscape.

Competitive Analysis:

Interview Users

We conducted 5 interviews with 5 people, and here some of the answer they give us

• “lately I prefer to buy from online because it’s faster and more easier”

• “I prefer online shopping where I can find my style and the colors I like their!”

• “Online store is time saving, and they offer more coupons.”

• “Most of time online store because I can use the filter feature which is mush more easier”

• “I prefer online stores because onsite options are limited, and they consume time and effort.”

Affinity Diagram

Transitioning to the affinity diagram enables us to effectively organize and synthesize the feedback and insights obtained during the interview. This method involves grouping together similar concepts and recurring themes, streamlining the process of analysis and consolidation.

Based on the insights gathered from the interview, we've constructed an empathy map—a valuable tool for recognizing both the challenges and advantages encountered by our users. This map aids us in addressing the pain points and benefits identified during our interactions with users, allowing us to delve into their thoughts, emotions, pains, and gains.

Empathy Map

We leveraged the user persona to delve deeper into the characteristics of our typical users, offering rich insights into their preferences, aspirations, pain points, and specific requirements. This comprehensive understanding enables us to tailor our solutions more effectively to meet the diverse needs of our target audience.

User Persona

User Journey

Problem Statement

How Might We

These How Might we statements below propose potential solutions to the problem statement above, each statement offering potential avenues for solution development.

In project management, "MoSCoW" is a technique used to prioritize features or requirements. It helps categorize them based on their importance, using four categories: Must-Have, Should-Have, Could-Have, and Won't-Have.

MoSCoW

We began by sketching out rough drafts to test our ideas quickly. This helped us refine our concepts before diving into more detailed designs.

Low-Fidelity Prototype

Home page - Casual dress - Customize dress - cart page - Thank you page

As we moved from our low sketches to mid-fidelity designs, our vision gained clarity and depth. Each detail added brought us closer to a tangible representation of our ideas. they allowed us to delve deeper into functionality and user experience.

Our Mood board visually reflects our brand's identity, it guides our design direction by capturing the desired characteristics and emotions we aim to convey to our audience.

The Brand Attribute:

Classic with creativity — Elegant — Glamorous — Unique — Luxurious — Feminine.

Mood Board / Brand Attribute

A style tile is like a cheat sheet for our brand's design vibe. It's a quick snapshot that shows off our colors, fonts, textures, and images, giving a clear picture of our aesthetic vision in one glance.

Style Tile

In the high-fidelity phase, we create a design prototype that's as close to the final product as possible. It looks, feels, and functions just like the real thing. Ready to see it in action? Click the button below to check out our high-fidelity design on Figma.

High-Fidelity Prototype

Home Screen

In the Home Page we have many screen like a section dedicated for advertisements, showcasing any sales or promotions to be highlighted for the user.

Another section divided into three main sections:

Luxury Dresses - Casual Dresses - Classic Dresses - Customized Dresses

The contains a huge section displaying various dresses with their prices, provides filtering options for users to refine their dress search based on criteria such as size, color, etc.

Customized Dress

If you want a special design you can select the Customized Dress section users can provide additional details such as preferred style, size, colors, picture of the dress they want to customize, fabric and any specific features they want to incorporate

Cart Page

The cart page displays a brief summary of the selected dress, including its description, price, quantity, and total cost. Users can review this information before proceeding to checkout to ensure accuracy and make any necessary adjustments to their order.

Thank you Page

The thank you page not only confirms the order but also provides users with important details, including the estimated shipping arrival time and a summary of the order, ensuring a smooth and informed post-purchase experience

Conclusion

In conclusion , the website lets people find and buy beautiful clothes for different events. It's easy to use and looks great, making it simple for both the designer and customers to connect. This means the designer's creations can reach more people worldwide, letting her talent shine bright.

Thank you for your reading