Ramerlin Castillo

Reedesing 1

This project represents a work in progress in my learning journey, focusing on the creation of functional user interfaces. Although it is a simple initial version, it has allowed me to practice key design and layout concepts, serving as a foundation for more complex and robust developments in the future.

Finish

This progress showcases the main hero section of my personal portfolio with a modern dark-mode design. It includes a clear introduction with my name, a brief professional description as a junior web developer, and a call-to-action button to view my projects. It also features a skills section highlighting technologies such as HTML, CSS, JavaScript, React, and Git, presenting a well-structured layout with a strong tech-oriented identity.

This progress shows the initial structure of my personal portfolio with a dark-mode design. It includes a clean and modern navigation bar with main sections such as Home, About Me, Skills, Projects, and Contact, along with a highlighted button to download the CV. The visual foundation already conveys a professional and tech-oriented aesthetic.

“Best Sellers” Section – Grocery Store UI

This section showcases the supermarket’s best-selling products with a strong focus on usability, visual hierarchy, and freshness. The layout is built around clean, spacious cards, allowing users to quickly scan essential information such as category, product name, quantity, and price.

Soft, natural colors help communicate freshness, while Offer badges highlight promotions without cluttering the interface. The circular category icons at the top enable fast category navigation, improving user flow and overall discoverability.

Each product includes a clear “+” action button, designed for an intuitive purchasing experience, allowing users to add items to the cart effortlessly. Overall, this section balances modern aesthetics with practical functionality, creating a smooth and engaging digital shopping experience.

Add categories

Finishing the hero section of the homepage

Restructuring the code and fixing CSS errors

Add navbar

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.