Back to Portfolio

Pediatra Insider

Professional Landing Page for Pediatrics

Screenshots

About the Project

Project developed for a pediatric clinic that needed a modern and welcoming
digital presence. The site was designed with parents in mind,
with clear information about services, locations, and contact methods.

The design uses soft colors and visual elements that convey trust and care,
essential for the children's healthcare field. All animations were designed to be
subtle and not distract from the main information.

Features

Responsive Design and Smooth Animations

Layout that adapts perfectly to any device with pure CSS animations that improve experience without impacting performance.

WhatsApp and Instagram Integration

Direct contact buttons that open WhatsApp conversations and links to the clinic's social media.

Services and Locations Sections

Clear presentation of offered services and interactive map with service locations.

SEO and Performance Optimized

Semantic structure, optimized meta tags, and green Core Web Vitals for better ranking.

Tech Stack

Framework

Ruby on Rails 8

Styling

CSS Animations

Marketing

SEO

Infrastructure

Kamal Deploy

CDN/Security

Cloudflare

Technical Challenges

Maximum Performance

Problem

Site needed to load extremely fast on mobile connections to not lose visitors.

Solution

Eliminated unnecessary JavaScript, optimized all images with modern formats (WebP/AVIF), implemented lazy loading, and configured aggressive CDN caching.

Local SEO

Problem

Clinic needed to rank well in local searches for pediatricians in the region.

Solution

Implemented Schema.org markup for LocalBusiness and MedicalBusiness, created specific pages for each location, and optimized Google Business Profile.

Interested in similar projects?

Get in touch to discuss how I can help with your next project.