MARIA COLETSIS
  • Home
  • Portfolio
    • Seamless
    • Intermission
    • Fractal Forest
    • Drift WoodScapes
    • Staged Stills
    • Behind the Whip
    • Photo Painting
    • Avatar Artiphycial Language
    • PinDex PinUp Strips
    • Under Glass
    • Burlesque
    • Paper Doll Dresses
    • Pharma Flora
    • Portraits
  • Exhibitions
  • About me
  • Contact

Grenade

(Objective)
To design a user-friendly and responsive website that encapsulates the essence of Grenade's project.
The website will not only provide information about upcoming events and artist profiles but also serve as a platform for users to discover, share, and embrace new popular music.
(Challenges & Solutions)
User engagement:
  • Challenge: Ensuring a user experience that encourages music exploration.
  • Solution: Implemented a dynamic audio visualizer that reacts to the beats of the songs being played, creating an immersive experience.
Event integration:
  • Challenge: Simplifying event calendar integration for quick attendance confirmation.
  • Solution: Developed an interactive calendar with a built-in booking system, allowing for real-time updates and notifications.
Mobile responsiveness:
  • Challenge: Addressing a broad user base, a significant portion of which uses mobile devices.
  • Solution: Adopted a mobile-first design approach, ensuring navigation and user experience across various screen sizes.
Music sharing:
  • Challenge: Offering users a space to share top beats without cluttering the interface.
  • Solution: Introduced a 'Music Spotlight' feature, allowing users to upload, share, and highlight their favorite tracks of the week.
(Technologies used)
HTML5
For crafting responsive styles that resonate with the modern music enthusiast.
JavaScript
Constructing a lively interface that captures the attention of visitors with every move.
React
Setting up a sturdy backend to manage user information and song submissions.
jQuery
Serving as the main repository for event information, user data, and song suggestions.

Contact me

Next project

Instagram
Facebook
Archive
maria@mariacoletsis.com 604-719-5880
© Copyright 2025 Maria Coletsis All rights reserved. All registered trademarks herein are the property of their respective owners.

We use cookies to enable essential functionality on our website, and analyze website traffic. By clicking Accept you consent to our use of cookies. Read about how we use cookies.

Your Cookie Settings

We use cookies to enable essential functionality on our website, and analyze website traffic. Read about how we use cookies.

Cookie Categories
Essential

These cookies are strictly necessary to provide you with services available through our websites. You cannot refuse these cookies without impacting how our websites function. You can block or delete them by changing your browser settings, as described under the heading "Managing cookies" in the Privacy and Cookies Policy.

Analytics

These cookies collect information that is used in aggregate form to help us understand how our websites are being used or how effective our marketing campaigns are.