Case study
AMA Corp
Corporate site with secure access — brand presence plus authenticated user flows.
- Role
- Frontend Developer
- Period
- 11.2025 — 01.2026
- Stack
- NextJS · Authentication · OAuth
Overview
AMA Corp needed more than a brochure: a professional brand site with authentication and OAuth so the right users can access protected areas securely.
The problem
01Public marketing pages and private access often live in separate systems. AMA needed both: a credible public face and authenticated entry without fracturing the brand.
Approach
02- Next.js project base from Figma with responsive UI and motion
- Authentication + OAuth for secure access
- Content/SEO structure for marketing campaigns
- Collaboration loops with marketing for content velocity
Key decisions
03- Treat auth as part of the product UX, not a bolted-on portal
- Keep public and private surfaces visually consistent
- Prefer clear error/empty states over silent auth failures
Impact
Lab / shipping
Performance
94
Lighthouse
LCP
1.7s
Mobile lab
Responsive
100%
Phone → desktop
Structure
SEO
Crawl-friendly
Outcomes
Public brand site with professional motion and layout
OAuth/auth flows integrated for secure access
Campaign-friendly content structure
Gallery
Project GalleryScreenshots
Technologies
- NextJS
- Authentication
- OAuth
- Tailwind CSS
- ShadCn UI
- Motion UI
Want something in this vein — booking, headless CMS, or a travel storefront?