Fusion Design Platform Interactive Diagram




I programed the interactive Diagram for the page.

Resources



SiliconMax Platform Interactive Diagram




I created the second interactive platform.

The content has a link when the mouse hover to change background color to the yellow.
The content just has an information dropbox when the mouse hover to change background color to the light purple.

Resources



The Old Page pain point

The page content is very dry.
Contrast Problem.
No hightlights and key points.



fusion design platform page before

The page top banner has a problem with the title, and the platform diagram pulls users' eyes to two sides.

There is no breaklines for different sections - no focus and strategy.

List of platform doesn't visual attractive.

The New Page

The page updated to a clear structure, break the different sections with the purpose, create hightlight and keywords for Benefits, and move the static image diagram to an interactive diagram.



fusion design platform page after

Banner changes to be a simplify banner with title and subtitle only.

Add a summary for new customers and how it helps in the industry.

Interactive diagram show users more about how everything works together.

The latest related News is helping the users to explore more.

Pull very important and popular resources to the usrs.

Suggest the users to talk to the sales/engineers to learn more when they have any questions.

Highlights



VP mentioned it at our all-hands meeting

dashboard before
VP email
Meeting screenshot

It Helps the team gain incredible traffic.

The work value was recognized by the stakeholders

recogonize email

Programming skill was approved.

recogonize email

Design skill was approved.