Leporello

Leporello is a portfolio for product and UI designers. The demo is Bram Lindeboom, a senior product designer in Amsterdam.

The home page is a folded paper book. Scrolling unfolds it page by page through your selected work, then the contents, notes and about. At the end the book closes and turns to its back cover, with your contact details.

At a glance

• Home page book built from the CMS: choose which works appear and in what order

• A CMS page for every work: project facts (company, role, team, duration, platform), six story sections (Context, My role, Approach, Solution, Result, What I learned) and a screens gallery with captions

• Seven works and four notes included

• Two categories, printed on white or black paper, and an Under NDA sticker for confidential work

• Back cover with click-to-copy email, open in mail app, local time, LinkedIn, resume PDF and a QR code that saves your contact card

• Work and Notes pages, an About page with experience, privacy and cookie pages, and a cookie banner with Accept and Reject

• On phones the book becomes a vertical strip; with reduced motion it lies flat and scrolls sideways

• Desktop, tablet and phone layouts

• Free Google font Familjen Grotesk, original images included

Framer agent skills included

Two skills are saved in the project:

• /works: add a case study, reorder the book or choose which works it shows.

• /make-it-yours: replace the demo name, contacts, resume and colours with yours, on every page.

Support: hello@alexand.co