Trilingual Web Health Monitoring Site with Stripe & Resend API

Trilingual Web Health Monitoring Site with Stripe & Resend APITrilingual Web Health Monitoring Site with Stripe & Resend API

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

Berckan Guerrero

pro

• 3h

Marketing and sales website for a web health monitoring service targeting small businesses in Latin America and Europe.

Astro 5 static site with Stripe integration (EUR, USD, CLP), geolocation based currency detection, and Resend API for transactional emails. Trilingual (ES/EN/FR).

Four user flows in one site: email campaign recipients see personalized context, organic visitors get a free check CTA, salespeople share payment links, self-service users browse pricing and buy.

Contact form via Resend API. Conditional hero based on referral source. 6 pricing tiers from free reports to monthly maintenance. Tone calibrated for Latin American SMBs.

Stripe for subscriptions and one-time payments. Currency auto-switches via visitor geolocation.

Astro Web Design Full Stack Development Stripe Tailwind CSS

Ismel Figueroa

max

• Mar 10

Contra Framer Web Design

new thumbnail exploration for recent project. Which one do you like better?

40 voted

24%

127 voted

76%

167 votes

Closed

Luca Da Corte

max

• Mar 10

Can barely see the site on the mobile one so deffo desktop for me 💯

Lucas Poelman

• Mar 10

We launched Ascend Marketing 3D website in 1 day. Using PeachWeb Builder.

3D Design website web3 PeachWeb

Akinkunmi Ayo

pro

• Mar 12

The speed at which teams can ship interactive websites now is wild. A 3D marketing site launched in a day would’ve sounded impossible not long ago. The tools are getting seriously powerful.

Serge Herasymchuk

max

• Mar 10

Another quick project ⚡️ but with a slightly different approach.

Worked closely with the marketing team on this one. We were building a landing funnel, but instead of starting from the lead magnet, we started from the end.

First, we created the full course page to test if the offer would actually be interesting for the audience. The page was used for ads, with a form to see if the program fits the user – and if the user fits the program.

Only after that, we built the checklist lead magnet funnel to bring cold traffic and warm it up before sending people to the course page.

Projects like this are always fun because it’s not just design – it’s real marketing logic, testing, and iteration 🚀

Check it out on Contra 👇

Figma Kajabi Web Design

Aditya Pandey

• Mar 10

Building the course page first to validate the offer before creating the lead magnet is genuinely smart strategy. Most people do it backwards. This is design thinking meets conversion logic.