Yogesh Malik
Senior GenAI UX/UI Designer
New to Contra
Yogesh is ready for their next project!
Challenge: Turn the sales copy into a single, high-converting one-page sales page that matches the House of Heroes brand and drives clicks to the payment page for screen-conscious parents of kids aged 4–11 who want meaningful, screen-free connection.
Solution: An immersive, cinematic one-pager built on the brand's own storybook illustrations midnight-navy canvas, brand-teal accents, lantern-gold CTAs, Cinzel + Spectral type. It flows through all the copy beats (hero → problem/solution → what's included → $920 value stack anchored by a $97/mo price card → testimonials → guarantee → emotional close), with full-bleed illustration interstitials, a sticky header + bottom CTA bar, and scroll-reveal animation. Every CTA routes to the checkout, fully responsive desktop-to-mobile.
0
2
The challenge On Top Roofing & Construction a Louisville roofing contractor needed a website that could actually sell. The ask was for something high-energy and engaging (even a mascot) to stand out in a competitive trades market, while still reading as trustworthy and professional. It also had to hit specific functional requirements: a lead-capture form up top, an instant roof-cost estimator, galleries, reviews, an interactive service-area map, and a navigation structure matching their exact sitemap all with no real design system or brand assets beyond a logo.
The solution A complete 7-page marketing site built on a custom brand system pulled straight from their logo (charcoal + orange → red roofline, clean Montserrat type) with a friendly roofer mascot, "Rocky," for personality without sacrificing credibility.
Key pieces:
Home lead-capture CTA form, "What Will My Roof Cost?" instant estimator, services grid, gallery + auto-playing review carousels, and an interactive location map. Plus 3 switchable hero directions and a live tweak panel to compare looks.
Services, Asphalt Shingle, Areas Served, Jefferson County full service detail, FAQ accordions, and local-SEO landing pages.
Blog & Contact article hub and a full contact page with form, hours, and office map.
Nav mirrors their sitemap exactly, real business info and photos are wired throughout, and every image is drag-and-drop swappable.
The outcome: a fun-but-professional, conversion-focused site that turns visitors into booked inspections.
0
2
Challenge: FEROX, a Swiss personal-protection brand (ballistic helmets, hard/soft armor, stab & spike protection, carriers), needed a web presence that felt as engineered and uncompromising as its products premium, technical, and trustworthy with no existing brand assets, photography, or design system to build from.
Solution: A cohesive 5-page site (Home, About, Technology, Solutions, Applications) built on an original brand system:
Aesthetic near-black/anthracite surfaces with a single refined bronze accent; Archivo Expanded headlines (engineered, DIN-spirited), Inter body, IBM Plex Mono technical labels; hairline grids, registration ticks, and spec readouts throughout.
Structure full-bleed hero, capability grid, material-level technology story with custom ballistic diagrams, product solutions with specs, and sector-based applications.
Imagery on-brand example visuals (backlit operators, product renders, a ballistic-impact frame) generated to fill every slot, each replaceable via drag-and-drop when real photography arrives.
Experience fully responsive, with scroll reveals, hover states, and working cross-page navigation.
Result: A polished, uncompromising brand site that communicates precision and reliability the core FEROX promise ready for real content to drop in.
0
2
EOS B2B Commerce Platform - Fire Service College storefront homepage
0
0