UI Sections
SectionsStylesIndustriesCompaniesAbout

Ditto website design

Every section we captured from the Ditto website, in page order, from the hero section down to the CTA section. Open any thumbnail to see it full size.

Visit ditto.com (opens in a new tab)

Sections 11

In page order, top to bottom

  1. Ditto hero section: oversized two-tone left-aligned headline with yellow CTA, airline logo strip and a news card on a dotted white background
    01 Hero

    Resilient Edge Device Connectivity. Servers and Cloud, Optional.

  2. Ditto hero section: rounded nav bar above a centered two-tone headline and yellow and outline buttons on a dotted light gray background
    02 Hero

    Introducing the Edge-Sync Platform

  3. Ditto features section: left headline with yellow and outline buttons beside a two-column list of eight icon-led features on white
    03 Features

    Core Features

  4. Ditto features section: headline, copy and checklist on the left beside a dotted-line mesh network diagram of phones and devices
    04 Features

    Automatically communicate Peer-to-Peer

  5. Ditto features section: centered large headline above a hexagonal Big Peer diagram linked to small peer device nodes on light gray
    05 Features

    Enable bidirectional sync between your existing systems and offline peers

  6. Ditto testimonials section: black-and-white portrait beside a large quote, customer name, Alaska Airlines logo and prev/next arrows
    06 Testimonials

    Success Stories

  7. Ditto testimonials section: large quote with copy and two buttons on the left beside a video frame of a customer speaking, in a gray panel
    07 Testimonials

    “When your POS goes down, that has a true financial cost to your business”

  8. Ditto pricing section: headline and intro above three plan cards for Free, Pro and Enterprise with icon feature rows, Pro with a glowing border
    08 Pricing

    Reliable Sync from Edge to Cloud

  9. Ditto pricing section: plan comparison table with Free, Pro and Enterprise columns, CTA buttons in the header and rows of limits and checkmarks
    09 Pricing

    Features

  10. Ditto contact section: headline and three numbered demo steps on the left beside a dark form with a glowing border on a dotted black background
    10 Contact

    Schedule a demo

  11. Ditto call-to-action section: centered two-tone headline with yellow and outline buttons inside a black dotted panel
    11 Call to action

    Resilient Edge Device Connectivity Servers and Cloud, Optional

Similar companies

All companies
Canopy29 sections Jasper20 sections LocalCan12 sections Port10 sections
    ↑↓ Navigate ↵ Open

    Section preview

    Website section