[et_pb_section fb_built="1" _builder_version="4.4.6" background_color="#ffffff" custom_padding="||13px|||"][et_pb_row _builder_version="4.6.5" custom_padding="||1px|||"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_text content_tablet="

Investoxpert: Real Estate Portal

" content_phone="

Investoxpert: Real Estate Portal

" content_last_edited="on|desktop" _builder_version="4.4.6" text_font="Montserrat||||||||" text_font_size="18px" text_line_height="1.6em" header_font="Lato|700||||||rgba(0,0,0,0)|" header_text_color="#000000" header_font_size="50px" header_line_height="1.2em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|14px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_font_size_tablet="" header_font_size_phone="30px" header_font_size_last_edited="on|phone" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]

Lead Mirror

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.6.5" custom_padding="0px|||||"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_text _builder_version="4.4.6" text_font="Lato||||||||" text_text_color="#000000" text_font_size="18px" text_line_height="1.6em" header_2_font="Lato|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|-2px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone"]

A all in one SEO Tool to Plan, Assist and Optimize Marketing Strategies towards effective Lead Conversions.

[/et_pb_text][et_pb_button button_url="http://www.leadmirror.com" button_text="View Live Website" button_alignment="center" _builder_version="4.4.6" custom_button="on" button_text_size="16px" button_text_color="#ffffff" button_bg_color="#000000" button_border_color="#000000" button_border_radius="4px" button_font="Lato|700|||||||" custom_margin="29px|||||" locked="off"][/et_pb_button][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.6.5"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_image src="http://rahulram.in/wp-content/uploads/2020/10/PageSEO-Insights-View.jpg" title_text="PageSEO-Insights-View" _builder_version="4.6.5" box_shadow_style="preset2"][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" _builder_version="4.6.5" background_color="#f9f9f9" custom_padding="35px||2px|||"][et_pb_row column_structure="2_3,1_3" _builder_version="4.6.5"][et_pb_column type="2_3" _builder_version="4.6.5"][et_pb_text _builder_version="4.4.6" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone"]

Problem Statement

Lead Mirror is  all in one SEO Tool to plan and optimize the marketing strategies for effective Lead Conversions,but its Existing UI had so many usability issues which were affecting the overall User Experiences.

[/et_pb_text][et_pb_text _builder_version="4.4.6" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone"]

Goals

  1. To Increase monthly user subscription.
  2. To increase user Engagement by 60%.

[/et_pb_text][/et_pb_column][et_pb_column type="1_3" _builder_version="4.6.5"][et_pb_text _builder_version="4.6.5" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone"]

My Responsibility

As a Ux Designer my role is to learn and understand SEO to identify potential problems, conduct user interviews, Competitor analysis, Wireframing, Prototyping, Building UI Components, Usability Testing.

Project Duration:

March 2020 to May 2020.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" _builder_version="4.4.6" background_color="#ffffff"][et_pb_row _builder_version="4.6.5" custom_padding="||4px|||"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_text _builder_version="4.4.6" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone"]

1.APP Audit

My initial step was to understand the user data with the help from hotjar, Google Analytics and Google Search Console. 

The Bounce ratio was 72% which is very high from the optimum rate of 40-50%.

The Average visit rate was 4 minutes which is 2 mins higher than optimum rate might indicate the user might be lost or confused by the use tool.

[/et_pb_text][et_pb_text _builder_version="4.6.5" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone"]

-Identifying Usability Issues in the Existing UI.

After going through google analytics, I wanted to Do a General Heuristic Usability Test based on Nielsen Principles to understand why there is a high bounce ratio and less user engagement.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.6.5"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_image src="http://rahulram.in/wp-content/uploads/2020/10/Page-SEO-Overall-Campaign-View.jpg" title_text="Page-SEO Overall Campaign View" _builder_version="4.6.5" box_shadow_style="preset2"][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.6.5"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_text _builder_version="4.6.5" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]

1.When I first opened the tool, I found terms like LINK SENSE, ORGANIC SENSE Which were new to me try googling it but did not find any relevant meaning. Guiding Hints for terms were also missing.

[/et_pb_text][et_pb_text _builder_version="4.6.5" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]

According to the 2nd Principle of Usability Heuristic: The System should speak users language (i.e SEO Terms).

[/et_pb_text][et_pb_text _builder_version="4.6.5" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]

2.I was lost in creating a new campaign, reason being the inline functions were not clearly visible and lack of a feedback system made me think I have done something wrong in the process. 

[/et_pb_text][et_pb_text _builder_version="4.6.5" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]

3.The Confusing Delta Icons( Up & Down Arrow) meaning there is a change in rankings for keywords does not convey the same meaning as intended. 

According to the fourth Principle of Usability Heuristic: Users should not have to wonder whether different words, situations, or actions mean the same thing. 

 

[/et_pb_text][et_pb_image src="http://rahulram.in/wp-content/uploads/2020/10/Screenshot-2020-10-16-at-3.55.36-PM.png" title_text="Usablity" _builder_version="4.6.5" custom_margin="40px|||||" box_shadow_style="preset2"][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.6.5" custom_margin="60px|auto||auto||"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_text _builder_version="4.6.5" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]

3. User Persona

Then I came up with these 2 personas to serve as a cumulative representation of all the  common user needs, goals, tasks and pain points from the user interview. By doing this I was able to explore the new opportunities in the domain which were missing in the latest tools.

[/et_pb_text][et_pb_image src="http://rahulram.in/wp-content/uploads/2020/10/User-personaUx-Persona-2.jpg" title_text="User personaUx-Persona-2" _builder_version="4.4.6" custom_margin="40px|||||" box_shadow_style="preset2" locked="off"][/et_pb_image][et_pb_gallery gallery_ids="3929,3928" fullwidth="on" _builder_version="4.6.5" box_shadow_style="preset2"][/et_pb_gallery][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.6.5" custom_margin="1px|auto||auto||"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_text _builder_version="4.6.5" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]

4.Competitor Analysis

Identifying the Key competitors and evaluating their strategies to determine their strengths and weaknesses helped me to find some opportunity areas for our tool and weakness.

[/et_pb_text][et_pb_image src="http://rahulram.in/wp-content/uploads/2020/10/User-personaCompetitor-Analysis-1.jpg" title_text="User personaCompetitor Analysis-1" _builder_version="4.4.6" custom_margin="40px|||||" box_shadow_style="preset2" locked="off"][/et_pb_image][et_pb_gallery gallery_ids="3931,3930" fullwidth="on" _builder_version="4.6.5" box_shadow_style="preset2"][/et_pb_gallery][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" _builder_version="4.6.5" background_color="#ffffff" custom_padding="0px||0px|||"][et_pb_row _builder_version="4.6.5" custom_padding="||2px|||"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_text _builder_version="4.6.5" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|50px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]

Low Fidelity Wireframe

I had compiled and concluded simple sketches, layouts, features and ideas based on my initial User research I have done. The Ideas were directly presented to the CEO about different solutions and problems on the approach of revamping the User Interface. Due to covid Brainstorming sessions were conducted in  Google meet and it was quite challenging.

[/et_pb_text][et_pb_gallery gallery_ids="28,29,30" fullwidth="on" _builder_version="4.4.6" locked="off"][/et_pb_gallery][et_pb_gallery gallery_ids="3932,3933,3934" fullwidth="on" _builder_version="4.6.5" box_shadow_style="preset2" locked="off"][/et_pb_gallery][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.6.5" custom_margin="70px|auto||auto||"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_text _builder_version="4.6.5" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]

Digital Prototype

I created Medium fidelity wireframes compiling all the ideas and solutions discussed during the brainstorming session using figma tool. Then these wireframes were presented to the development team via google meet to check the technical feasibility of the features.

[/et_pb_text][et_pb_gallery gallery_ids="35,34,33,31" fullwidth="on" _builder_version="4.4.6"][/et_pb_gallery][et_pb_gallery gallery_ids="3940,3941" fullwidth="on" _builder_version="4.6.5" box_shadow_style="preset2"][/et_pb_gallery][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" _builder_version="4.6.5" background_color="#f2f2f2" custom_padding="4px||4px|||"][et_pb_row _builder_version="4.6.5" custom_padding="43px||3px|||"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_text _builder_version="4.6.5" text_font="Montserrat||||||||" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]

Prototyping

[/et_pb_text][et_pb_text _builder_version="4.6.5" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]

High Fidelity Prototype

Based on the wireframe iterations and changes, I further developed a higher fidelity prototype showcasing what the product would look like and function.  I used Figma for creating High Fidelity Prototypes.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.6.5"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_text _builder_version="4.6.5" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]

UI Components Based on Guidelines

Design consistency plays a vital role in the overall user experience of the product. I ensured all the brand assets- Typography, Icons, Colors, Grid system are based on web accessibility Guidelines.

[/et_pb_text][et_pb_image src="http://rahulram.in/wp-content/uploads/2020/10/User-personaBrand-Asset-2.jpg" title_text="User personaBrand-Asset-2" _builder_version="4.4.6" custom_margin="40px|||||" box_shadow_style="preset2" locked="off"][/et_pb_image][et_pb_gallery gallery_ids="3944,3947" fullwidth="on" _builder_version="4.6.5" box_shadow_style="preset2" locked="off"][/et_pb_gallery][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.6.5" custom_margin="0px|auto||auto||"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_text _builder_version="4.6.5" text_font="Lato||||||||" text_text_color="#474747" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" animation_style="fade" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]

Improving Usability.

To improve usability I ensured the core functionalities are clear and prominent to the user.

[/et_pb_text][et_pb_image src="http://rahulram.in/wp-content/uploads/2020/10/User-personaUsablity.jpg" title_text="User personaUsablity" force_fullwidth="on" _builder_version="4.6.5"][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.6.5" custom_margin="-4px|auto||auto||" custom_padding="||0px|||"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_text _builder_version="4.4.6" text_font="||||||||" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||0px||false|false" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]

Improvised Page SEO (Feature-1)

[/et_pb_text][et_pb_image src="http://rahulram.in/wp-content/uploads/2020/10/PageSEO-Summary-View.jpg" title_text="PageSEO-Summary-View" _builder_version="4.4.6" custom_margin="-1px|||||" box_shadow_style="preset2" locked="off"][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.6.5" custom_margin="50px|auto||auto||"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_image src="http://rahulram.in/wp-content/uploads/2020/10/PageSEO-Insights-View-1.jpg" alt="PageSEO comparison view." title_text="PageSEO-Insights-View" _builder_version="4.4.6" custom_margin="-2px||60px|||" box_shadow_style="preset2" locked="off"][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" _builder_version="4.6.5" background_color="#242636"][et_pb_row _builder_version="4.6.5" custom_padding="||0px|||"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_text _builder_version="4.4.6" text_font="Montserrat||||||||" text_text_color="#ffffff" text_font_size="18px" text_line_height="1.8em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" header_4_font="Montserrat|700|||||||" header_4_text_color="#ffff00" header_4_font_size="25px" header_4_line_height="1.6em" custom_margin="0px|2px|40px|2px|false|true" custom_padding="0px||||false|false" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]

What I've Learned throughout the design process?

1.Conducting user research was challenging during covid situation.

2.Choosing the right Design system which can reduce both Design and Development time.

3.Enrolled a SEO tools online course to understand the basics of SEO.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" _builder_version="4.4.6" background_color="#fcfcfc" custom_padding="13px|||||" locked="off"][et_pb_row _builder_version="4.4.6"][et_pb_column type="4_4" _builder_version="4.4.6"][et_pb_text _builder_version="4.4.6" header_2_font="|300|||||||" header_2_font_size="30px" hover_enabled="0"]

Similar Casestudies

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure="1_2,1_2" _builder_version="4.4.6"][et_pb_column type="1_2" _builder_version="4.4.6"][et_pb_image src="http://rahulram.in/wp-content/uploads/2021/04/SMR-Thumbnail-2.png" title_text="SMR-Thumbnail" url="http://rahulram.in/serene-meadows-casestudy/" _builder_version="4.4.6"][/et_pb_image][/et_pb_column][et_pb_column type="1_2" _builder_version="4.4.6"][et_pb_image src="http://rahulram.in/wp-content/uploads/2021/04/IX1-Thumbnail.png" title_text="IX1-Thumbnail" url="http://rahulram.in/ix-casestudy/" _builder_version="4.4.6"][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure="1_3,1_3,1_3" _builder_version="4.4.6"][et_pb_column type="1_3" _builder_version="4.4.6"][et_pb_image src="http://rahulram.in/wp-content/uploads/2021/04/Logofolio-2.png" title_text="Logofolio" url="http://rahulram.in/logos/" _builder_version="4.4.6"][/et_pb_image][/et_pb_column][et_pb_column type="1_3" _builder_version="4.4.6"][et_pb_image src="http://rahulram.in/wp-content/uploads/2021/04/Ragno-Thumbnail-1.png" title_text="Ragno-Thumbnail" url="http://rahulram.in/ragnoe-casestudy/" _builder_version="4.4.6"][/et_pb_image][/et_pb_column][et_pb_column type="1_3" _builder_version="4.4.6"][et_pb_image src="http://rahulram.in/wp-content/uploads/2021/05/1596469241-694.jpg" title_text="IPL Fest" url="http://rahulram.in/iplfest-2020//" _builder_version="4.4.6" hover_enabled="0" border_radii="on|4px|4px|4px|4px"][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section]