Concept project: Larkhour is a fictional sunrise lamp I created to show my full landing page workflow, from visual direction to a production-ready, responsive build.
What I did
• Defined the visual direction: a palette that moves from night to morning sky, a type scale (Anybody for headlines, Atkinson Hyperlegible Next for text) and written motion principles
• Built a fully responsive page, tested at 375, 768, 1024 and 1440 px, with Next.js, TypeScript and Tailwind CSS
• Connected Sanity as a headless CMS, so copy, pricing and section order can be edited without touching code. Publishing updates the live site in seconds, with no redeploy
• Designed a scroll-driven hero with GSAP where the page and the lamp light up together, plus interactions with a purpose: a wake-up configurator, an alarm-vs-sunrise comparison and a reservation form. Reduced-motion is supported
• Optimized for performance and accessibility: Lighthouse mobile on the live site scores 98–99 in performance and 100 in accessibility, best practices and SEO. Full keyboard navigation, checked with axe and VoiceOver
Design decisions
Instead of a stock photo and three identical feature cards, the page itself wakes up as you scroll: the lamp and the background share one light value, so visitors feel the product in the first seconds. I also replaced the feature list with a configurator where visitors set their wake time and see the sunrise, and their choices carry into the reservation form.
Live site: https://larkhour-landing.vercel.app
(https://larkhour-landing.vercel.app)Code: https://github.com/EstebanBautista/larkhour-landing
(https://github.com/EstebanBautista/larkhour-landing)CMS walkthrough (60 s): https://youtu.be/zJhk7mnq--8
1
8
Centralized University Transportation Management System
A web-based platform designed to centralize the management and monitoring of autonomous devices, including robots and drones, operating within a university environment.
The system aims to streamline internal transportation services, such as document and cafeteria deliveries, as well as video recording of academic, artistic, and sporting events.
Key Features:
Device inventory management.
Reservation management for robots and drones.
Service logs to track operations, routes, and service status.
Telemetry data modeling for device location, battery levels, and sensor readings.
Video record management through cloud storage references.
Soft delete functionality to preserve historical records.
Tech Stack:
Frontend: Next.js
Backend: NestJS
Database: PostgreSQL
ORM: Prisma
Infrastructure: Docker Compose
The project focuses on modular software architecture, database management, API development, and centralized resource administration.
0
14
Point of Sale (POS) Management System
A web-based Point of Sale (POS) system designed to help businesses manage their daily operations, including inventory, products, sales, customers, and reports.
The project was developed as part of a collaborative university software engineering project, focusing on building a structured and scalable application architecture.
Key features:
Product and inventory management.
User authentication and access management.
Customer and supplier management.
Sales and transaction management.
Database design and relational data modeling.
Tech Stack:
Frontend: React, Vite, JavaScript.
Backend: NestJS, TypeScript.
Database: PostgreSQL.
ORM: Prisma.
Infrastructure: Docker.
The project emphasizes modular development, database management, maintainable code, and modern web application architecture.
0
20
Hi, I created this website so you can learn everything about me: who I am, what I do, and the projects I've worked on.
0
28