Designing a multilingual MVP website collaborating with volunteers

Ludmilla Ramos

Product Designer Lead

No platform met the needs of an international audience with different languages, currencies, and digital comfort levels. I designed a mobile-first MVP website and coordinated two volunteer developers (~300 hours), spreading a one-month workload into six months. Collaboration strategies, including a customised UI kit, cut dev effort by over 34%. After launch, an analytics-driven sprint improved usability ahead of full rollout.

→ Multilingual MVP website shipped within deadline with limited volunteer-hours

→ 34% dev effort reduction through collaboration and reusable components

→ After-launch usability sprint driven by screen recordings and heatmaps

→ WCAG-compliant interface with culturally adapted translations

Destination Wedding Mobile-First Website

Product Strategy

Cross Collaboration

UI Design

Responsive Design

IA

Data Analysis

Accessibility

UX Research

Wireframing

Prototyping

Interaction Design

Style Guide

Handover Doc

Cross-Functional Communication

Product Strategy

Cross Collaboration

UI Design

Responsive Design

IA

Data Analysis

Accessibility

UX Research

  • TEAM:

    • Daniel Castro, Junior Front-End Developer

    • Matheus Godoy, Senior Full-Stack Developer

    • Anna Magalhães, Graphic Designer

  • Deliverables:

    Persona

    Experience Map

    Market Insights

    Customer Insights

    Site Map

    Ecosystem

    Wireframe

    Prototype

    Style Guide

    Handover Doc.

    Analytics Report

  • TOOLKIT:

    Figma

    Google Analytics

    MS Clarity

    Adobe Color

    Material UI Kit

    Google Fonts

    Material Symbols

    VS Code

"What impressed me most was her empathy and collaborative spirit. When technical challenges arose, such as implementing specific functionalities, she was always ready to adjust the design and find solutions without compromising the quality of the final product. Working with someone who truly understands the team's difficulties is rare and valuable."

Daniel Castro, Developer

|

"What impressed me most was her empathy and collaborative spirit. When technical challenges arose, such as implementing specific functionalities, she was always ready to adjust the design and find solutions without compromising the quality of the final product. Working with someone who truly understands the team's difficulties is rare and valuable."

Daniel Castro, Developer

|

"What impressed me most was her empathy and collaborative spirit. When technical challenges arose, such as implementing specific functionalities, she was always ready to adjust the design and find solutions without compromising the quality of the final product. Working with someone who truly understands the team's difficulties is rare and valuable."

Daniel Castro, Developer

|

Destination Wedding Website

Destination Wedding Website

The Problem

No platform ticked all the boxes

I needed a website to serve as the central hub for an international destination wedding. Guests spanned several countries, four languages, and very different levels of digital comfort. The site had to handle RSVPs, gift contributions, and travel logistics in one place.


I tested 8 wedding platforms on their free plans and scored each across six dimensions: language support, registry costs, guest management, travel information, communication tools, design customisation and more. The highest scored 70%. None met all needs.


Competitive Analysis


Core problems

  1. Multilingual support was superficial or non-existent. Guests needed content in Portuguese, Polish, English, and Spanish. Most platforms offered automatic translation that missed cultural nuance.

  2. Registries charged commission fees with no multi-currency support. Guests would contribute from Brazil, Poland, across Europe, Latin America, and Canada. No platform offered commission-free giving in multiple currencies.

  3. No way to centralise destination logistics or route guest data to suppliers. Platforms couldn’t consolidate travel details into one place, and there was no way to feed RSVP data to suppliers for catering, transport, and seating based on real numbers.


Direction

The 1-year fixed lifecycle shaped every scope and prioritisation decision:

  • Design and ship a responsive, mobile-first MVP within six months

  • 4 manually translated languages

  • Automated RSVPs feeding attendance and requirement data to suppliers

  • Commission-free, multi-currency cash registry

  • Blog-type content for travel and event information

The Journey

Discovery & Ideation

Optimising the experience for many cultures

I combined informal guest research with secondary research on digital adoption, cultural communication habits, and gift-giving norms across markets, focusing on the two major cultures — Brazilian and Polish, then created personas and mapped the end-to-end guest journey.


Personas


