SalesForce Help Center Renewal

https://help.imvu.com

UX Design and Design direction on UI (UI design by Jin Yu)

Used worked with Sugar CRM and switched over to SALESFORCE. Worked with Salesforce consulting company and Salesforce Specialist to design renewal of help center. Also redesign the phpbb forum pages to Modern community page.

Design Problems

First time designing for help center and integrate Salesforce.

Because it's first time, didn't know about Salesforce infrastructure limitation and restrictions. 

(Also limitation of our product itself limitation regard the integration)

Once know about it's own restriction, still hard to design around it.

There was no specific product and feature requirement to redesign of the help center so had to do a lot research on the other product help page to get the base line.

(Facebook help page was the closest what we trying to do. With two column layout)

Redesigned IMVU Help Center Home

home_signed-in_1440.png

 

Previous Help Center Home

06_help-center-chat_v2_male.jpg

 

Previous Discussions page (phpbb forum)

Screen Shot 2018-02-01 at 9.57.01 PM.png

 

Redesign Stage 1

Trying to leverage IMVU web product UI as much as I can so user can have consistent experience as much as possible.

 

Redesign Stage 2

Frond end was paused middle of it - Didn't fully accomplish what design was trying to do.

Launch as it is but getting more feedback from users and make some update > state 2

This time better understanding of restrictions

Challenge - Front end dev had to change from JQuary and backbone base frontend skill to Angular so it was slow progress also commit issue with salesforce infrastructure )

Knowledge Article Landing page - scrolled up, minimized header

knowledge_1280 copy.png

Knowledge Article List

knowledge_articles_1280.png

Knowledge Article Detail

knowledge_articles_detail_1280.png

Discussions Page

discussions_1280_alt.png

Mobile Web Layout

Responsive layout. supports 1440 to 330px width view