AC-Eilat

Our take on a responsive Ecommerce website selling computers and mobiles equipment.

A team Project during studies.
I took part in: Research, Branding, UX and UI.

The mission

Choosing a website that requires a UX and UI upgrade, analyzing it and offering a responsive solution for desktop and mobile.

Our Choice

The site we choose is AC-Eilat (https://aceilat.com) that is an e-commerce site for mobile and computers.

Watch the original site's design

Home page - click image to enlarge
Search page - click image to enlarge
Product page - click image to enlarge

Points for improvement

1

Outdated and messy interface.

2

Navigation is not convenient enough.

3

The products are thrown randomly and are not arranged in a way that is accessible to the customer and the business.

4

Spacing and alignment problems.

5

The font sizes and contrast make it difficult to read

6

The call to action buttons are not attractive enough.

7

Outdated logo.

Market and competitors

Key Players

IVORY
KSP
Bug

Insights

There is a trend of an increase in the percentage of consumers who switch to purchasing online, about 40% of them purchase electrical products and media products and accessories.
The smartphone and computer markets are markets with multiple sales and high profitability potential.
Putting the facts together, it can be assumed that a company that leads in this market will be able to achieve large profits now and in the future.
The online product sales platforms can make the desired difference in connecting the clientele to the network, when the data shows that there is a high loyalty to well-known websites (which create a sense of security among the customers).

Persona

woman avatar

Natalie Shemer

21 year old single gamer

General Information:
Freshly discharged from a technologic unit in the IDF. She is the captain of a group of gamers that competes in official competitions of the Gamers Association in Israel. She always strives to upgrade the computer's capabilities step by step to achieve an improved gaming experience. Looking for opportunities to purchase in sales.

Wants & Needs:
  • Comprehensive information about the products as far as hardware strength is concerned
  • Products intended for the gaming world with a compatible design and comfort for a long time.
Frustrations:
  • Buying expensive hardware without prior inspection.
  • Lack of knowledge about the delivery time.
woman avatar

Daniel Katz

A 16-year-old network adapter

General Information:
A high school student at a private school in Haifa. Maintains Tik Tok and Instagram pages with great exposure and uses them to upload opinion videos about sports in Israel and around the world. The smartphone is his whole world and with its help he creates content with high photographic quality.

Wants & Needs:
  • Small home lighting and recording equipment and cool smartphone accessories.
  • Option to preview the variety of designs and colors of the product.
Frustrations:
  • The prices are too high.
  • Difficulty in sharing the product with other people because you have to approve the product in front of the paying parents.
woman avatar

Yadid Malka

45 year old web designer

General Information:
Married + 4 children owns an independent website design and marketing business. A business that has been around for 20 years. He is always looking to innovate and promote his business with the best and newest products available on the market.

Wants & Needs:
  • Information about new products and what is special about them.
  • Possibility of a discounted offer for businesses.
Frustrations:
  • Payment security level.
  • As a professional a user-unfriendly interface drives him crazy.

UX

Home Page - Web & Mobile

Image 1
click the image to enlarge
Image 2
click the image to enlarge

Serach Page - Web & Mobile

Image 1
click the image to enlarge
Image 2
click the image to enlarge

Product Page - Web & Mobile

Image 1
click the image to enlarge
Image 2
click the image to enlarge

Design system & Branding

Typography

Noto Sans Hebrew

A B C D E F G H I G K L M N O P Q R S T U V W X Y Z
Text :  28px  24px   20px   18px   16px   
Headlines (Bold): 28px  24px   20px   18px   16px   
Iconography
Logo & Slogan
App's Colors
Buttons
Elements

UI

Home Page - Web & Mobile

Image 4
click the image to enlarge
Image 5
click the image to enlarge

Serach Page - Web & Mobile

Image 6
click the image to enlarge
Image 7
click the image to enlarge

Product Page - Web & Mobile

Image 8
click the image to enlarge
Image 9
click the image to enlarge