Tables Modules

Tables are ideal for displaying product specifications or comparative data. It can be a challenge to display this data readably for small screens. Empoweren provides a variety of table styles and mobile solutions.

Module One

Standard Table

Basic chart data implementation uses a brand color to denote the heading row and alternating colors for content rows for easier comparison.

Criteria

  • SEO

    Content can be optimized to support on-page SEO.

  • Responsiveness

    On small screens, this table can be scrolled left and right to maintain its size and appearance.

  • Cost / Complexity

    This is a basic table implementation with no extra costs.

  • Required Text

    Chart data.

tables example

Play Module

Module Two

Standard Comparative Table

Use side-by-side tables for comparison of complex specifications.

Criteria

  • SEO

    Content can be optimized to support on-page SEO.

  • Responsiveness

    On small screens, this table can be scrolled left and right to maintain its size and appearance.

  • Cost / Complexity

    Costs increase based on the complexity of table layout.

  • Required Text

    Chart data.

tables example

Module Three

Custom Comparative Table

Use custom iconography to create a more interesting look for a comparison table.

Criteria

  • SEO

    Content can be optimized to support on-page SEO.

  • Responsiveness

    Points of comparison are stacked and moved into an accordion feature for small screens.

  • Cost / Complexity

    This solution incorporates a very different layout for smaller device sizes, increasing cost and complexity.

  • Required Assets

    Custom icons for each point of comparison.

  • Required Text

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum eaque pariatur mollitia distinctio et, minus delectus vel sed, vero sint quam, possimus fugit illo provident facilis. Vero, alias? Sint, tempore!

tables example

Play Module

Module Four

Simplistic Table

Display product specifications simply in table format.

Criteria

  • SEO

    Content can be optimized to support on-page SEO.

  • Responsiveness

    Table data is rearranged for small screens to be readable while keeping correlation between data and headings.

  • Cost / Complexity

    This is a basic implementation included in base site costs.

  • Required Text

    Table headings and data.

tables example

Module Five

Custom List

Use custom iconography and a simple layout to relay important details.

Criteria

  • SEO

    Content can be optimized to support on-page SEO.

  • Responsiveness

    The two halves of the table stack on mobile devices and text scales down to fit smaller screens.

  • Cost / Complexity

    Costs for this solution are based on complexity and number of icons needed.

  • Required Assets

    Icons for services or product features.

  • Required Text

    Table headings and data.

tables example

Play Module

Module Six

Large Standard Table

Display product specifications simply in table format.

Criteria

  • SEO

    Content can be optimized to support on-page SEO.

  • Responsiveness

    Table data is rearranged for small screens to be readable while keeping correlation between data and headings.

  • Cost / Complexity

    This is a basic implementation included in base site costs.

  • Required Text

    Table headings and data.

tables example

Module Seven

Comparative Table

Display product or service specifications simply in table format.

Criteria

  • SEO

    Content can be optimized to support on-page SEO.

  • Responsiveness

    Table data is rearranged for small screens to be readable while keeping correlation between data and headings.

  • Cost / Complexity

    This is a basic implementation included in base site costs.

  • Required Text

    Table headings and data.

tables example

Play Module

Module Eight

Listed Pricing

Display product specifications simply in table format.

Criteria

  • SEO

    Content can be optimized to support on-page SEO.

  • Responsiveness

    Table data is rearranged for small screens to be readable while keeping correlation between data and headings.

  • Cost / Complexity

    This implmentation requires additional consideration for adjusting to smaller screens because data is not in simple rows. Reduce costs by keeping data in simple rows and columns within the table.

  • Required Text

    Table headings and data.

tables example

Module Nine

Large Pricing Table

Use custom iconography and a simple layout to relay important details.

Criteria

  • SEO

    Content can be optimized to support on-page SEO.

  • Responsiveness

    The two halves of the table stack on mobile devices and text scales down to fit smaller screens.

  • Cost / Complexity

    Costs for this solution are based on complexity and number of icons needed.

  • Required Assets

    Icons for services or product features.

  • Required Text

    Table headings and data.

tables example

Play Module

Module Ten

Large Complex Table

Display complex, in-depth data on a product or service.

Criteria

  • SEO

    Content can be optimized to support on-page SEO.

  • Responsiveness

    These tables are rewritten for mobile devices to maintain correlation between data and headings while making the table more readable.

  • Cost / Complexity

    The complexity and volume of data in these tables increases costs, as well as special consideration for responsive display.

  • Required Text

    Table headings and data.

tables example

Module Eleven

Accordion Table

Use an accordion to divide data tables for multiple products, creating a more comparative feature.

Criteria

  • SEO

    Content can be optimized to support on-page SEO.

  • Responsiveness

    These tables stack on mobile devices and text scales down to fit smaller screens.

  • Cost / Complexity

    The complexity and volume of data in these tables increases costs, as well as special consideration for responsive display.

  • Required Assets

    Icons or imagery for individual data points.

  • Required Text

    Table headings and data.

tables example

Play Module

Request More Information

  • I am interested in