Tabs

Too much detail for a single page, want to avoid creating additional pages and unwanted user navigation?  Then consider using a tab-based  system of presenting the data.  Below is an example of 3 Winter Migration levels of service provided by a Hot Tub Company.  Click on the tabs to see the different options.

But why limit the tabs to just simple text-based information.  It can also be used to add links, downloads, images and other functionality.  Below we see the SoundStratus team; a great way to display the staff images without filling a whole page. And add a simple contact form on the end tab.  Click on each of the tabs to see the images/form.

Meet the SoundStratus Team

The next example is taken from an actual customer.  Offering bespoke hot tubs, Aqua Hot Tubs have 4 different tiling options.  The Standard (first 3 tabs) come in different colours, patterns and graduations so included in the tab is a download button to show these via PDF files. 

But the 4th tab shows the optional bespoke tiling range from 4 different suppliers.  So into the tab a toggle is added so that each of the suppliers can be viewed individually.  A slide show is added to the tab to demonstrate each suppliers work.

Go ahead and look at each tab and try the toggle options on the 4th.  Injecting the tabs with additional functionality like this allows for organised pages of data, cuts down pages sizes and allows visitors to choose the info they require while still making an impact.

Dutch Barn

Sizes Available:
2400mm x 2400mm (8′ x 8′)
3000mm x 2400mm (10′ x 8′)
3530mm x 2400mm (12′ x 8′)

Ridge Height: 2667mm (approx 8′ 9′)

Door: Ledged and Braced

Window: 3 Pane Joinery Opening

Loft: Internally Braced

Additional Options:
19mm Loglap cladding
Tanalised wood treatment
22mm Heavy duty flooring
Stable Door
Heavy duty galvanised door hinges
Security padbolt protector
Safety Glass
Ramp
Heavy duty roof felt
Window boxes (large or small)
Georgian style windows

Dilly's Daycare

Contact Us