Julio Montás

Custom Musicians Wordpress Theme

🗒 Overview

A multi-talented EDM/Pop artist, songwriter and producer with over 50+ releases. Searching for a digital space to connect with her fans.

🖼 Moodboard

Picture of the author
Picture of the author
Picture of the author
Picture of the author
Picture of the author
Picture of the author
Picture of the author

🚀 Background

I was the sole designer and lead on the whole UX/UI design process and also wrote all of the code for the site in PHP, with WordPress as the content management system (CMS).

✍ Roboto By Christian Robertson

🍬 Palette

🍭 Gradient

🛠 Sitemap

🏠 Landing Page

A microsite-style design style in which the visitor will be able to navigate through just the homepage, with each section detailing each page in detail.

Wireframe
Wireframe
Landing Page
Mockup
Biography Wireframe
The biography section
Biography Wireframe
Section CMS edit
Picture of the author
The Intergalactic background animation in render using Three.js.
Picture of the author
1920x1200
Picture of the author
1280x800
Picture of the author
CMS Edit
Picture of the author
No Intergalactic background for mobile

🏠 Global UI

The call to action CTA button Show me love EP (2019) for the latest release serves as a global component to raise awareness. The newsletter sign up form with social media icons is the actual footer, with the ability to add or remove from within the content management system (CMS) dashboard.

Picture of the author
Shop CTA
Footer: Newsletter + Social Media
Newsletter + Social Media
Footer: Newsletter + Social Media
CMS: Widget Social Media

🛠 Biography and Gallery

Each page takes the visitor on a behind-the-scenes journey to connect with the artist.

Biography Wireframe
Wireframe
Biography
Mockup
Gallery Wireframe
Wireframe
Gallery Mockup
Mockup
Screenshot
Desktop: Screenshot

🛠 Event and Event Post

Archive of past and upcoming show with ticket URL icon link.

Wireframe
Wireframe
Mockup
Mockup
Wireframe
Mobile: Screenshot
Wireframe
Desktop: Screenshot

🛠 Blog And Blog Article

To inspire other music lovers, whether they're aspiring or already in the industry.

Blog
Wireframe
Mockup
Mockup
Picture of the author
Desktop: Screenshot
Blog Article
Wireframe
Mockup
Mockup

🛠 Contact and Booking

Contact
Wireframe
Picture of the author
Mockup
Picture of the author
Mobile: Screenshot

🛠 Development

  • A custom wordpress admin system to customize any page section, a custom plugin and some CSS elements.
  • Offer customers an option to download their purchased album or single track as a digital download.
  • The moving background was created using the Three.js JavaScript 3D library.
  • Cross-device responsiveness.