Front-end
Bankist Website
A modern and responsive banking landing page built with HTML, CSS, and JavaScript, featuring smooth animations, lazy loading, and interactive components.
Overview
About the project
Bankist Website is a modern, responsive, and interactive landing page simulating a real-world financial product. Built as part of an advanced JavaScript course, it demonstrates DOM manipulation, event handling, and performance-focused techniques to enhance user experience.
This project highlights practical application of modern JavaScript patterns with a strong focus on clean UI, UX, and performance.
What it includes
Key features
- Navigate smoothly with a sticky header
- Switch content through a tabbed interface
- Reveal sections on scroll for a more polished experience
- Improve performance with lazy-loaded images
- Interact with modal and slider components
- Use the Intersection Observer API for modern UI behaviour
Stack
Technologies used
- HTML5
- CSS3
- JavaScript (ES6+)
- Intersection Observer API
Process
Decision Log
Focusing on interaction and UX
The landing page was built to emphasise smooth navigation, animation and polished interface behaviour.
Applying advanced DOM techniques
The project uses event delegation, observers and reusable logic to create a more professional frontend experience.
Performance-conscious design
Lazy loading and section reveal effects were included to improve perceived performance and engagement.
Modern landing page structure
The layout was designed to resemble a realistic product website rather than a basic static page.
Continue exploring
More Projects
Project
Full-Stack House Organizer Application
Housemates is a full-stack web application designed to help people organise, manage and access everything in a shared house.
Project
Next.js Full-Stack Blog
A full-stack blog built with Next.js. Users can read, like, save, and comment on posts, and signed-up users can create, edit, or delete their own posts.
Project
The Solar System 2
An interactive project displaying information about celestial bodies in the solar system. Fully developed from scratch with a custom API and interactive animations.