Web Development
Industry: Education / Immigration Services
2
countries served with unified dual-market theming
In short
Arcetis built and maintains the public website for an education consultancy that guides prospective students through study-abroad opportunities and the visa/immigration process, operating across a South Asian source market and an Oceania destination market. The Next.js 14 site uses dual-market theming, a partner-university showcase, and a maintained team section, backed by a Shadcn/ui design system and a Resend-powered contact and inquiry pipeline. The site is real, live, and actively maintained, with dated development activity including a recent addition to the client's staff roster.
Arcetis partnered with an education consultancy that helps prospective students navigate study-abroad opportunities and the visa and immigration process required to act on them. The consultancy operates across two markets: a South Asian country, where most prospective students and their families begin their research, and an Oceania country, the destination where those students ultimately study and, in many cases, immigrate. Rather than building two separate websites or bolting a second market onto an existing single-market template, Arcetis built one Next.js 14 platform with dual-market theming, so the same codebase and design system could present a consistent, trustworthy identity regardless of which market a visitor came from. The site pairs informational content about study-abroad programs and visa pathways with a partner-university showcase and a team section, and channels every inquiry into a single, reliable contact pipeline built on Resend and React Email.
Education consultancies that operate between a source country and a destination country face a structural communication problem before they ever consider marketing or growth: the same website has to serve two audiences with different starting points, different anxieties, and different information needs, without contradicting itself or feeling like two businesses stapled together. In the South Asian source market, prospective students and their families are typically early in the process - comparing study-abroad options, trying to understand visa and immigration requirements, and looking for signals of legitimacy before committing time or money to a consultancy. In the Oceania destination market, the audience skews toward students further along in the process, along with the partner institutions and local stakeholders who need to see credibility markers specific to that market, including recognizable university partnerships and destination-country context. A single generic website risks under-serving both audiences at once: too source-market-focused and it reads as disconnected from the destination country; too destination-market-focused and it loses the trust signals that matter most to first-time applicants and their families back home. The consultancy needed a site that could hold both contexts at once - dual-market theming that adapts presentation for each audience while keeping one visual identity, one voice, and one technical foundation underneath. There was also a credibility problem specific to this industry. Study-abroad and immigration guidance is a high-stakes, trust-dependent decision for families, and much of that trust is established or lost on the website itself, well before any human conversation happens. The site needed to visibly showcase partner-university relationships, present a real and current team rather than a static About page frozen in time, and provide a frictionless way for prospective students to make first contact, without the visual clutter or dated design patterns common in the education-consultancy space. Finally, because this is an operating business with real students and real deadlines, the site could not be a one-time deliverable that goes stale. It needed a technical foundation simple enough for the consultancy to keep updating - adding staff, refreshing content, maintaining partner listings - on an ongoing basis, without depending on Arcetis for every small change. The challenge, in short, was building one coherent, maintainable, dual-market digital presence sturdy enough to carry a real consultancy's day-to-day operations.
Arcetis served as the end-to-end website development partner for this engagement, owning the project from technical architecture through to a deployed, production-ready platform. Arcetis selected and implemented the technology stack - Next.js 14 on the App Router, TypeScript, and React 18 - and built the front-end design system on Tailwind CSS and Shadcn/ui, using Framer Motion for interface animation. Arcetis designed the dual-market theming approach that allows the same codebase to present coherently to audiences in both the source and destination countries, structured the partner-university showcase and team/staff sections, and implemented the contact and inquiry pipeline using Resend and React Email. Arcetis also handled deployment and hosting configuration on Vercel using pnpm-based tooling, and has continued to support the site through its active-maintenance phase, during which the client's own team has made ongoing content updates.
Arcetis architected a single Next.js 14 codebase capable of presenting two distinct market contexts - a South Asian source country and an Oceania destination country - through coordinated theming rather than duplicated pages or a second website. This let the consultancy maintain one design system, one content model, and one deployment pipeline while still tailoring presentation to each audience's context. The approach avoids the maintenance burden and brand drift that come with running parallel sites, and gives the consultancy a foundation that can extend to additional markets in the future without a rebuild.
To support the trust and credibility that study-abroad decisions depend on, Arcetis built a dedicated section showcasing the consultancy's university-partner relationships. The showcase presents partner branding and affiliations in a structured, scannable format so prospective students and families can quickly see the destination-country institutions the consultancy works with, reinforcing legitimacy at the exact point in the visitor journey where that reassurance matters most. The section was built as a reusable component so additional partners can be added by the client's team as relationships grow, without engineering involvement.
Arcetis built a maintained team/staff section presenting the consultancy's people to prospective students and families - an important trust signal for a service built on personal guidance through high-stakes decisions. The section was structured as a simple, extensible content pattern the client's own team can update directly, which is precisely how it has continued to be used: dated development activity on the live site includes a recent commit adding a new staff member to the roster, confirming the section is genuinely maintained rather than left static after launch.
Arcetis implemented a contact and inquiry form connected to a transactional email pipeline built on Resend and React Email, giving the consultancy a single, reliable channel for capturing prospective-student inquiries from either market. React Email templates ensure inquiry notifications are formatted consistently and render correctly across email clients, while Resend handles reliable delivery. This replaces ad hoc contact methods with one dependable pipeline, so no inquiry is missed regardless of which market page a prospective student submits it from.
Arcetis built the site's interface on Tailwind CSS and the Shadcn/ui component library, giving the consultancy a consistent, accessible set of UI primitives - navigation, cards, forms, layout components - rather than one-off, hand-built elements for every page. Framer Motion was layered in for interface animation and transitions, adding polish without compromising performance. Building on an established component library also means the site can be extended with new pages or sections in a visually consistent way as the consultancy's needs evolve.
Arcetis configured the project for deployment on Vercel using pnpm-based package management, giving the consultancy a fast, reliable hosting setup with straightforward deployment workflows. This technical foundation was chosen specifically to support ongoing, independent maintenance: the client's team has continued to update the live site with dozens of dated commits over the course of a month, including recent roster changes, demonstrating that the delivered platform functions as a genuine operational tool rather than a static launch deliverable.
The site was built on Next.js 14 using the App Router, with TypeScript throughout for type safety across pages, components, and data structures, and React 18 as the underlying UI runtime. This combination gives the consultancy a modern, file-system-based routing structure that keeps informational content - study-abroad program pages, visa and immigration pathway pages, the partner-university showcase, the team section, and the contact page - organized in a way that is straightforward to extend as new content is needed. Styling and UI composition were handled with Tailwind CSS paired with the Shadcn/ui component library. Rather than hand-rolling every button, card, form field, and navigation element, Arcetis built the interface from Shadcn/ui's accessible, composable primitives and customized them to the consultancy's visual identity. This gave the project a consistent design language out of the box and meant new sections could be assembled quickly from a shared vocabulary of components rather than one-off custom work each time. Framer Motion was used selectively for interface animation - page transitions, scroll-triggered reveals, and interactive UI feedback - adding a sense of polish appropriate to a consultancy whose credibility depends on looking established and professional, without turning the site into an animation showcase that would slow it down or distract from its actual purpose: helping prospective students find clear answers. Dual-market presentation was one of the more distinctive technical requirements. Rather than duplicating templates for each country or standing up a second site, Arcetis implemented theming logic within the single Next.js codebase so that market-specific presentation - visual treatment, university-partner emphasis, and contextual content - could be coordinated from shared data and components. This kept the source-market and destination-market experiences visually and structurally consistent with each other (same navigation patterns, same design system, same underlying code) while still letting each market's presentation reflect its own context. Practically, this means the consultancy maintains one codebase and one deployment rather than two websites drifting apart in design and content over time. The contact and inquiry pipeline was built around Resend and React Email. Prospective students submitting an inquiry through the site trigger a transactional email built with React Email's component-based templating, which keeps the email's structure and styling defined in code alongside the rest of the application rather than in a separate, hard-to-maintain email tool. Resend handles the actual delivery, giving the consultancy reliable, trackable transactional email without needing to manage SMTP infrastructure directly. Because the form-to-email pipeline is a core part of the application rather than a bolted-on third-party embed, it was straightforward to keep consistent with the rest of the site's design and to extend later if the consultancy needs additional inquiry routing or notification logic. The project was built with pnpm for package management and deployed on Vercel, which provides the consultancy with fast global content delivery, automatic deployments tied to code changes, and a hosting environment well matched to a Next.js application. This combination of choices - App Router, TypeScript, Tailwind CSS and Shadcn/ui, Framer Motion, Resend and React Email, pnpm, and Vercel - reflects a stack chosen for maintainability as much as initial delivery: every layer is well documented and widely adopted, structured so the consultancy's team, or Arcetis on their behalf, can continue extending the site without fighting the original architecture.
Rather than maintaining two separate websites, Arcetis implemented market-specific presentation logic within one Next.js 14 codebase, so the source-market and destination-market experiences share the same components, design system, and deployment pipeline. This reduces long-term maintenance overhead and keeps the two markets' presentations from drifting apart over time, while still allowing each to reflect its own context.
The contact and inquiry pipeline uses React Email to define transactional email templates as code-based components alongside the rest of the application, with Resend handling delivery. This keeps inquiry notifications visually consistent with the site's design system and avoids the fragility of managing email templates in a separate, disconnected tool.
The interface was built on Tailwind CSS and the Shadcn/ui component library rather than fully custom UI code, giving the site a consistent, accessible set of interface primitives that can be extended to new pages and sections without introducing visual inconsistency.
TypeScript was used across the entire application, from page components to shared UI elements, reducing the likelihood of runtime errors and making the codebase easier for the consultancy or Arcetis to extend safely as new pages, sections, or content types are added.
The site is deployed on Vercel and built on Next.js's App Router, giving the consultancy a modern routing structure alongside fast, reliable hosting and straightforward deployment workflows - a foundation that has supported dozens of dated content and code updates in the month since launch.
countries served with unified dual-market theming
Dozens
of dated development commits within a single month, confirming active maintenance
Technology used
Key learnings
This engagement reinforced a lesson that applies well beyond education consultancies: when a business operates across two markets, the temptation is to build two websites, or to treat a second market as an afterthought bolted onto an existing template. Both approaches create long-term maintenance debt - two codebases to keep in sync, or one market that is visibly a lower priority than the other. Solving dual-market presentation at the architecture level, through theming within a single codebase rather than duplicated pages or separate deployments, meant the consultancy got a consistent brand experience in both markets without paying an ongoing tax in developer time to keep them aligned. The second lesson was about designing for a client's independence, not just for launch day. An education and immigration consultancy is a living business - staff change, partner relationships grow, and content needs updating on a rolling basis. Choosing well-documented, widely adopted tools (Next.js, Shadcn/ui, Resend) and structuring content sections like the team directory as simple, extensible patterns paid off directly: the client has continued to update the live site independently, including adding a new staff member well after launch, which is the clearest possible evidence that the platform is functioning as intended - as an operational tool the business actually uses, not a static brochure that goes stale the day it ships.
This case study describes a website Arcetis built and maintains for an education consultancy that guides prospective students through study-abroad opportunities and the visa and immigration process required to pursue them. The consultancy operates across two markets - a South Asian source country and an Oceania destination country - and needed one coherent website to serve both.
The site is built on Next.js 14 using the App Router, with TypeScript and React 18, styled with Tailwind CSS and the Shadcn/ui component library, and animated with Framer Motion. The contact and inquiry pipeline runs on Resend and React Email, and the site is deployed on Vercel using pnpm.
Rather than building two separate websites, Arcetis implemented dual-market theming within a single Next.js codebase, so the same design system and components present coherently to audiences in both the source country and the destination country, while still reflecting each market's context, including destination-country university partnerships.
Yes. The site has a documented history of dozens of dated development commits over roughly a month, including a recent update adding a new staff member to the team roster - direct evidence of an active business that continues to maintain and update its website.