I designed and developed a high-impact portfolio website for Christina Garofalo, a Hollywood movi...

I designed and developed a high-impact portfolio website for Christina Garofalo, a Hollywood movi...I designed and developed a high-impact portfolio website for Christina Garofalo, a Hollywood movi...

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Kyler Thompson

• Apr 10

I designed and developed a high-impact portfolio website for Christina Garofalo, a Hollywood movie poster designer. The main goal of hers was to create a digital home base that mirrors the scale of her work, while still ensuring her iconic key art remains the focal point.

- Implemented a poster-first layout that uses large-scale imagery and high-contrast typography

-Developed a clean, intuitive interface that allows studio executives and art directors to browse extensive galleries (from Netflix to Disney) with zero friction

-Captured Garofalism's brand identity through a bold color palette and cinematic spacing, all to try and bridge the gap between professional industry standards and artistic flair

Visit her site at www.garofalism.com

Read the case study: www.knighttheory.com/work/garofalism

Graphic Design Website CSS Web Design Figma GitHub Squarespace

Shezaan Ansari

pro

• Apr 12

Bloom AI — Cinematic Landing Page & Boot Sequence Developed the interactive landing page for Bloom, an AI-powered floral design platform. The project demanded a highly premium, "Awwwards-caliber" aesthetic merging organic video elements with futuristic, dark-mode glassmorphism. Technical Highlights:

Custom Preloader: Engineered a "Botanical Boot Sequence" featuring a dynamic iridescent SVG loading ring that expands into a portal wipe.

Advanced Glassmorphism: Wrote custom CSS layers utilizing background-blend-mode: luminosity, fractal noise SVGs, and gradient borders via -webkit-mask-composite.

Fluid Motion: Implemented Framer Motion for buttery-smooth staggered entrances, spring-physics hover states, and a custom mix-blend-difference fluid cursor.

Tech Stack: React, Tailwind CSS, Framer Motion, Lucide Icons.

Completed work

portfolioreview freelancerlife Brand Design AI Video Production Web Design Framer Higgsfield AI Webflow

Cipher UI

• Apr 13

Wow.....the animation of the earth in the image syncs so welll

alexis pilon

pro

• Apr 11

Today I help someone with a free audit of their website, then I spent about an hour to fix it and see what I could do with it.

The original website was built in Squarespace and I imported it in Figma. I tried to keep as much of the original website as I could since the core or the design like, typography, colours and images weren't bad.

Figma Web Design websiteredesign

2 voted

17%

10 voted

83%

12 votes

Closed

Heba Shalaby

• Apr 12

Love the fact that you kept most of the website yet transformed it in a way where it became 100x better.

Abi Bee

pro

• Apr 12

A commerce education platform. The biggest challenge was that it was the first of its kind, with no reference to guide me. So I learned commerce along the way, and built it.