Layerfolio

Layerfolio is a portfolio template for anyone who designs or builds digital things: product and UX designers, web and brand designers, design engineers, freelancers and small studios. It opens like the design tool you work in every day.

The hero draws your name with the pen tool, anchor points and all, then fills and selects it. Two teammates' cursors turn up: one comments asking for the name to be bigger, the other drags the corner handle until it grows. Then the visitor's pointer becomes a "You" cursor that shows red spacing measurements on hover, and your project photos show through the letters of your name.

What's inside

• Selected work as a pinned scroll where each project's hero screen separates into its six design layers, then folds back

• 10 pages: Home, Work, Case study (CMS) with a Flat / Layers 3D switch, About, Services, Journal and post (CMS), Playground, Contact with a working form, and 404

• 3 CMS collections: 6 case studies, 8 journal essays and 6 testimonials, all fully written

• Services drawn as a prototype flow, testimonials as resolvable comment threads, a draggable playground board, a zoom page transition, and tablet and phone layouts

Noor Castell and all clients shown are fictional. All photos are Unsplash-licensed.