Imelda Yayala Marketing Website
A marketing website and digital application platform for a travel and education consultancy — replacing a PDF-and-WhatsApp manual workflow with structured online forms that deliver submissions directly to the agency's inbox.
Project Overview
Imelda Yayala is a travel and education consultancy based in Nigeria, helping clients navigate study abroad applications, tourism packages, business travel, and visa processing. Despite a steady and growing client base, the agency had no web presence and was managing every client interaction entirely through WhatsApp and manually distributed PDF forms.
I was brought in to design and build a professional marketing website that would represent the agency online, and to replace the fragile manual intake process with a reliable digital alternative — without over-engineering a simple, clear business need.
What Was Built
- Marketing website — a polished, mobile-first site presenting the agency's services, story, and contact information
- Student Application form — structured intake for study abroad and scholarship enquiries, with document upload support
- Travel Application form — covers tourism, business travel, and visitation categories, each with tailored fields
- Nodemailer API route — a lightweight Next.js server action that emails all submitted form data and attached documents directly to the agency
Key Technologies
- Next.js — App Router for routing and server actions; handles the Nodemailer API without a separate backend service
- TypeScript — Type-safe form schemas, API request/response types, and component props
- Tailwind CSS — Utility-first styling for rapid, consistent UI development
- Framer Motion — Page transitions and scroll-driven section reveals for a polished feel
- Nodemailer — Server-side email delivery; form submissions arrive as formatted emails with file attachments in the agency's inbox
- Vercel — Zero-config deployment with edge functions for the API routes
The Problem
Imelda Yayala was running a real business on entirely informal infrastructure. Every client interaction introduced friction and risk:
- No website — the agency had no web presence. Potential clients couldn't find them, verify their legitimacy, or understand their services without first making contact through personal referral
- PDF forms via WhatsApp — when a client expressed interest, the agency would send a PDF form over WhatsApp. The client printed it, filled it in by hand, scanned it, and sent it back
- Manual data re-entry — upon receiving the scanned form, the agency had to manually type every field into their records. This was time-consuming and prone to transcription errors
- Lost messages and applications — WhatsApp is not a case management tool. Messages got buried, files expired, and applications were occasionally lost entirely in the chat history
- Slow turnaround — the back-and-forth of sending PDFs, waiting for scans, and manually processing information stretched what should be a simple intake into a multi-day process
Impact on the Business
- Trust deficit: Without a website, potential clients had no credible reference point — relying entirely on word of mouth and WhatsApp screenshots to build trust
- Operational bottleneck: Manual data entry after each application meant the agency owner's time was consumed by administration rather than client service
- Document loss risk: Files shared over WhatsApp expire and are hard to organise, creating a real risk of losing sensitive client documents
- No scalability: The manual process couldn't handle growth — more clients meant proportionally more admin overhead
Marketing Website
The first deliverable was a clean, professional marketing site that establishes Imelda Yayala's credibility and clearly communicates their services. Designed mobile-first with Tailwind CSS and animated with Framer Motion, it covers:
- Services overview — study abroad, tours, visa processing, business travel
- About section establishing the agency's background and experience
- Clear calls-to-action routing visitors directly into the application forms
- Contact information and social links
Digital Application Forms
Two structured form flows replaced the PDF-and-WhatsApp system:
- Student Application — captures personal details, intended country and institution, programme of interest, and supporting documents (transcripts, passport, financial statements)
- Travel Application — three sub-categories (Tourism, Business, Visitation) with tailored field sets per category, plus document uploads for travel documents and supporting letters
Both forms validate inputs client-side before submission and provide clear error states and a confirmation screen on success.
Nodemailer Email Backend
Rather than a full database or CMS, the right tool for this use case was a lightweight API route using Nodemailer. On form submission:
- Form data is validated server-side in the Next.js API route
- Nodemailer composes a structured email with all fields presented in a readable format
- Uploaded documents are attached directly to the email as files — no external storage service needed
- The email lands in the agency's inbox, ready to act on — no logging in to a dashboard, no manual exports
This approach kept the infrastructure minimal, the cost zero, and fit naturally into the agency's existing email workflow.
Outcomes
- Manual data entry eliminated — all application details and documents arrive pre-formatted in the agency's inbox
- No more lost applications — submissions are timestamped emails, not disappearing WhatsApp messages
- Faster turnaround — what previously took days of back-and-forth now completes in a single form submission
- Professional presence established — the agency now has a credible web presence clients can reference and share
- Client referrals already generated — the agency owner has reported new business through referrals stemming directly from the website launch
Key Learnings
- Right-size the infrastructure: A Nodemailer API route was the correct choice here — not a database, not a CMS, not a SaaS form tool. Matching the solution to the actual workflow prevents unnecessary complexity and cost.
- Workflow fit matters more than feature count: The agency didn't need a client portal or a dashboard — they needed their inbox to work better. Building to that reality made the product immediately useful from day one.
- Trust is a design deliverable: For a small agency operating largely on referrals, the website's credibility directly influences client confidence. Visual polish and clear information architecture are not vanity — they're conversion tools.