Autodesk University: Process
1. My intial direction was based on a "liquid" grid system that scales content boxes according to popularity and recency. However, this size of content and their box dimensions led to issues with readability.
2. Here, I started to explore a grid system that grouped smaller content boxes into squares, which allowed the content to be moved in chunks. This resulted in more control over the content and more space for messaging.
3. I separated the logo from the main header area and dedicated the top left content box for Autodesk's mark. Reduced the size of the content boxes to fit a 1280 x 1240 resolution screen, which most Autodesk users work on.
4. Final result.
1. My intial direction was based on a "liquid" grid system that scales content boxes according to popularity and recency. However, this size of content and their box dimensions led to issues with readability.
2. Here, I started to explore a grid system that grouped smaller content boxes into squares, which allowed the content to be moved in chunks. This resulted in more control over the content and more space for messaging.
3. I separated the logo from the main header area and dedicated the top left content box for Autodesk's mark. Reduced the size of the content boxes to fit a 1280 x 1240 resolution screen, which most Autodesk users work on.
4. Final result.