Design practice - Microsoft's website (homepage) redesign
Objective with this redesign:
-Utilize the logo shape in the layout (for the categories) to make the design more unique and purposeful
-Label and tag each categories with color (from the brand colors) for more context
-Somewhat implement Microsoft's Fluent sidebar to reduce clutter on the top navigation
-Remove unnecessary text to add more focus to images/products, call to actions and reduce page scrolling
-Make search feature prominent without obstructing the main contents/images
-Implement Fluent's styles (subtle shadows on modules), and translucency (on the search button) to make the site future proof
-Make products standout more
See attachment for more detail.
Note: All photo images and the logo are owned by Microsoft.
L or F like
Z toggle zoom
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2018 Dribbble. All rights reserved.
A community of designers sharing their work, process, and current projects.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.
Already a member? Sign in