Why we choose a website as the primary display tools

Website thinking-methodological awareness

Website inside the website, Landscape outside of the Landscape
‍
The website is like a container when we sit on the particular objects we wish to highlight. To explore the website with a mindset as a user or design it as a builder, we can shift our feeling for the project and move our focus from the installation details and the whole situation narrative in a paging set:

Section(Partition)

A section is a layout element with a 100% width extending across the browser window's full width. Sections play an essential role in the structure and layout of a page. Sections let you create separate blocks of content and divide the page into meaningful segments. In our design, the section is the functional unit that composes each infrastructure, and it symbolizes different partitions and provides different operating combinations.

Page(Systems)

You can manage your page’s general information, SEO, page URLs, and other settings from the pages panel. There are four types of pages: static pages, folders, dynamic pages, and utility pages. As we have addressed five functional units in our design, we could regard the Storage function as the static page, Rental as a dynamic page; Display as folder wholeSale/Exchange as utility page.

Navigator(Structure)

The Navigator displays the content of the current page in the Designer in an ahierarchical tree structure. It allows you to select any element on a given page, including factors that might be hard to choose on the canvas. Our project's construction structure is the visibility/sign system that guides our users to find their objects and raises curiosity by giving the different functional units unique characteristics.

Style(Façade)

The style is to customize the form elements-such as removing the input field borders, changing the background color, etc.…we can customize and style the file upload button in its various states. And we could divide our styling forms in the website design into four categories: typography, shapes, the focus state of form fields, using columns to quickly layout form elements. Typography means we could have a state of visibility to apply for the objects, while the state means the service we provide after using our facility. Meanwhile, the focus state of form fields is like when we wish to interact without an object, about what reaction or interaction we want to have at the moment. Finally, the columns used to quickly layout form-like elements would be a grid set on the ground that we hope for guild people or adding some extra Greenland as a co-habitants for non-human users.