De mãos dadas pelo Martim
Site for Martim's fundraising campaign: where to drop off bottle caps, events, album, a support wall and a panel for the parents to keep it all updated.
Delivered in 4 days with AI
Case study
01
The challenge
A WordPress site with a bought theme, Elementor and machine translation: one 21,000 px page whose first screen gave no action, with the IBAN hidden in FAQ question 6 and the 14 collection points in one run-on paragraph.
02
The solution
A new name, domain and identity (“Martim’s notebook”), with 68 pages in PT and EN and a panel so the parents can update everything themselves. The proposal estimated weeks on WordPress; it became a custom site in 4 days.
What we added
- “The bottle-cap challenge” game, with a friendship diploma and a friends wall
- Games page, map, A4 poster with QR code and an 8-page PDF booklet
- 12 past events imported, a photo and video album
- Parents’ panel: news, events, album, collection points and results
- A notebook index with 11 chapters on tabs, and 12 covers for visitors to choose from
- A PDF booklet generated on its own from the published page, always with the current collection points
03
The impact
- The first screen explains the gesture and the maths, with two clear actions: where to drop off caps, and donate
- IBAN visible with a copy button and “Donate” always at hand
- Collection points in a filterable table and a map with “nearest to me”
- Hand-written English, AA contrast, 18 px body text and reduced motion respected
- SEO, security (CSP, SRI) and cookie-less stats
- A page per town (Boliqueime, Albufeira, Paderne, Olhos de Água) for people searching where to drop off caps, and a site summary for AI assistants
Lighthouse on the live site (desktop) · measured 29 Sept 2026
- 98Performance
- 97Accessibility
- 100Best practices
- 100SEO
- 4 days
- 68 pages
- PT + EN
- WordPress custom site
The highlight
The bottle-cap challenge
Sorting caps properly is what makes the campaign pay, so we teach it through play. One item at a time, four bags, hints when you get it wrong and, at the end, a Friend of Martim diploma to keep, share on social media and pin to the wall. It is the most engaging part of the site: people who play stay, share and come back to beat their own score.
- Three levels, from easy to hard with trick items
- Items rotate, so every round is different
- Diploma as an image, ready to share
- A wall with the top 10 for each level
After launch
A notebook with an index
With events, news, the album and partners, the home page grew. Instead of cutting it, it now reads like a real notebook: 11 chapters with dossier tabs, a full index and, on phones, carousels that shorten the page without hiding anything. The family keeps publishing from the panel and the index follows on its own.
01 Tabs
Every chapter has a numbered, coloured tab always at hand: on the side on large screens, hanging from the header on small ones.
02 Index
The full index opens over the page: the 11 chapters and the other pages, such as games, news and the map.
03 Chapters
The active tab shows where you are. On phones, each chapter’s cards become a carousel, so the page stays short.
04 The cover
Visitors pick the notebook cover from 12 palettes; the logo, the poster and the booklet follow the colour.
Next project
YL Deco
Logo and website for an interior design studio in the Algarve. The site was built in Framer with help from Claude: projects, services, journal and project enquiries.
