Interaction, UI, Visual, Web design
Mayfair Gold is a mineral exploration company with a flagship exploration-stage property in Ontario, Canada.
How might we design to deliver an organized and informative experience for website visitors including existing and potential investors?
Collaborators:
Content: Allegra Wiesenfeld and the Mayfair teamOswald is used predominantly for headlines, where its robust weight reinforces hierarchy and its condensed width utilizes horizontal space efficiently.
With interests ranging from regulatory financial filings to corporate responsibility disclosure, the investor user would benefit from design considerations meant to improve findability and discoverability of such information and to ensure more comfortable reading and navigation experiences - including when performing investment research on mobile.
Findability: Provides users with a top-level view of all content and also maps the user's current position on the page.
Discoverability: Users may browse by scrolling, decreasing friction that would otherwise arise from having to click and load multiple subpages.
Mobile view utilizes expandable modules (collapsed by default) to mitigate the need for excessive scrolling on lengthy or text-heavy pages.
Findability: Collapsed modules serve as a table of contents that allows for quick scanning of the page.
For dropdowns displayed on hover, a slight delay is included before the menu shows to ascertain that the user meant to hover and would not be subject to dropdowns flickering open and closed as the user runs their mouse over the navigation while scanning.
Although it exists in an otherwise grayscale palette, Mayfair's gold color was used thoughtfully and avoided in instances where it would not meet accessibility standards and would thus potentially compromise usability (e.g., not used to denote links).
