Frontend web model designed for a music production brand. The site presents the artist identity, visual branding, and digital presence through a responsive and interactive interface.
This project focuses on UI structure, layout design, and client-side behavior using core web technologies without external frameworks.
Live Demo: https://isabelferaudo.github.io/Murda-Beatz/
Create a modern promotional website for a music producer, emphasizing:
- Visual identity
- Responsive layout
- User engagement
- Structured content presentation
This project demonstrates the ability to build complete web interfaces using vanilla technologies.
- Features
- Responsive landing page
- Structured content sections
- Interactive UI elements
- Semantic HTML structure
- Mobile-first layout approach
- Clean visual hierarchy
- The application follows a layered frontend structure focused on separation between structure, style, and behavior.
- Defines content organization and semantic meaning.
- Semantic HTML5 layout
- Section-based structure
- Accessibility-oriented markup
Responsible for layout, responsiveness, and visual design.
- CSS3 styling
- Responsive design with media queries
- Layout composition using modern CSS techniques
- Visual hierarchy and typography control
Implements client-side interactivity.
- Vanilla JavaScript
- DOM manipulation
- UI dynamic behavior
- Semantic HTML5 structure
- Responsive web design
- Layout composition
- DOM manipulation
- Cross-device compatibility
- Visual hierarchy design
- Component-style section organization
- Interactive user interface behavior
- Mobile-first thinking
- Separation of concerns
- Clean file organization
- Maintainable styling structure
- Reusable UI patterns
- HTML5
- CSS3
- JavaScript (ES6)
1 Clone repository git clone https://github.com/IsabelFeraudo/Murda-Beatz.git cd Murda-Beatz 2 Open project
Simply open index.html in your browser.
- This project represents a real-world scenario where a client needs:
- Brand presence website
- Promotional landing page
- Responsive layout
- Lightweight frontend solution
- This project showcases the ability to:
- Build fully functional interfaces without frameworks
- Implement responsive design from scratch
- Structure semantic and maintainable markup
- Develop interactive UI using pure JavaScript
- Translate branding concepts into web interfaces
Isabel Feraudo Full Stack Developer — React | Python | Django | FastAPI Background in Information Systems Engineering