UX | OneLynk Responsive Layout

This is a Liquid Responsive layout for a landing page.

This is a Liquid Responsive landing page, including:
- Data visualizations at the top to grab attention
- Functional worklist for managing tasks
- Top Actions use a typeface icon, placing key functions one click away
- Secondary Action are bucketed together into categories with typeface icons
- Uses a combination of liquid layout for all the content
- And Responsee adaptive layout to collapse the navigation into a menu for mobile.
Liquid Responsive Layout
At nominal width, the content flows nicely into a desktop viewport.
For Tablet and Phone sizes, the content reduces and stacks as necessary. The Navigation collapses gracefully into a hamburger menu with the nav items treated button-esque.

You may also like

Design & UX | GoodTube
2015
Design & UX | UnityVerse
2016
Design & UX | Luminae Interactive
2016
Mobile | Ping Pong Tournament App
2016
UX | UXI Specification & Roadmap
2016
UX | Detection Console UXI Spec & Presentation
2016
Analytics | Bime + Google Analytics
2016
Design & UX | PlanetCase
2015
Design & UX | Hansen Photography
2015
Design & UX | AtWork Systems
2017
Back to Top