Synopsys Glossary Page Template




I got a request to redesign the glossary page and eventually be a page template.

purpose of redesign



01.
To gather keyword information.

02.
To make sure all glossary pages are consistent.

03.
To convince our users to jump to the attractive content to them.

04.
To suggest additional content for users.

The previous page look



The pain point



01.
Bad contrast.

02.
Too much additional information in right rail.

03.
Prioritization problem.

04.
Page is too long to find topics.

Glossary page new Design

There are several design updates on the page



How the Page looks on Responsive Web

Responsive Web Version

The page works very smooth.

Mobile Version

Scroll up icon is transparent for not covering the content.

Take a look at the detail of each design section

I worked on both design and programming

menu list menu list

How it looks on mobile

Glossary page review

Glossary prototyping image review

synopsys glossary page workflow image

Compare old glossary with new glossary page



Glossary page - Old Version

Sage Intacct old webinar page 2018



Glossary page - New Version

Sage Intacct new webinar Page 2019