MIAX Options is a subsidiary of Miami International Holdings and they needed a new online platform to showcase their listings and trading expertise. While working at Mondo Labs, I was required to work on the User Experience, User Interface, and Interaction Design of this project from initial wireframes and concepts to high fidelity designs, data visualization, and interaction mock-ups.
This project was a very content heavy website and because of this there was a significant time spent on the typography and spacing of the individual content elements that the client could use within the custom Drupal theme. The final website ended up being over 100 pages and during the development process, I worked very closely with the dev team to make sure that the integrity of the design was maintained and there was no loss of quality in the handoff from design to development. Select pages of this project are shown below. Interactive mockups were created through coffeescript and Framer JS.
This project is slated to launch very soon. Please check back for a live link.
A UI kit was created with the different recurring elements throughout the website and this was used to establish a very strict typographic hierarchy that the website adhered to for the remainder of the project. Avenir was used as the primary typeface and different sizes and weights were determined at this stage for header, body, and call to action copy. Different elements like primary, secondary, and tertiary call to actions, tables, accordions, a sticky sidebar, and more were also established during this stage.