Transportes Moran

Aggregate Solutions Co.

This website is a single-page application built with React and styled using SCSS for modular and maintainable styling. The project follows a component-based architecture, using custom components like Navbar, Hero, Projects, and Contact Form to organize and reuse interface elements efficiently.

Skills Used

React ・
SCSS ・
JavaScript ・
Figma ・

View Site

This website uses a straightforward and lightweight tech stack focused on performance and usability.

The imported data is then mapped over to dynamically generate content within the Slider component, enabling easy display of project information. This method works well for small-scale projects with fixed content but can be extended to fetch dynamic data from an API if necessary.

The website was built using Sass, leveraging its powerful features like grid layouts and mixins for a more efficient and maintainable design. The grid system ensures a flexible, responsive structure, while the mixins streamline repetitive styles, making the codebase more organized and scalable.

A well-designed website interface created using Figma, featuring a clean layout with intuitive navigation and responsive elements that adjust smoothly across different devices. The design includes detailed sections for project descriptions, images, and key skills, providing an engaging user experience.

Figma makes mobile-first design simple with grid layouts. Start with a mobile frame, apply a 4–6 column grid, and use consistent spacing. This helps keep layouts clean, readable, and easy to adapt for tablets and desktops. Designing for smaller screens first also forces you to prioritize content and usability.