The concept of the Microsoft website redesign was developed as a tribute to both the Fluent design system and the famous IT company itself.
As Microsoft website is more like a platform fro different products landings it required some grid and style which would suite everything – from the X-box to Office 365.
Segoe UI is a member of the Segoe family used in Microsoft products for user interface text, as well as for some online user assistance material, intended to improve the consistency in how users see all text across all languages.
The main page as well as all the others is designed to easily and harmoniously fit not only the Fluent design system but any environment. The grid and layout here were specially selected to exhibit top products and important company announcements.
A wide range of products must be represented through a proper page which would guide and help the user. To achieve that and make the perception quick and easy big cards and large product images were chosen
Windows 10 page deserved a special look which would accentuate its universal style as now this is the main OS for its whole range of Microsoft devices. The two color schemes landing shows the main features for both personal and business users.
A special page was created to highlight the Microsoft’s most stylish series of devices. The design was meant to be minimalistic enough to accentuate every single product and accessory so for each one of them a separate block was developed.
Flatstudio team believes that products like Surface Studio are the ones of the nearest future. Innovative, universal, powerful yet easy to use – this is how they are and exactly what we’ve decided show on the page.
Showing off the top-notch products which serve several needs is a very special kind of task which requires a simple yet informative page.
Futuristic and hi-tech products always have much info to be shown and explained. Xbox One X page is not only fancy and attractive but also instructive giving the user the whole overview of its features, related games and additional gadgets.
Office store works in two different ways – for personal and business purposes. The product homepage is meant to be clear about this and let the user follow his needs and find the necessary product. To make that work two color schemes were chosen here.
Fresh devices require innovative home pages to be presented on. The HoloLens product is new for customers so besides of pointing out its features the landing is a guidance to how it works and which user’s need it may serve.