Skip to contentMain content

Your creative partner in Bogotá·Book a free 30-min call →

MD Estudio Creativo de Marketing Digital

Web Design

Certific-Arte · program website and enrollment

Certific-Arte website migration to Next.js: enrollment with Firestore and Brevo, open and closed application modes, and a gallery of 13 artist profiles.

Case by Andrés García · Reviewed

Certific-Arte · the project on screen

From the call for applications to the program archive.

A website that explains the program, guides prospective participants and gives the artists' work a place to be explored.

Desktop walkthrough · 0:38

The program, step by step.

The modules and assessment criteria explain the training roadmap. The gallery and frequently asked questions complete the journey.

Recording of the 2026 project's archive version, with applications closed. The original domain is no longer available. Original interface in Spanish.

  1. Explain the program

    What the program offers, whom it serves and what prospective participants need to know.

  2. Organize participation

    The roadmap, dates and enrollment connected through a shared structure for each stage of the application period.

  3. Preserve the work

    A gallery of profiles and artwork that lets visitors explore the work of the 2026 cohort.

Client

Fundación Cultural Ramiro Arana

Year

2026

Stack

Next.js 16 (App Router)React 19 + TypeScript 5Tailwind CSS v4Firebase FirestoreBrevoFramer Motion 12Vercel

Deliverables

  • WordPress to Next.js migration and program content
  • Enrollment form with data processing authorization and a separate communications option
  • Firestore, Brevo and confirmation email integrations
  • Open and closed application modes with centralized dates
  • Gallery of 13 profiles with 74 artwork images and 13 portraits
  • Five-module roadmap, assessment rubrics and portfolio links
  • On-demand Excel export script

A cultural program needs to explain its offer, receive applications and preserve its participants' work. For Certific-Arte, a program run by Fundación Cultural Ramiro Arana, we migrated the website from WordPress to Next.js and brought those journeys together in one platform.

The project forms part of Colombia's National Cultural Concertation Program (PNCC), under registration C4450-2026. Its training proposal helps artists and cultural managers organize their experience and evidence in preparation for SENA occupational competency certification processes. The project website's original interface is in Spanish.

From program information to enrollment

The work began by organizing the content: what the program offers, whom it serves, how its roadmap works and what prospective participants need to know. The migration included enrollment, data processing information and artist profile pages.

This structure connects program information with a clear next step. Frequently asked questions, dates and the training roadmap support that decision within the same website.

Enrollment with layers of backup

The form brings together identity, contact details, location, artistic discipline and experience, including options for self-taught practice and ancestral knowledge. It includes mandatory data processing authorization and a separate option to receive communications.

The implemented journey attempts to save the application in Firestore, then uses an API to create or update the contact in Brevo and request a confirmation email. The code includes validation and Colombian phone number normalization. If the API fails, the interface offers an email alternative.

This architecture provides two capture destinations and another contact route. Saving records and delivering emails depend on each service's configuration and response.

Open applications and archive mode

A centralized configuration distinguishes enrollment from the period after applications close. In open mode, calls to action lead to the form and the schedule is displayed. In closed mode, the enrollment page shows a closure notice and an email field for updates.

The version reviewed keeps the 2026 call closed and brings the gallery to the foreground. The published roadmap presents five modules dated June 11 to 27, 2026, followed by a certification milestone. This schedule describes the program presented; attendance records and participant accreditation are the organization's responsibility.

A gallery of 13 cultural profiles

The project archive brings together 13 artist and cultural manager profiles, 74 artwork images and 13 portraits. Each profile has six curatorial sections, an introduction to the participant's practice and a link to their portfolio folder.

Profile pages are statically generated, and the images are published in WebP with defined dimensions. The gallery provides a way to explore the 2026 cohort's work and preserves a reference to the material presented by participants.

Centralized content and on-demand reporting

Dates, copy and roadmap information are organized in content files. This supports preparing a new edition while keeping a common structure for the schedule, sections and messages.

We also prepared a script to export Brevo contacts to Excel with brand formatting, filters and criteria for flagging possible test records. It runs on demand. The project includes an API deployment configuration and a static export configuration with an email contact alternative.

The development outcome

The verifiable outcome is a platform connecting program information, application capture and a portfolio archive. The migration included the form and its integrations, application mode switching and the gallery pages.

The published profiles document the work presented. Official SENA certificates require their own supporting records and cannot be inferred from the number of profiles. This case describes the website deliverables without attributing certification, employment or income outcomes to them.

If your organization needs to connect an application process with an archive and contact channels, explore our website design and development services. You can review how we organize a project or discuss the scope of your platform.