UI Sections
SectionsStylesIndustriesCompaniesAbout

Frankli website design

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

Visit getfrankli.com (opens in a new tab)

Sections 5

In page order, top to bottom

  1. Frankli hero section: centered serif headline and demo button below a band of line-drawn people and textured color blocks on deep teal
    01 Hero

    Performance management made easy.

  2. Frankli features section: three stacked rows of serif headings and copy on the left with meeting, goal and reporting UI cards on the right
    02 Features

    Everything busy managers need to run more frequent 1-on-1s.

  3. Frankli how it works section: serif heading above three outlined cards for engagement, management and growth with links on navy
    03 How it works

    Discover the power of Frankli.

  4. Frankli testimonials section: serif headline with stories button above three tilted pastel sticky-note quote cards on a navy dot grid
    04 Testimonials

    Meet the teams using Frankli to boost retention, engagement and productivity.

  5. Frankli call-to-action section: centered serif headline and demo button above hand-drawn hands holding colorful shapes on navy
    05 Call to action

    Go beyond annual reviews. Get Frankli.

Similar companies

All companies
Voiceflow17 sections Bobbin13 sections Piqo9 sections Spellbook5 sections
    ↑↓ Navigate ↵ Open

    Section preview

    Website section