ima4ima

  Redesign Website

  Informative & store

 ima4ima

  Redesign Website

informative and store

ima4ima Redesign website

Informative and store

Client
ima4ima website

Platforms
Desktop & Mobile

Deliverables
UX/UI, Research

Tools
Axure, Figma, wordpress elementor

Play New website

Play Video

Play New website

Play Video

THE CONTEXT

ima4ima is a social network for pregnant women and early mothers

accompanying them throughout their pregnancy and childbirth, with thousands of other pregnant women. The goal is to add a webstore and make the informative site more intuitive to use and usable.

THE CONTEXT

ima4ima is a social network for pregnant women and early mothers

Accompanying them throughout their pregnancy and childbirth, with thousands of other pregnant women. The goal is to add a webstore and make the informative site more intuitive to use and usable.

PROBLEM

Light and easy intuitive is the name of the game!

  • The site should be properly designed and organized
  • The coupon menu should be intuitive and designed up to date.
  • In order to increase the number of users the registration needs to be short and easy to fill
  • No webstore
  • Contacting! a required option on each site

THE PROBLEM

Light and easy intuitive is the name of the game!

  • Should be properly designed and organized
  • The coupon menu should be intuitive and designed up to date.
  • In order to increase the number of users the registration needs to be short and easy to fill
  • Contacting!
    A required option on each site

USER RESEARCH

Intervies

My main interviews were with the head of business deveopment at ima4ima and with the program management office analyst at ima4ima, they gave the information i needed About the feedback they received from their Customers.
Accordingly, the personas were chosen and i have focused In solving their issues

USER RESEARCH

Interviews

My main interviews were with the head of business deveopment at ima4ima and with the program management office analyst at ima4ima, they gave the information i needed About the feedback they received from their Customers.
Accordingly, the personas were chosen and i have focused In solving their issues

MARKET CONVENTIONS

New icons for consultant category i’ve found them extreamly practical

pregnancy experts

maternity after birth experts

Parental Training

Medical Experts

Emergency Centers

General Consultation

MARKET CONVENTIONS

New icons for consultant category
 i’ve found them extreamly practical

pregnancy experts

maternity after birth experts

Parental Training

Medical Experts

Emergency Centers

General Consultation

INSPIRATION

My design was inspired by the artist Kate Ballis “Infra Realism” series

Define colors on the same scale that form a unified language. Minimalist but yet bright, vivid and full of contrast.

INSPIRATION

My design was inspired by the artist Kate Ballis
“Infra Realism” series

Define colors on the same scale that form a unified language. Minimalist but yet bright, vivid and full of contrast.

UI STYLE GUIDE

To keep design consistent
throughout the product
I created this style guided

studies show that using style guides is necessary to ensure cohesiv
product design and user experience. It can also help with faster
development time and improved communication among all the
 stakeholders.

TYPOGRAPHY

H1: Varela Round

H2: Alef  Hebrew

H1: Alef Hebrew

COLOUR PALET

PERSONAS

Amanda Lee, 36

Designer

Motivation:
“All the information in one place”

I would like:
The site needs to be redesigned and it should have a webstore, for all the product it represents.
Like, one stop shop.

Ema Cheise, 28

sales manager

Motivation:
“Now that im pregnant, i use more the Consultants Page and the coupones page”.

I would like it to be:
More responsive. Mobile display visibility is not formatted correctly.

Osnat Sharon 32 Designer

Motivation: "All the information in one place" I would like: The site needs to be redesigned and it should have a webstore, for all the product it represents. Like, one stop shop.

Efrat Tal 37 Sales Manager

Motivation: "Now that im pregnant, i use mort the Consultants Page and the coupones page". I would like it to be: More responsive. Mobile display visibility is not formatted correctly, so it should be redesigned. 

Lilach Peri 36 Full time Mom

Motivation: "Now that im pregnant, i use more the Consultants Page and the coupones page". I would like it to be: More responsive. Mobile display visibility is not formatted correctly, so it should be redesigned. 

Motivation: “All the information in one place”
I would like: The site needs to be redesigned and it should have a webstore.

Osnat Sharon

32. designer, desktop & mobile

Motivation:
“Now that im pregnant, i use mort the Consultants Page and the coupones page”
I would like it to be:
More responsive. Mobile display visibility is not formatted correctly, so it should be redesigned. 

Efrat Tal

28, sales manager, tablet & mobile

Motivation:
My childrens are the most important to me, and as a full time mom i want to konw what are the knew products in the market. In case of a problem with one of the children, I consult with experts who provide service on the site
I would like to have: 
Online shop

Lilach Peri

36,full time mom, desktop & mobile

SOLUTIONS

But Hey! The new website and creating the webstore might be the solutions

GOALS

My goal was to achive two main initial goals

First, i had to increase the number of useers. And then build a site store for
 them to create a “one stop shop”.

HomePage

BEFORE

Many icons – Reducing the number of categories.
Left side bar – It is not needed.The categories appear above, creating a user load
The logo should be in the middle and not the navigations.
The font is outdated – needs to be Sanserif.

AFTER

Less categories.
Setting the color scale for the site – Creates uniformity and consistency.
The logo centered.

HomePage

Current Homepage

Many icons – Reducing the number of categories.
Left side bar – It is not needed.The categories appear above, creating a user load
The logo should be in the middle and not the navigations.
The font is outdated – needs to be Sanserif.

New Homepage

Less Categories.
Setting the color scale for the site – creates uniformity and consistency.
Teh logo centered.

Coupones

BEFORE

The advertisement on the left is not in a defined hierarchy.
Lack of design the button and dropdowns element.
The information of the coupone is very small, almost cant see.

AFTER

An option to “subscribe”.
Coupones icons are orgenized according to the hierarchy.
The categories line give the right options.
On mouse over the coupone, we can see details and “add to the basket” option.
A red warning above the subscribe that draws the attention the user needs to add the product first in order for the coupon to be redeemed.

Coupones

Current

Coupones page

The advertisement on the left is not in a defined hierarchy.
Lack of design the button and dropdowns element.
The information of the coupone is very small, almost cant see.

New

Coupones page

  • An option to “subscribe”.
  • Coupones icons are orgenized according to the hierarchy.
  • The categories line give the right options.
  • On mouse over the coupone, we see details and “add to the basket” option.
  • A red warning above to draw the user attention

SignUp / SignIn

SIGNIN - BEFORE

No hirarcey.
Asymmetrical buttons locations.
The password located way out of range.

SIGNUP-BEFORE

Should be short and very easy to fill.
One button (signup with facebook) is up and the other is down and there is no hierarchy between them.
No hierarchy between the text on the right and fill boxes on the left.

New SignIn

New SignUp

Signup/Signin

Current

New

  • A pop up listing instead of full screen.  Easier  and faster to toggle between them.
  • On signup there are specific sections to fill in-very short and does’t make the user despair and leave the page.
  • Signin/up through Facebook to allow an easier and faster registration.

Contact Us

Contact Us – New In

New In!

3 ways
contat form & errors
confirmation

Contact Us – New In

Lack of contact option

3 ways
contat form & errors
confirmation
Previous
Next

Current Magaines first page

  • there is a category tool bar above and another one on left which Creates a load on the user’s eye
  • The order in the cascading stories is not correct and very crowded

New Magazines first Page

Main Page 

  • A link button above for access to the webshop “Lets Shop”
  • Magazine category
  • Articles page – Main article and for more articles, scroll down.
  • On the left side there is a  static slider shop photos with “shop” button, Click for direct access to the store

Thank you for exploring.... stay tuned!