UI Sections
SectionsStylesIndustriesCompaniesAbout

Ruul website design

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

Visit ruul.io (opens in a new tab)

Sections 15

In page order, top to bottom

  1. Ruul hero section: audience toggle and centered serif headline above a dark green panel with a portrait photo and invoice UI card
    01 Hero

    We help freelancers and businesses work together, handling invoicing, payments, and compliance.

  2. Ruul logo cloud section: small caption above a single row of grayscale organisation logos on an off-white background
    02 Logo cloud

    Trusted by thousands of teams & organisations

  3. Ruul how it works section: serif headline above three numbered rows with text left and UI cards on grid panels right, plus a flags strip
    03 How it works

    Invoice, get paid, and stay tax ready, anywhere you work in the world.

  4. Ruul features section: serif headline with two buttons above a dashboard screenshot on a dark green textured panel
    04 Features

    A platform built to make contract work easy for you and your clients.

  5. Ruul features section: bento grid of benefit tiles in dark green, lime and warm gray, with a portrait photo and a node diagram
    05 Features
  6. Ruul integrations section: small caption above a row of grayscale bank and wallet logos on an off-white background
    06 Integrations

    Works with the wallets and bank accounts you already use.

  7. Ruul features section: serif headline above three feature cards in dark green, gray and lime with payout and toggle UI mockups
    07 Features

    Get faster payouts, more control, and less chasing with exclusive features.

  8. Ruul testimonials section: white card with a large quote and arrow controls above three rows of large serif stats on beige
    08 Testimonials

    Ruul is synonymous of advanced online services, with a spike of high level customer service. They are very professional – highly recommended.

  9. Ruul FAQ section: dark green image card with serif headline and buttons on the left, three collapsed question rows on the right
    09 FAQ

    Frequently asked questions

  10. Ruul footer section: serif CTA over dark green hills artwork, with a dark panel of link columns and a large Ruul wordmark
    10 Footer

    Start in minutes. Get paid tomorrow. No setup cost. No monthly fees.

  11. Ruul hero section: centered uppercase headline with yellow highlight above colored cards pairing people photos with payment request UI
    11 Hero

    INDEPENDENT'S PAY BUTTON

  12. Ruul logo cloud section: centered headline with yellow highlight above a row of brand logos, a Trustpilot rating and a yellow button
    12 Logo cloud

    More than 100,000 freelancers use Ruul

  13. Ruul how it works section: Merchant of Record statement and four feature notes above four numbered yellow step cards on light gray
    13 How it works

    Ruul, as your Merchant of Record, is the legal entity selling your professional services to your business clients compliantly in 190 countries.

  14. Ruul testimonials section: centered large statement with inline emoji badges and a Trustpilot rating on a bright yellow background
    14 Testimonials

    Ruul resells your professional services to your clients, handles Billing & Payment Collection so you don't have to.

  15. Ruul call-to-action section: bold uppercase headline, copy and yellow button beside a three-item checklist in a dark green card
    15 Call to action

    READY TO GET STARTED?

Similar companies

All companies
Strawberry12 sections Plasma36 sections Voiceflow17 sections Heidi16 sections
    ↑↓ Navigate ↵ Open

    Section preview

    Website section