Key findings

  1. Digital adoption splits sharply by culture. Brazilian guests were comfortable with online RSVPs and digital event hubs. Polish guests were not — Poland’s digital adoption scores are among the lowest in Europe, meaning the interface had to be simpler and more guided for that audience.


  2. Communication channels diverged by market. Brazilians rely on WhatsApp and Instagram; Polish guests favour Facebook Messenger. The website link and RSVP follow-ups had to reach guests where they already were.


  3. Automatic translation was not an option. Each translation had to feel native, which meant manual work across all four languages.


  4. Cash gifts needed multi-currency flexibility. Commission-free giving in the guest’s own currency was essential for a destination wedding.


  5. RSVP data had operational value beyond headcounts. Dietary needs, plus-one details, and attendance confirmations needed to reach suppliers directly.


Customer Journey Map


These were the priorities:

  • Reduce friction for less digitally confident guests.

  • Centralise all information in one hub.

  • Make RSVPs and giving effortless regardless of language or location.


Design

Designing the system before the screens

The information system positions the website as the central hub connecting guests and suppliers, automating the experience through email confirmations, content sharing, and data collection. The same RSVP data that confirmed attendance also fed into secondary event bookings, reducing manual coordination across countries and time zones.


Information System


Structuring according to guest priorities

Through a card-sorting exercise with the two core audiences, I structured the site map and prioritised what guests would need first.


Site map


From brand to accessible, reusable components

The graphic designer defined the branding assets, colour palette, and typography. I adapted the palette for WCAG-compliant contrast and responsive scaling using rem/em units. With the style guide set, I used the MUI kit as the base for all components and customised it to create a coherent, replicable structure across pages.


Accessible Style Guide


Components


Aligning design with development capacity


This is the part of the project I’m proudest of, and where I learned the most at that time.


I mapped both developers’ skills and constraints against the project’s needs. With fewer than five hours weekly each, we had to prioritise ruthlessly:


  • React on Vercel for maintainability and cost

  • MUI library customised only for visual identity — 34% dev effort reduction

  • Mobile-first at 390px and 1024px breakpoints (tablet deprioritised)

  • Embedded JotForm for automated RSVPs and supplier data routing

  • Figma with annotated comments for design guidance


I shared the full scope so each developer could estimate timelines and divide tasks according to their strengths. That meeting set clear ownership for the months ahead.



Iterating with real data

After launch, I shared the site with a small group of guests to surface issues. Google Analytics and Microsoft Clarity (screen recordings, scroll scores, heatmaps) showed what needed fixing.


Key insights:


  1. Form below the fold with no visual cue. I shortened the hero banner to reveal the next section, guiding users to discover the RSVP form.



  1. Carousel fatigue buried the dress code content. Reprioritised card order, moved dress code to second position, switched desktop to grid layout for better viewport coverage.



  1. Hidden links on the mobile menu. Decreased spacing and moved the RSVP link to the first position.


  1. UX writing gaps across languages. English expressions confused non-English speakers. Adapted key labels (“RSVP” became “Confirm attendance”; “Q&A” became “FAQ” for Brazilian guests).



After these corrections, the site went to the remaining guests. Positive informal feedback about ease of use and finding answers without contacting the hosts.


Solution

  1. Four-language interface with manual translations

  • Accessible from any page, with culturally adapted content per audience

  • Manual translations ensured tone and familiarity, not just accuracy



  1. Commission-free, multi-currency cash registry

  • Guests transfer via Revolut or directly to local banks (Brazil or Poland)

  • No platform fees on any contribution


  1. Centralised destination hub

  • Events, trips, and planning details in one place

  • RSVP data feeds directly to suppliers for catering, transport, and seating



Final Takeaway


What I carry forward

  • Collaboration with volunteers required more care than any document. Managing two developers with full-time jobs and limited hours meant understanding their needs, skills, and limits before anything else — and we still shipped on time.

  • Product-led thinking shaped every prioritisation decision. Treating this as a temporary MVP forced me to focus on essential features and use data to guide what really mattered to change.

  • Post-launch data closed the feedback loop. Screen recordings and heatmaps turned assumptions into evidence, and every design fix was triggered by real user behaviour.


What I'd do differently

  • Differentiate clickable from non-clickable components on mobile. Visual coherence across components meant I missed signalling interaction states clearly on mobile — the iteration data caught it, and I take this learning into every project since.

  • Worry less about automation in a personal context. In B2B SaaS, self-service saves time, reduces costs and potentializes adoption. In a personal context, many guests craved warmer conversations and ultimately confirmed their attendance without the form.

  • Revisit the manual translation approach. Manual translation ensured cultural accuracy, but AI-assisted tools have matured — I’d now use them to accelerate, keeping human review for cultural nuance.

Deep Dive Into More Cases