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
UX | DBS Corporate UXI Spec
2016
UX | UXI Specification & Roadmap
2016
UX | Detection Console UXI Spec & Presentation
2016
Design & UX | Mosaic ATM
2015
UX & Design | UnityVerse
2017
UX Surveys | Customer Outreach
2014
Mobile | Ping Pong Tournament App
2016
UX Concept | DBS Advantage 3 Screens Initiative
2016
Design & UX | Hansen Photography
2015
Back to Top