Basic Introduction
Ecolumia is a company focusing on Internet of Things (IoT)-related fields, committed to providing innovative solutions and technologies, which are applied in smart cities, smart homes and other fields, bringing people a smarter, more convenient and sustainable living environment.
The design task this time is to create a setting webpage required by Ecolumia in the Internet of Things, so that users can easily enter and set.
In response to the increasing importance of smartphones and tablet computers, the RWD (Responsive Web Design) responsive website design method is adopted to meet the overall needs of desktop computers and various mobile devices.
Concept of Design
A sense of technology, minimalism, and responsive design are the design axes of the entire project, so that everyone who uses the website can quickly find the items to be used and set them up.
Around the needs of the IOT Internet of Things, the design units equipped are as follows:
Dashboard｜Dashboard
System Setting｜System Setting
Device Setting｜Device Setting
Activity Log｜Activity Report
Color Scheme
The design team used turquoise green, celadon green, and clean white to create a technological and clean design sense.
The design team also used white, green and light gray in the website to construct the elements or UI in the website, so that Icons or texts can have different levels.
R39 G181 B185
#27B5B9
R70 G102 B181
#46CAB5
R229 G229 B229
#E5E5E5
R52 G52 B52
#343434
Ｍobile phone version
The webpage is designed for the vertical screen of the mobile phone, even with one hand, you can browse the website and all the wonderful graphic content smoothly.
Browsing this website with a smart phone can also get an excellent screen presentation due to the RWD (Responsive Web Design) responsive web design, helping mobile phone users with smaller screens to quickly find the information they need.
In view of the vertical display mode of smartphones, the design team also optimized the operation interface, using clear menus, so that mobile phone users can quickly switch pages or units to find the information they need.
* Support iOS / Android smartphones.
* Ecolumia｜Copyright.
Desktop version
Use a desktop computer or laptop to browse this website, and make full use of the performance of the desktop computer, so that the large horizontal screen can display the best effect.
The desktop computer version has the most complete design details and dynamic sliding performance. Regardless of the dynamic sliding feeling of menus and objects, the desktop computer version can have the best performance.
Designed in the way of RWD (Responsive Web Design) responsive webpage, the display area and readable range of the webpage become larger and wider than ordinary websites, and there will be better browsing quality when browsing pictures or copywriting.
* Supports PC/Mac desktop computers, notebook computers, Chrome, Safari, Edge, Firefox and above browsers.
* Ecolumia｜Copyright.
Tablet Version
The streamlined and optimized version allows tablets to browse all the great content smoothly.
Browsing this website with a tablet computer can also get an excellent screen presentation due to the RWD (Responsive Web Design) responsive webpage design. All complex elements have been optimized so that the tablet can also be displayed on a smaller screen , to achieve the perfect balance, easy to browse the site.
* Support iOS / Android tablets.
* Ecolumia｜Copyright.
Related cases
Related cases
eTRANS
Science eTrans
Related cases
Lattice Bond Trading Platform
EN 
TW