Dotwork: bilingual Framer site for a freelancer payments app

Dotwork is a template I designed and built in Framer for products that handle bookings, deposits, invoices and reminders for freelancers. It is my own product, not client work.

The design problem Fintech and invoicing sites usually ship in English only, and the Arabic version is an afterthought. I wanted one site where Arabic is a first-class language: right to left layout, Arabic fonts and a language switch that keeps the same structure on both sides.

16 pages: home, features, pricing, customers, integrations, about, journal, changelog, contact, sign in, sign up and 404, plus CMS detail pages for features, customer stories, journal posts and legal.

6 CMS collections with search and filters.

A fee calculator on the pricing page.

A halftone character that walks down the page as you scroll, page transitions, scroll reveals, magnetic buttons and a custom cursor.

Arabic built in: RTL layout, Arabic fonts and more than 1,000 translated strings.

A Read Me page inside the project with diagrams that explain how everything fits.

Responsive for desktop, tablet and phone. Every color, text style, icon and label is editable from Framer's panels.

Who it is for Founders and designers launching a payments, booking or invoicing product, and agencies that need an Arabic and English site for a regional client.

Live preview: https://dotwork.framer.ai (Arabic: https://dotwork.framer.ai/ar) Get the template on Contra: https://contra.com/products/Neysy0a7-dotwork-framer-template-for-booking-and-invoicing-apps

Free support after purchase: framer@muhmad.me

#muhmad