Case study
A UN-affiliated training center needed its first website before a fixed date. It went live in ten days.
CIFAL Miami, part of UNITAR's CIFAL Global Network and hosted by Outreach Aid to the Americas with Florida International University, asked for a site on April 28, 2025, with a May 12 target. We built it new on WordPress, reviewed it on staging May 6 and took it live May 8, then added galleries and an events section through June.
Updated September 2026 Accessibility improvements to navigation, the contact form and event galleries. See what changed
- Client
- CIFAL Miami Center
- Platform
- WordPress
- Services
- PropelProtect
- Since
- cifalmiami.org (opens in a new tab) · 2025
Results
10 days
Request to live site
Formal request April 28, 2025; staging review May 6; live May 8.
4 days
Ahead of client target
The client asked for the site to be online before May 12, 2025.
Galleries + events
Post-launch additions
Media galleries in May 2025; events section and workshop page in June 2025.
Operational improvements
CIFAL Miami went from no website to a live one in ten days. The contact form's required sector field tells the team whether an inquiry comes from a government official, an NGO, an academic or a journalist before anyone opens it. Staff have made urgent event updates themselves, with Parameter handling larger changes.
Business impact
The center had a credible public site four days ahead of its own target, and it has stayed live and maintained since. Galleries and an events section, including the page for its October 2025 emergency preparedness workshop, followed as the center's programs produced content.
01 · The situation
Nothing was breaking because nothing existed yet.
What was breaking
Nothing was breaking because nothing existed yet. That was the problem. CIFAL Miami's partnership with UNITAR, OAA and FIU was in place, but anyone looking up the center, including partners and prospective participants, had nowhere to land.
What was at risk
Credibility. A UN-affiliated training center that can't be found online looks less established than it is. Without a site there was also no single place to present the center's thematic areas and partners, or to publish upcoming events.
The partnership
Four thematic areas
- Emergency Preparedness
- Environmental Resilience
- Sustainable Development
- Social Empowerment
The business
CIFAL Miami is an International Training Center for Authorities and Leaders affiliated with UNITAR (United Nations Institute for Training and Research) and part of the CIFAL Global Network. It is hosted by Outreach Aid to the Americas in partnership with Florida International University and focuses on four thematic areas: Emergency Preparedness, Environmental Resilience, Sustainable Development and Social Empowerment. It works alongside OAA's Community Port Resiliency Program (C-PReP), which supports airports and seaports across the Caribbean and Latin America.
Existing stack
Nothing. cifalmiami.org had no previous website; this is the first site on the domain. What did exist was a sister site: Port Resiliency, which our team redesigned in early 2023 under our predecessor name, Inreact, on WordPress and Elementor, and whose page structure the client asked us to follow.
Scale
CIFAL Miami's scope covers the United States, Latin America and the Caribbean. The website itself is compact: about a dozen pages plus media galleries, in English.
Constraints
A fixed date: the client wanted the site online before May 12, 2025. Content, logos, brand colors and typography came from the client, so the work was structure, layout and build, not brand creation.
02 · Approach & solution
Speed and familiarity.
Why this approach
Speed and familiarity. The client asked for a layout similar to the Port Resiliency site, which already ran on WordPress and Elementor, so staying on WordPress let us reuse a proven page structure and hit the date. Elementor Pro and the UiCore Pro theme gave the center a visual editor its staff can use for simple updates, and Element Pack Pro covered the extra layout widgets without custom code.
Tradeoffs
A page-builder stack (Elementor Pro, UiCore Pro, Element Pack Pro) means more plugins to keep updated than a lean custom theme. We accepted that because it bought speed and lets staff edit pages visually. The cost shows up later, in maintenance, which is why the site is on Protect.
Constraints
The date was the primary constraint: request on April 28, target before May 12. Brand assets were supplied rather than created, and the layout followed the sister-site pattern the client asked for.
03 · Workstreams
Six pieces of work, in order.
Content Brief & Information Architecture (From Apr 28)
What was done
Started from the client's content document, logos, brand colors and typography. Organized the content into the core pages (About, Thematic Areas, UNITAR, Partners, Contact), following the page structure of the Port Resiliency site as the client suggested, with the four thematic areas as navigation anchors.
Why it mattered
With about two weeks to the target date, reusing a structure the organization already knew was faster and lower risk than designing navigation from scratch.
What it replaced
No previous website or information architecture existed; this is the first site on the domain.
Design & Theme Implementation (Before launch)
What was done
Built the site on WordPress with the UiCore Pro theme (customized through a child theme), Elementor Pro and Element Pack Pro. Applied the client's brand colors and typography in a restrained institutional layout and finalized a responsive mobile layout before launch.
Why it mattered
The visual design is the first credibility signal for institutional stakeholders. It needed to read as UN-affiliated without looking like a government form.
What it replaced
No site design existed. Brand assets came from the client.
Staging Review & Launch (May 6 to 8)
What was done
Sent a staging preview on May 6, 2025 for layout, content and flow review. Added privacy policy and terms pages, applied the revisions from a leadership review of fonts, colors and galleries, and pushed the site to the live domain on May 8.
Why it mattered
Reviewing on staging with the people who would judge the site kept revisions inside the window. The site went live four days ahead of the client's May 12 target.
What it replaced
No previous web presence.
Galleries & Events (May to June 2025)
What was done
Built media galleries from the center's event photos in May 2025, then added an events section and a workshop page covering the overview, official invitation, agenda, registration details, and hotel and travel in June 2025.
Why it mattered
The content arrived after launch. Shipping the core site on time and adding these sections as material came in kept the date without cutting them.
What it replaced
Nothing. These sections were new.
Ongoing Operations (Since launch)
What was done
Hosting and maintenance under Protect, with Propel hours for larger changes. Staff make simple, urgent updates themselves.
Why it mattered
A page-builder stack with several premium plugins needs regular, careful updates. This split lets the center move quickly on content while someone accountable handles the platform.
What it replaced
No previous maintenance process.
Accessibility improvements (September 2026)
What was done
Added clear keyboard-focus indicators, made the header menus open and close predictably from the keyboard, gave the contact form’s Phone and Sector fields their own labels, and named the gallery thumbnails. The changes used native WordPress settings and a small, reversible plugin.
Why it mattered
People who navigate by keyboard or use a screen reader need to see where they are, hear what each form field is for, and move through event photos without losing their place. Fixing the shared header, form and gallery components improved every page that uses them.
What it replaced
Theme and page-builder defaults that hid keyboard focus, let hidden dropdown links take focus, and left gallery links without names.
04 · Execution
The stack and the decisions behind it.
- WordPress
- Elementor Pro
- UiCore Pro theme (child theme)
- UiCore Elements
- Element Pack Pro
- Google Site Kit
- Beautiful and Responsive Cookie Consent (cookie banner)
- LiteSpeed Cache
Technical decisions
Page builder, theme, widgets and analytics
Elementor Pro gives staff a visual editor for simple changes, and they have made urgent event updates themselves. UiCore Pro, customized through a child theme, provides the base layout and the header and footer system. UiCore Elements and Element Pack Pro extend the widget set, including the contact form and its required sector field. Google Site Kit connects Google Analytics so traffic can be checked from the WordPress dashboard.
Turning points
Following the sister-site layout
The useful decision was taking the client's suggestion to follow the Port Resiliency layout instead of treating a new institution as a blank canvas. That kept the build inside the window. Within that structure, the four thematic areas became the navigation anchors, and C-PReP is presented as a special initiative under Emergency Preparedness rather than buried in an archive.
Unexpected issues
Nothing dramatic
Nothing dramatic. The leadership review came back with comments on fonts, colors and galleries, and the revisions were applied before go-live. Gallery photos and event details arrived after launch, so those sections were built in May and June rather than holding the launch for them.
The full story
The project start to finish, in one read
CIFAL Miami is an International Training Center for Authorities and Leaders, part of UNITAR’s CIFAL Global Network. It is formed by a trilateral partnership of UNITAR, Outreach Aid to the Americas (OAA) and Florida International University (FIU), with OAA as host, and it serves government authorities, NGOs, private-sector leaders and academics across the United States, Latin America and the Caribbean. When the formal website request arrived on April 28, 2025, the center had no website at all. It wanted one online before May 12.
The challenge wasn’t technically exotic. It was the calendar: about two weeks to present a UN-affiliated institution credibly to an audience that ranges from government officials and international organizations to community and youth leaders. The site also had to explain four thematic areas (Emergency Preparedness, Environmental Resilience, Sustainable Development, Social Empowerment) and show where OAA’s Community Port Resiliency Program (C-PReP), delivered in partnership with CIFAL Miami, fits in.
We built it on WordPress with Elementor Pro, the UiCore Pro theme and Element Pack Pro. The client supplied a content document, logos, brand colors and typography and, given the timeline, asked for a layout similar to the Port Resiliency site our team redesigned in early 2023 under our predecessor name, Inreact. Reusing a structure the organization already knew meant the time went into content, hierarchy and a restrained institutional look instead of reinventing navigation.
A staging preview went out on May 6 for layout, content and flow review. The mobile layout and the privacy policy and terms pages were finished on May 7. After a leadership review of fonts, colors and galleries, the revisions were applied and the site went live on May 8.
Launch was the start, not the finish. Media galleries built from the center’s event photos followed in May 2025, and an events section with a full workshop page (overview, official invitation, agenda, registration details, hotel and travel) followed in June. The contact form asks each inquirer’s sector, from government and NGOs to academia and media, so the team knows who is writing before it replies.
Since launch we have hosted and maintained the site under Protect, with Propel hours for larger changes. Staff have made urgent event updates themselves, and we handle the structural work. For a page-builder site with several premium plugins, that split matters: the client moves quickly on content, and someone accountable keeps the platform updated.
05 · Continued improvement · September 2026
Easier to use by keyboard and screen reader.
In September 2026, Parameter extended its ongoing support for CIFAL Miami with targeted accessibility improvements across shared navigation, the contact form and event galleries. The work added clear keyboard-focus indicators, improved how the menus behave from the keyboard, associated each form field with its correct label, and gave gallery links meaningful names.
Changes were made through native WordPress settings and a small, reversible plugin, preserving the site’s design and the staff publishing workflow.
Before
After live deployment
Form fields that say what they are
The contact form’s Phone and Sector fields now carry their own labels. In VoiceOver checks on the live site, each field was announced by name and the Sector options were read out.
Galleries you can browse by keyboard
Gallery thumbnails have meaningful names, the image viewer opens as a labeled dialog, and closing it returns focus to the photo that opened it.
Checks that can run again
A repeatable keyboard regression suite covers the navigation, form and gallery fixes, and every change has a documented rollback: switch off one plugin, or restore the recorded settings.
How it was verified
Verification combined automated accessibility scans, keyboard regression tests and targeted VoiceOver checks on the live site. The final saved regression run, on September 29, 2026, passed all 19 checks.
The suite was written for these fixes, so it confirms they work rather than scoring the whole site. The result is a set of verified improvements to everyday visitor tasks, delivered without rebuilding the website.
06 · Takeaways
What carries over to other projects.
Who this applies to
New organizations and programs that need a credible site on a fixed date, especially those affiliated with larger institutional networks. Nonprofits whose audiences (government, international organizations, academia) judge legitimacy partly by what they find online. Organizations with a sister site whose structure can be reused.
Patterns observed
New institutions often underestimate how much their website is their identity in the first year. Before there are reports, completed programs and alumni, the site is the main evidence the organization is real. Reusing a proven structure from a sister site is usually faster and safer than starting from a blank canvas. And launch-day scope can be smaller than people think: ship the core pages on time, then add galleries and events as content exists.
When to consider this
When you're launching a new organization or program and the website is your institutional identity, not a marketing channel. When the date is fixed and the content is ready but the site isn't. When your team needs to make simple updates itself but wants someone accountable for hosting, updates and larger changes.
Next step
Want this kind of clarity on your own stack?
If your site, store, or business system is carrying silent risk, we can map the problem, choose the right approach, and turn it into something steadier.