Service
MOBILE APP
made for
Al-SHAMIL
DATE
AUGUST2021
E-Commerce online store
Shamil is a Saudi online store, affiliated with the Al Shamel
Premium Company. All Al Shamel branches specialize in selling all
family needsThere are also branches of the comprehensive
specializing in selling family needs: household utensils - home
appliances - dining table - cooking tools - toiletries - bathroom
accessories. They wanted to have website and application where
their customers can visit and see all types of products and offers
available and can make purchases.
Al-Shamil App
Al-Shamil online store is based on more than 20 years of experience in all regions of the Kingdom. Al-Shamil has
a mass base in all cities of the Kingdom, with customers who trust its high-quality products and competitive
prices, in addition to providing multiple options to ensure that its visitors have access to Their desires are
among thousands of options.
The company is seeking in the coming period, through its plan to develop and expand, to expand its activities to
include the countries of the Gulf Cooperation Council as well.
Benefits of online shopping
A great advantage of online shopping is the flexibility of shopping. Because the Online Shop has no holidays,
closings or any other issues. You can also be proactive about when to shop. Anytime, anywhere, whether 1pm
or 12pm, you still have the ability to surf the web and place orders. Not depending on the opening hours of the shopping centers.
  • • Easily compare prices and quality of items
  • • Flexibility when shopping
  • • Easily compare prices and quality of items
  • • Full variety of products
  • • Shopping without harm
  • • Avoid uncomfortable distractions
  • Defining The Goals
    To create an e-commerce marketplace where people can shop for their favourite clothing item.
    A simple and attractive one-stop destination to shop for clothes. E-commerce sales have
    increased by 28% following the Covid pandemic with clothing being the third-largest item.

    Projects goals

    The goal of the product is to deliver a quality experience with a simple and
    attractive interface. The best choice is to build a mobile application to increase
    reach and impact. A well-designed e-commerce app can be more effective than
    a website as it is quicker and easy to use.

    Users goals

    Shop a wide selection of Women's Fashion Clothing, Men’s Fashion,
    Mother & Babies, Home & Kitchen, Perfume with top quality and great
    discounts

    Business goals

    Awaring people the benefits of online shopping while expanding
    customer base and market share.

    Project Stages
    The goal of the product is to deliver a quality experience with a simple and attractive interface. The best choice is to build a
    mobile application to increase reach and impact. A well-designed e-commerce app can be more effective than a website
    as it is quicker and easy to use.
    Research
    Context study
    User pain points
    Competitive audit
    Learn & Analysis
    Problem statement
    User research
    Persona
    Wireframing
    Information Architecture
    Low fidelity wireframes
    User flow
    Design
    Design principles
    High fidelity wireframes
    Iteractive prototypes
    Feedback
    Field testing
    Stakeholder review
    Designer critiques
    01. Research
    User pain points
    The UX pain points relate to finding the correct
    data object where the search engine results are
    either too restricted, producing limited or
    incomplete information.
    Competitive audit
    Analyze the market for the presence of existing
    products,and get a further understanding as to
    what users might expect and how Fresh Market
    could improve that experience.
    02. Learn & Analysis
    User research
    Learning and understanding the context of
    problems faced by the clients will give insight
    what possible outcomes there are for the
    design.
    Persona
    After user research and analysis, user attitudes
    and behoviors were assessed which are
    explained by empathy map and persona.
    persona may help to infer what a real person
    might need.
    03. Wireframing
    User flow
    User flows are a great method for segmenting
    and defining your user experience. Thay allow
    you to track what screens users typically see
    when they interact with a product and haw they
    interact with those screens.
    Low fidelity paper sketches
    The paper sketches is a necessary part of the
    design process because it helps convey the
    information architecture and user flow of an
    app in a simple way.
    04. Design
    Wireframes & UI Iterations
    With a solid basis of UX findings, the visual part
    of the app was designed, such as brand style,
    UI elements, moodboards, pixel-perfect
    mockups & design system.
    Design principles
    There are twelve basic principles of design:
    contrast, balance, emphasis, proportion, hierarchy,
    repetition, rhythm, pattern, white
    space, movement, variety, and unity. These
    principles work together to create visually
    appealing and functional designs that make
    sense to users.
    05. Feedback
    Field testing
    Field Testing means creating, using and
    iterating your offering before offering it to
    customers. The purpose of Field Testing is to
    minimize risk.
    Key takeaways
    With the requirements from the project brief and research plan in hand that served as a guide
    that followed throughout the research phase.
    • In the most recent measured time period, online clothing and home appliance purchases
    have increased by 40% compared to the previous period.
    • According to the latest survey, online shoppers ranged from 18 to 40 years old,
    including both men and women.
    E-commerce Shopping Customer
    According to Nielsen Research, 60% of online shoppers are from women and 40% of online shoppers from men.
    The age of online shopping from 25-29 years old accounts for 55%. The majority of online shoppers are single people,
    55% of customers are office workers using online shopping services. Currently,
    35.8 million people use the internet connection, an annual increase of 11%.
    HANNAH NICOLLET
    Age: 18 - 25 years
    Profession: Student
    Hannah is engineering student at the university that has a great sense of fashion. She
    has a busy schedule with keeping up with daily classes while maintaining his social
    life.
    Needs
    • Increase in the security of shopping platforms.
    • Add more styles / sizes to online fashion shops.
    • Better clothing quality.
    Frustrations
    • Price of clothes isn't fixed, prices get hiked a lot.
    • Hardly find her size/style
    Sara Ali
    Age: 30 - 40 years
    Profession: Senior Economist
    Sara is a busy person with lots of meetings and activities to end. With such a busy
    lifestyle, it gets difficult to her to take time out of her career/home needs and buy the
    right apparel. Running on tight schedules, she misses her delivery most of the time
    and to schedule, a return is a hassle.
    Needs
    • Want to have the only one easy way to quickly view many
    items and save my hours inline
    • Want clothes were delivered to home
    • Avoid the hassle of returning
    Frustrations
    • Confused with sizes don't have time to go to the shop stores
    • Don’t have time to view items on the many e-commerce stores
    • Don't have much knowledge of fabric
    Arif Fasil
    Age: 40-45 years
    Profession: Manager
    Arif is working as a top manager in the company. Loves modern, high-quality and
    functional things. Does not want to spend a lot of time looking for the right thing.
    Needs
    • Wants to buy quality items
    • Wants to shop quickly and safely
    • Wants to find any products that he needs without
    spending a lot of effort
    Frustrations
    • Afraid of receiving poor quality goods
    • Afraid that the seller will not be honest
    • Afraid of buying items that don't live up to expectations

    Font

    Roboto

    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    abcdefghijklmnopqrstuvwxyz
    0123456789
    [email protected]#$%^&*()

    WEIGHT EXAMPLE USAGE
    Thin (100) ASHAMIL is dedicated to the one-stop-shop
    concept and it provides families an all-in-one destination.
    Use freely
    Light (300) ASHAMIL is dedicated to the one-stop-shop
    concept and it provides families an all-in-one destination.
    Use freely
    Regular (400) ASHAMIL is dedicated to the one-stop-shop
    concept and it provides families an all-in-one destination.
    Use freely
    Medium (500) ASHAMIL is dedicated to the one-stop-shop
    concept and it provides families an all-in-one destination.
    Use freely
    Bold (700) ASHAMIL is dedicated to the one-stop-shop
    concept and it provides families an all-in-one destination.
    Use freely
    Black (900) ASHAMIL is dedicated to the one-stop-shop
    concept and it provides families an all-in-one destination.
    Use freely

    Primary color

    Icon

    Home Screen & Product pages
    Other pages

    Thanks for your attention!

    Need help with a project? Contact us!