Smart Wuxi Website

Press Kit

Unique Properties

The purpose of website design: With the city is under rapid growth of the economy and digital recently, the city of Wuxi becomes increasingly urbanized and modernized, to enter a new era which labeled smart’. Based on current condition, the overall website design reflects the image of smart Wuxi with modern and rich visual effects, as meaning as the purpose of Smart cities improves the quality of the lives of citizens.

Dimensions & Packaging

This webpage is designed as a responsive website. It will scale proportionately according to browser size and device types. Website interface design, designed by Photoshop and Illustrator. Homepage animation made by After Effects.

Tags

Smart City, Website, UI, UX, Wuxi

Production Technology

Web design was made by combining Adobe Illustrator, Adobe Photoshop, and Adobe After Effect. Developed mainly in HTML, CSS.

Design Challenge

The overall website presents a modern and user-friendly image of Wuxi. ‘Local Sharing' and 'Smart City Applications' sections, delivered regional information and will be updated in real-time. Interaction and Transaction solicited different opinions from citizens. which also facilitates more effective communication between citizens and the local government. It is hoped that the Smart Wuxi website will become the carrier of Wuxi Smart City information, record every step of the development of Wuxi Smart City, and provide a more convenient and intuitive bridge for the communication between citizens and the government.

Research

We started with a focus group and work out the website architecture. Then we have several workshops to polish the draft wireframe. We try to bring more flat and simple design language to the website. The settings of the sections of the website allow users to capture effective information in a more user-friendly and convenient.

Inspiration

We use simple linear illustrations to depict the important components of the smart city. The corresponding Slogan reflects the trigger points of the smart city’s interaction with users. The intuitive design language expresses to the citizens how the various functions of the smart city are applied to real life. The choice of color also delivers the different visual perception, with technological blue and the sustainable development green, which reflect the sense of the future and the sense of technology of the smart city, at the same time, the visual color matched perfectly balanced. The flat and direct visual language of illustrations helps users of all ages could better understand the role of "smart cities" in the urban system.

Project Duration

Sep 2020 – Jan 2021, China.

Operation Flow

As a government information website, we try to deliver the latest news to every visitor. The user will see all the latest promo news on the homepage. Each panel will link to different topic sessions. Users also can use a voting panel to vote the any Smart City event and also, the hoster can invite people to different topics to discuss.

Image Credits

Image Credit: Studio ZXT