OFTA
A modern web platform built on Next.js 14 with a focus on UX, conversions and flexible medical content management.
The project was delivered in collaboration with Marek Pišl, who acted as designer, project manager and main contractor. Appitect handled the full-stack development and technical implementation.
Client
OFTA s.r.o.
Industry
Healthcare
Design & management
Marek Pišl
Launch
December 2024
About the project
OFTA s.r.o. is a renowned eye clinic with 32 years of history, specialising in laser procedures and ocular microsurgery. It operates centres in Pilsen and Cheb and treats patients from both sides of the Czech-German border.
The project was led by Marek Pišl as the web designer, project manager and main contractor for the entire engagement. Marek managed client communication, designed the visual identity and coordinated the whole delivery.
Appitect contributed to the full-stack development — technical implementation of the design, frontend and backend programming, Strapi CMS integration and production deployment.
- Complete redesign and UI/UX optimisation
- Technical migration to a modern Next.js 14 stack
- Multilingual support (CS/DE) with next-intl
- Strapi CMS integration for content management
- Form systems with validation and email delivery
- SEO optimisation and schema markup
Technical solution.
Framework & UI
- —Next.js 14 (App Router)
- —Tailwind CSS
- —Radix UI
- —Framer Motion
Forms & validation
- —React Hook Form
- —Zod schema validation
- —Nodemailer
- —Rate limiting
Content & localisation
- —Strapi (Headless CMS)
- —next-intl (CS/DE)
- —Schema.org markup
- —Dynamic sitemap
Design system
Medical credibility
Clean, professional design that emphasises seriousness and expertise. A minimalist approach with plenty of white space and clear hierarchy.
Montserrat typography
A modern geometric typeface with excellent readability — ideal for a healthcare context where content clarity is absolutely essential.
Subtle animations and transitions
Framer Motion transitions that support user orientation without distraction. Smooth scrolling and micro-interactions for a premium feel.
OFTA Blue 900
#0E1F3F · Primary dark
OFTA Blue 600
#1D3E7A · Secondary
OFTA Blue 450
#4F7ACF · Lighter accent
OFTA Blue 300
#63B8E8 · Bright accent
OFTA Aqua
#63D1C4 · Call-to-action
OFTA Gray
#F5F5F5 · Background
The interface.
Content management
For OFTA we implemented an advanced content management solution that lets the clinic team manage all information without technical knowledge — from news through medical content to urgent patient notices.
Alert dialog system
Global alert notifications for urgent patient communication, managed via the CMS with the option to instantly enable or disable them.News management
Publishing news with a rich-text editor, image uploads, SEO metadata and content versioning for the clinic team without technical know-how.Dynamic content management
News, alert dialog and the Podporujeme section are managed via Strapi CMS by the clinic team without technical knowledge. The German version of the site does not display these sections.Custom content types
Custom content types for procedures, indications, doctors and patient stories. Taxonomy, approval workflow and role management for the team.
Technical challenges
Large video files for the hero
— Challenge
The video hero section was visually critical for the clinic's credibility, but file size threatened to ruin performance on mobile devices.
— Solution
Transcoding into modern formats (WebM, MP4), lazy loading, fallback images and viewport detection for intelligent playback control based on the user's device.
Multilingual CS/DE
— Challenge
The clinic treats patients from both sides of the border, so a fully fledged German version including localised routes and SEO was required.
— Solution
Implementation of next-intl with automatic language detection and localised URL structures. Dynamic sections (news, alert, Podporujeme) are available in the Czech version only.
Visibility.
- Schema.org markup for medical services, FAQ and organisation
- Structured sitemap for all pages and language versions
- Custom meta tag management directly through the CMS
- Canonical URLs and hreflang tags for i18n
- Open Graph and Twitter Card optimisation
Want a similar project?
We will build you a modern web presence that delivers results. Get in touch for a no-obligation consultation.