Sherlyn Olalo
A modern corporate website built with Next.js 15 and Tailwind CSS, featuring glassmorphism design, scroll-reveal animations, and a fully responsive layout. Includes public-facing pages and a protected admin dashboard.
Lifewood needed a digital presence that communicated their expertise in AI data processing to enterprise clients and potential talent. The website had to showcase their global scale, service offerings, and company culture while maintaining a premium, modern aesthetic that reflected their position in the AI industry.
A full-featured corporate website with eight key sections: hero and feature showcase on the homepage, company story, comprehensive service descriptions, case studies, careers page, global presence map, and contact forms. The admin dashboard gives the team control over dynamic content without touching code.
Tech that mattered: Next.js 15's App Router and Turbopack made build times snappy. Tailwind CSS's design tokens kept the color palette (dark green, yellow, teal) consistent. React components made the site maintainable and scalable as content grew.
Scroll-reveal animations — Thoughtful entrance animations guide users through the narrative without feeling gimmicky, built with a reusable `Reveal` component
Glassmorphism design system — The frosted-glass aesthetic with teal accents creates visual depth and modern polish across all pages
Protected admin dashboard — Non-technical team members can update content (open roles, testimonials, case studies) securely
This internship showed me how corporate storytelling shapes perception — the same company feels different when the website emphasizes scale vs. culture vs. technical expertise. I learned to balance visual polish with performance (animations can hurt if not optimized). If I revisited it, I'd add analytics dashboards for the admin panel, implement A/B testing on hero CTAs, and integrate a CMS to fully decouple content from code.