Mobile use on the internet has exploded over the past few years. But that doesn't mean that websites can simply add a "mobile version" of their site, and forget about it. Devices take on so many different forms, including phones and tablets of all different sizes. The challenge of displaying just the right amount of information to each screen is exacerbated when E-Commerce is added to the mix - especially when the number of products surpasses 10,000.
We combined some pretty interesting responsive design patterns to maximize screen real estate. On large screens (27" to 30" monitors) product lists expand to fill the entire width of the screen. Valuable real estate is conserved on smaller screens by implementing a slide-out product filter. Mobile phones are given three navigational elements:
- Main Menu - Short and sweet - A great place to start or restart your shopping experience
- Categories - Top level product categories let customers dig a little deeper
- Filters - To really find what you're looking for among Flagline's 12,000 products, filter by theme or geography
With responsive design, the entire functionality of the website is at your fingertips, no matter what device you're using.