When Microsoft introduced Metro Design back in 2010 along with their Windows Phone 7, I was amazed by the simplicity and beauty of its operating system. It’s clean and elegant with an easy to understand design language. This design language is so popular that many websites, applications, and even operating systems have adopted its style. In 2013, Apple announced their iOS 7 with a design that moves towards flat than skeuomorphism design.

Then I wondered, what will it look like when a flat design meets a small amount of skeuomorphism, like drop shadows or a little amount of gradient. Then Google introduced the Material Design back in 2014, and I’m telling you, I was so impressed on how Google’s design team came up with this design language. I strongly believe that I am not the only one who thinks that it was the “almost” perfect UI.

Fast forward, Windows 8 and 10 adopted Metro Design from Windows Phone 7 with additional tweaks and improvement. Although for me, the design still lacks some personality, making it not that so enticing. All the applications on Windows ecosystem look the same; black and white, large text, text that you don’t know if it’s a button or what; the box layout, line icons that look like the designer was so lazy to come up with something else better; inconsistency of navigation placements, and lots of wasted space.

I had visualized Windows with Material Design language by Google, with some tweaks and improvements. From installation, startup, lock and login screen, and to the desktop and mobile main screen. I am considering this as a self-project, and I called it OneWindows.


Installation Step 1

From the old-fashioned installation, I made OneWindows installation clean and simpler. It is now using a card-like layout instead of the traditional window type. By adding paginations on the bottom of the screen, the user knows how many steps the installation process will take. Shutdown, accessibility and date and time are available to user anytime they need it.

Installation Step 2

Installation Step 3


Installation Step 4

The “Load Driver” option is removed because OneWindows is smart enough to know your hard drive’s manufacturer. However, the refresh, delete, format, new, and extend options remain the same.

Installation Step 5

When OneWindows start installing files, features, and updates, it will show the “Microsoft Edge, to get the user be familiarized with the application. This replaces the traditional, boring, and blank page screen the user sees while waiting for the installation process to finish. While at this stage, even OneWindows is not yet fully installed, the users can try the browser to surf the web. However, features or tasks, like downloading or uploading files, bookmark, inspect elements or save a page on this browser, will be currently unavailable until OneWindows installation has been completed.

Installation Step 6

Instead of showing the new page for account and system settings to the user, OneWindows will show the same layout design, so the user will still know that they are still in the installation process.

Installation Step 7

Installation Step 8


Installation Step 9

Installation Step 10

Once OneWindows finalizes all files for the operating system, it will delete all the unnecessary files on your drive and the user will now be greeted by the new OneWindows login screen.

Next post, I will share my OneWindows startup, lock, and login screen design concept. Please let me know in the comment section if you have some comments, questions, or suggestions regarding this OneWindows installation design concept.

OneWindows Concept

Part 1 – OneWindows Installation
Part 2 – OneWindows Startup, Lock, and Login Screen
Part 3 – OneWindows Desktop
Part 4 – OneWindows Start
Part 5 – OneWindows Cortana
Part 6 – OneWindows Desktop Applications