Maps are a great way to leverage your website to drive traffic to your doors. A majority of maps simply show the locations of a given entity as well as an address without any further context or interactivity. In our example, we’ve designed a map that displays locations you can learn more about by clicking on the location. Clicking on the location triggers a popup with further information related to that specific location. You can add any information you’d like to these popups that make the most sense for your business. Enjoy!
We’ve written numerous times about ways you can preserve space within your design while simultaneously showcasing valuable content. Within the world of web design, some prefer to create content sliders while others prefer content overlays or popups. What is also feasible is to combine both techniques into a popup slider. Popup sliders combine the best elements of each namesake. Information is only displayed upon user interaction and is overlayed on top of your body content, thus preserving crucial space within your design. Further, the slider allows you to include numerous sections that would otherwise have to be trimmed in traditional popup settings.
A slide down menu allows you to provide the option for more in-depth navigation options. By simply clicking a button, your top nav gives way to a more granular view of your website’s navigation. Otherwise, your navigation is hidden which gives users a clear and unencumbered path to page content. Further, a slide down menu gives you additional opportunities to make bold design choices. Include bootstrap columns (as we have done), graphics, search/login forms, and other design elements which support your site’s branding.
There are times where you need to present your users with clear, quick actions. Although these links will vary depending on your specific content, they can be as simple as various “Learn More”, “Purchase”, or “Book” links. By providing immediate access to these popular links and actions, you better serve your users and help facilitate engagement.