Based in PH
Currently aGraduating Student
Open for freelance
Let's work together
CaseStudy03

Hireable
Landing Page

A modern landing page designed to connect talented professionals with reputable companies offering long-term career opportunities. The page focuses on clear messaging, conversion-focused design, and a smooth signup flow for both employers and job seekers.

Year

····2024

Role

····Front-end Developer

Tools

····Next.js, Framer-motion, Tailwind CSS, Vercel

The Challenge

Many talented professionals struggle to find stable, long-term opportunities, often relying on short-term freelance gigs or scattered job listings. At the same time, companies find it difficult to discover reliable, skilled candidates efficiently. The challenge was to design a landing page that clearly communicates the platform’s value while encouraging both employers and job seekers to join the platform.

The Solution

Hireable was designed as a conversion-focused landing page that introduces the platform’s mission: helping professionals stop chasing one-off gigs and instead connect with reputable companies offering long-term opportunities. The page features clear messaging, a streamlined signup process, and a responsive design that ensures a smooth experience across devices.

Smooth Scroll Animations

Subtle scroll-triggered animations guide users through the page while keeping the experience engaging and modern.

Responsive Layout System

Fully responsive design optimized for desktop, tablet, and mobile to ensure a seamless experience across devices.

Micro-Interactions

Buttons, cards, and form elements include hover and transition effects to provide visual feedback and improve usability.

Section Reveal Animations

Content sections gradually appear as users scroll, creating a clean and dynamic storytelling flow.

Optimized Performance

Lightweight components and optimized assets ensure fast loading and smooth navigation.

Modern UI Components

Reusable components built with React and Tailwind CSS maintain design consistency across the page.

Project Gallery

Gallery image 1
01 / 03

Tech Stack

Next.jsVercelTailwind CSSFramer-motion
SmartStudy E-Learning Platform
© 2026 Kyle Andes. All rights reserved.
Avatar
KYLE ANDES
SOFTWARE ENGINEER, PROBLEM SOLVER, SYSTEM ARCHITECTSOFTWARE ENGINEER, PROBLEM SOLVER, SYSTEM ARCHITECT