Corporate website for Distopic Sounds, a recording studio focused on music creation, production, mixing, and mastering. This project delivers a strong and coherent visual identity while clearly presenting the studio’s services, collaborating artists, physical location, and an intuitive appointment booking flow.
The website is conceived as a clean, modern landing page with rich media content and smooth interactions, prioritizing both aesthetics and usability across all devices.
📦 distopic-sounds
├── html
│ └── index.html
├── resources
│ ├── images
│ │ ├── artists
│ │ ├── logos
│ │ ├── services
│ │ ├── hero.webp
│ │ ├── image.png
│ │ └── Sin_título.png
│ └── videos
│ ├── services
│ └── about-us.mp4
├── scripts
│ ├── finisher-header.es5.min.js
│ ├── finisher-init.js
│ ├── menu.js
│ └── services.js
├── styles
│ ├── about-us.css
│ ├── clients.css
│ ├── contact.css
│ ├── footer.css
│ ├── header-menu.css
│ ├── hero.css
│ └── services.css
└── README.md
| Home | Menu |
|---|---|
 |
 |
| About us | Services |
 |
 |
| Clients | Sign Up |
 |
 |
| Appointment Booking | |
 |
- HTML
- CSS
- JavaScript
- Finisher Header – Animated background effects for the header section
- Spotify Embed – Display of featured artists and curated playlists
- Google Maps Embed – Interactive map showing the studio location
- Google Calendar Appointment Scheduling – Seamless client booking system synced in real time
- Google Fonts
For any doubt, contact me:
Email: JavierRedondoDev@gmail.com
| RedondoDEV |
|---|
|
This project is licensed under the MIT License
✨ If you like this project, consider leaving a ⭐ on the repository!