![asteros SkillBox Webdesign Website Астерос](https://mir-s3-cdn-cf.behance.net/project_modules/1400/2cdf5a118239959.60858c48a6777.jpg)
About Project
The final task is to develop a design concept for the main page and the
direction page in a single style, but at the same time to make both of these pages
look like entrance pages.
As part of the development of a unified style ecosystem, you need to think about color
coding for the key three areas.
As an option:
1) Infrastructure and Engineering Systems (blue)
2) Integrated Security (blue)
3) Outsourcing and service (light green)
Before
![asteros SkillBox Webdesign Website Астерос](https://mir-s3-cdn-cf.behance.net/project_modules/1400/8809a3118239959.60ccb85bdfa52.png)
After 1
![asteros SkillBox Webdesign Website Астерос](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/9770ce118239959.60ccb85bdf405.gif)
After 2
![asteros SkillBox Webdesign Website Астерос](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/5f2a0d118239959.60ccb85bdffcf.gif)
Main page
![asteros SkillBox Webdesign Website Астерос](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/b79499118239959.60ccb85bdee62.png)
![asteros SkillBox Webdesign Website Астерос](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/de615f118239959.60ccb85bde344.gif)
Making an application for the supply of software.
Formally, this is a request form for the supply of additional software in the company.
The form contains the following fields:
1. Search by in a single line with automatic autofill.
2. Number of seats in the order.
3. The sum of one position/total for the total number of seats.
4. Confirm / Add to order button.
5. Total order amount.
6. Send Order button.
After placing an order, it is assigned a number.
The invoice for the order is sent to the "Invoices for payment" section.
![asteros SkillBox Webdesign Website Астерос](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/d2e0c5118239959.60ccbc40e1259.gif)
![asteros SkillBox Webdesign Website Астерос](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/c06a22118239959.60ccc0e332d44.png)
Icons
![asteros SkillBox Webdesign Website Астерос](https://mir-s3-cdn-cf.behance.net/project_modules/1400/709381118239959.60ccc0e32f7c2.png)
![asteros SkillBox Webdesign Website Астерос](https://mir-s3-cdn-cf.behance.net/project_modules/1400/f1790d118239959.60ccc0e331970.png)
![asteros SkillBox Webdesign Website Астерос](https://mir-s3-cdn-cf.behance.net/project_modules/1400/2bc79c118239959.60ccc0e332391.png)
![asteros SkillBox Webdesign Website Астерос](https://mir-s3-cdn-cf.behance.net/project_modules/1400/507081118239959.60ccc0e33378d.png)
Flow Map
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/385bca118239959.60ccc15f26f34.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/7fb8f8118239959.60ccc15f27448.png)
User Portraits
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/762e2f118239959.60ccc0e2a2947.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/da9e5f118239959.60ccc0e2a3007.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/dd1e46118239959.60ccc1607612d.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/e9ba7e118239959.60ccc160767a1.png)
CJM
![asteros SkillBox Webdesign Website Астерос](https://mir-s3-cdn-cf.behance.net/project_modules/1400/5908b3118239959.60ccc0e33083f.png)
Fonts | Grid | Colors
![asteros SkillBox Webdesign Website Астерос](https://mir-s3-cdn-cf.behance.net/project_modules/1400/9e2fb5118239959.60ccd2b6bf0df.png)
![asteros SkillBox Webdesign Website Астерос](https://mir-s3-cdn-cf.behance.net/project_modules/1400/79e761118239959.60ccd44d9fa18.png)