Wireframe Design

[nbngwc]

After yesterday's offline discussion we each completed our own preliminary version of the wireframe for the block we were responsible for.

[nbngwc]

[nbngwc]

This is the HomePage interface part that I designed. The first thing that comes to the user's eyes is the logo and the name of the website, followed by the navigation and search bar. The wide-format image will attract the user's first glance, and we will showcase the most unique things about Suzhou here. Then there are four sections after sliding down. The first section is News, which is used to show the latest important news of Suzhou. The second part is city introduction and map view. The third section is to show the five most attractive parts of the city. The last part is the keyword search and city promo auto-play interface. When designing the wireframe, I also took into account some details, such as the ability to go to the specific section you want to view through the four section, such as "learn more". And how to quickly go back to the top search bar, these are also the key things we need to consider in the following coding.

[chenchenjiayou]

hello

[chenchenjiayou]

[chenchenjiayou]

What I designed was the part of economy. I inherited the general characteristics of the home page, but I did some thinking on the elaboration of the specific content. Generally, I wanted to give users an imagination with a big picture first, and then bring some intuitive feelings such as economic composition and the rising trend of GDP in the form of a line chart. Then describe roughly from three aspects, so that the interface will be more concise and organized

[Gitgyc]

perfect design!

[Gitgyc]

I designed the aspect of social. Considering that this big aspect may involve many small aspects, I placed an icon that could be selected at the beginning. Then, considering some news in society and some news that could be displayed in the form of video, I designed two corresponding sections for display

[Gitgyc]

[Gitgyc]

This is the political framework originally designed by Wang Haoran