MARIA COLETSIS
  • Home
  • Portfolio
    • Flower Folk
    • 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. For more information, read our Cookies and Privacy Policy.

Your Cookie Settings

We use cookies to enable essential functionality on our website and analyze website traffic. For more information, read our our Cookies and Privacy Policy below.

Cookie Categories
Essential

These cookies are strictly necessary to provide you with services available through our websites.

Analytics

These cookies collect information that is used in aggregate and in an anonymized form to help us understand how our website is being used and how effectively our site is performing.