Showcase site · Service presentation
Morning Kloud, based on an online hosting platform.
Morning Kloud is an example of a cloud hosting site that provides an easy-to-use platform for users to set up and manage their web applications. With Morning Kloud, users can get started quickly through a simple command-line (CLI) setup process.
This makes it ideal for those who want to launch their websites quickly and easily, without needing deep technical knowledge.
This project illustrates my ability to turn a design into a faithful, polished interface. It highlights my HTML/CSS integration, my handling of responsiveness and the addition of light animations in JavaScript to make the page feel alive. It is an exercise representative of the work expected on a real landing page: a clear structure, a clean design and readable code, without relying on a heavy framework.
The challenge
The challenge was to present a hosting offering clearly and convincingly on a single page, with an integration faithful to the design and a flawless rendering from mobile to large screens.
The solution
- HTML/CSS integration faithful to the design, from the first screen to the call to action.
- A responsive layout that adapts from mobile to large screens.
- Light JavaScript animations to bring the page to life without overloading it.
Faithful HTML/CSS integration
I turned the design into a faithful web page, taking care of the semantic structure, spacing and typography for a clean and consistent rendering.
Responsive layout
The grid and sections adapt from mobile to large screens thanks to modern CSS, for comfortable reading on every device.
Light JavaScript animations
A few interactions and subtle effects in JavaScript set the pace of the reading and make the interface feel alive without weighing down the page.
Desktop version
Tablet version
Carousel Vertical
Discover a new way to scroll through your photos, with a vertical carousel.
Carte Animee
The animated card is an interactive feature that lets users hide information on a card and reveal it on hover.
Carte QR Code
Carte QR Code is a build based on the Frontend Mentor challenges, starting from a design image to recreate a one-page layout from scratch with HTML & CSS.
A project along the same lines?
Tell me about your needs — I'll quickly let you know what's relevant and realistic.