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 New website
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.
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 – New In
New In!
Contact Us – New In
Lack of contact option
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