Content Library Webpage Redesign

Responsive Webpage Redesign for Workato | Personal Project in 2018

Background.

• Design goals

1. Explore more sections base on user interest

2. Submit their contact information before they can download content

3. Interacting with new content, sharing content

Information architecture .

I concluded the possible information based on the specification in the design challenge, and I categorize them into groups. Based on the information, I also concluded some possible categories such as General Information, New Feature Studies, Popular Solutions, etc. So after I reorganize all the key information, start to build the structure and user flow.

Ideation and exploration.

After I organized the information and functions, I started to iterate the landing page through explorations into content placement and visual treatment.

• Website layout feature

In the beginning of the design, I considered about how to organize and integrate all the content together, and how to let people feel clean and comfortable about the entire page. And meanwhile, I should keep the Workato style guide in mind, to keep the whole website lifecycle consistency.

• Individual component

After I design the layout, there have three main components I should consider about, they are banner, dropdown menu and content cards.

High fidelity design refinement.

After I done the low fidelity layout and iterate with the team, we have the final direction and style. When I’m working on the high fidelity webpage, still considering the navigation reaction from my website visiter. For the step, I need to care more details, like buttons, dropdown menu and web interactions.

Final design.

This is where I worked with the Front-End Developer to constrain the actual content to 1440 pixels wide and moving past that width. And I deliver the three different platform sizes of the interfaces. The most consideration of the interaction design is about how people interact with the dropdown menu.