pro
Keshav Sharma
Creating Landing Pages that Convert. Web Developer/Designer.
New to Contra
Keshav is ready for their next project!
HEARTWOOD
Landing page & brand direction for a slow-living botanical skincare line
Heartwood makes skincare for older skin, so the whole thing had to feel unhurried and kind rather than clinical. I brainstormed and wireframed the structure in Figma, building it on a wabi-sabi palette — warm bone (#F5EFE6), deep walnut (#5C4033), and a muted wood taupe (#655C55) for the accents — with Fraunces carrying the calm headlines and Inter handling the body. There's no pure black or white anywhere; every tone sits a few degrees warmer.
Because the audience skews older, accessibility drove the calls: body text never drops below 16px, tap targets stay generous, and every pairing is contrast-checked to WCAG AA. Motion is limited to slow fade-ins — nothing that startles.
The wood-grain heart logo and product imagery were generated and cleaned up in ChatGPT, the hero clip came out of Veo, and I built the final responsive site in Framer — with Claude as a design-and-build partner throughout.
Tools: Figma (wireframing & design) · Framer (build) · Claude · ChatGPT (imagery) · Veo (video)
0
19
Paw Treats
Brand refresh & playful landing page for a small-batch dog-treat company
Paw Treats needed to feel as friendly as the product — oven-baked treats made with real meat and veggies. I rebuilt the brand around teal (#1C8493), warm brown (#47311F), and cream, all taken from the hand-lettered logo, and leaned into rounded, cheerful type with Fredoka and Nunito. The direction and wireframes came together in Figma.
The hero runs a dog being handed a treat behind a soft teal scrim, under "Wholesome treats worth the wag." One constraint solved two problems: the clip had a watermark in the corner, so I placed a "loved by 2,000+ pups" rating card exactly there — it hides the mark and doubles as social proof.
The dog footage was generated in Runway and Kling, the logo redrawn and cleaned up in ChatGPT, and the final bouncy, playful build shipped in Framer — with Claude helping throughout from concept to build.
Tools: Figma (design & wireframing) · Framer (build) · Claude · ChatGPT (imagery) · Runway / Kling (video)
0
22
Hop & Grain
A hero-forward landing page for an East Austin craft brewery
Hop & Grain is a craft brewery in East Austin, and the brief was basically "make it feel like the taproom on a Friday night." I pulled the palette straight from their badge — forest green (#35623F) and brass gold (#C99A4E) — and set it in a warm, dark shell (#14170F) so the photography and the beer pours do the talking.
The whole thing lives on one screen since the client only needed the hero for their reel: I laid it out in Figma with Poppins for the big headlines and Roboto underneath.
The logo and imagery is refined in ChatGPT, and I built the final site in Framer — from Figma layout to a working build. I used Claude MCP in Framer to generate various components on the fly.
Tools: Figma (design & wireframing) · Framer (build) · Claude · ChatGPT (imagery)
0
28
LUMI Pilates
A cinematic, dark-mode landing page for a boutique Pilates studio
LUMI started from a reference and turned into something moodier. Once the studio direction came together — low light, matte-black equipment — the original warm-cream idea stopped working, so I pivoted the whole theme dark: a near-black base (#0B0D0F) with a single powder-blue accent (#8FC4D2) pulled from a Pilates ball in the shot. Gold appears in exactly one place — the rating.
I explored the layout and wireframes in Figma, set Fraunces for display and DM Sans for the interface, and staged the hero to reveal its headline line by line: "Sculpt strength. Find balance. Feel like you."
The reformer footage was generated in Kling and Runway, the imagery prepped in ChatGPT, and the final site built in Framer with Claude alongside for the trickier layout and interaction calls — sticky nav, class carousel, booking flow, and a Member Stories section, all keyboard-accessible and reduced-motion aware.
Tools: Figma (design & wireframing) · Framer (build) · Claude · ChatGPT (imagery) · Kling / Runway (video)
0
33