The Ask:
Take the existing MineStar Health content and redesign the layout in a more user friendly way.
__________________
The Challenge:
Client LOVES accordion UI element, must include in design. There is a ton of copy without a strong sense of hierarchy. Site header must be first element. Images cannot be full-width. Copy cannot be cut down.
___________________
My Process:
Study the AEM resources/design guides pertaining to this site style provided by Lance and Carrie. Study the current site content and wireframe areas that can be consolidated. Familiarize myself with the Adobe XD starter template. Go on SharePoint to source any other XD files that I can use to steal elements/design modules. Visit the Cat Mining site for further art direction and cues for consistency.
___________________
Team:
Lance Endres, Sarah Hintz and Ben Brodbeck
___________________
Status:
Work in progress
___________________
Take the existing MineStar Health content and redesign the layout in a more user friendly way.
__________________
The Challenge:
Client LOVES accordion UI element, must include in design. There is a ton of copy without a strong sense of hierarchy. Site header must be first element. Images cannot be full-width. Copy cannot be cut down.
___________________
My Process:
Study the AEM resources/design guides pertaining to this site style provided by Lance and Carrie. Study the current site content and wireframe areas that can be consolidated. Familiarize myself with the Adobe XD starter template. Go on SharePoint to source any other XD files that I can use to steal elements/design modules. Visit the Cat Mining site for further art direction and cues for consistency.
___________________
Team:
Lance Endres, Sarah Hintz and Ben Brodbeck
___________________
Status:
Work in progress
___________________
Proposed Solutions
LAYOUT 1
Each page could have a photo to accompany the intro paragraph and a "News Module" (actual header copy TBD) would replace the content-heavy announcements section. Proposal 1 keeps the long-scroll that the client is used to but I propose we break up the content into sections divided by color. Adding a jump-navigation will allow the user to quickly navigate to the section they are interested in.
Each page could have a photo to accompany the intro paragraph and a "News Module" (actual header copy TBD) would replace the content-heavy announcements section. Proposal 1 keeps the long-scroll that the client is used to but I propose we break up the content into sections divided by color. Adding a jump-navigation will allow the user to quickly navigate to the section they are interested in.
LAYOUT 2
Similar to Proposal 1, but this time we have a single content module that populates based on the section selected, in this case the VIMS Forwarder. No more long scrolls, everything would fit in this one page, and would only show the content the user wants to see, when they want to see it.
Similar to Proposal 1, but this time we have a single content module that populates based on the section selected, in this case the VIMS Forwarder. No more long scrolls, everything would fit in this one page, and would only show the content the user wants to see, when they want to see it.
MAIN HEALTH LAYOUT REDESIGN
The current main Health page has a graph that I propose we omit in this new design until we learn what the graph is intended to do so that we can design a solution for it. The graph can be replaced with either another graph, a separate page, or video, etc depending on what the client wants to accomplish.
The current main Health page has a graph that I propose we omit in this new design until we learn what the graph is intended to do so that we can design a solution for it. The graph can be replaced with either another graph, a separate page, or video, etc depending on what the client wants to accomplish.
SERVICES LAYOUT REDESIGN
The "Services Includes" section has a new alternating white/grey backgrounds in the grid. Sales and Marketing modules are borrowed from other Adobe XD working files.
The "Services Includes" section has a new alternating white/grey backgrounds in the grid. Sales and Marketing modules are borrowed from other Adobe XD working files.
