sgtm-club / sgtm Goto Github PK

Currently, most of the ideas are listed on this Trello Board.

Feel free to use this issue to suggest ideas & suggestions 🙏.

Context
Yesterday I decided to grab the SGTM topic for my daily (or nighty) UX training session.
Dono if it will be useful, but I had fun working on, and I think I will maybe continue!

I decided to experiment some little things I'll have to describe here.
I'll try to be clear, but feel free to ping or comment if it's not clear!

Important information, the idea to animate at least to things on upcoming screens :

• Vinyle on Home (Unscrolled Player)
• Mini-Vinyle in Portable Player (top right)
  And the vinyle just have to rotate, with the "Track Picture" in its center.

Let's go : Here is the basic Home when you're not logged yet.

Home (without being member)

Explaination of this screen ⬆️
The idea is to create an experience where the Player is independent from website exploration.
("Don't cut the music each time I click on a new page!")

So, to do it, the idea is to create a constant player on top Header of the site, since the user scrolled a little bit.
This is what you see with the white stripe, which appears on top when the user scrolled.
Once the portable player is on top, transitions between pages could be fluid without stopping the music.

Stationary Menu

The idea I was exploring is to create 2 "statics things" on the platform :

1. the first is the portable player (which is static once launched with a 1/4 screen scrolled)
2. the Left Menu, which could provide direct access to settings and stuffs (dono what yet ^^)

The content on this Menu is totally invented, but I liked the idea of "gang" which is not really a band, not a "label", not a "group"... Yes, it's maybe strange, or useless.
Example: I could create a "Live Gang" for people who love Ableton Live... but I also could create a gang called "New Morning" which could gather every musicians who like/play/listen music @ New Morning (music hall in Paris).
It's "open" to use it for 2 people, or for 2000 and that's why I proposed this strange name.

My Profile - Edit Page

I added stuffs from this Issue :
[sgtm-club/sgtm] Issue opened: #72 Improve funny placeholders

Add Track Page

Add Track Page "Validated" - Uploading process

Screen : Add Track with a crazy feature : "Affiliate this track to an adress"

It doesn't mean where you live, but you can choose a random place in an Island for a ukulele song, or an industrial building where you had a rave party, for you techno track.
I thought it could be fun, maybe not xD

We could imagine create a dedicated page with a big and wonderful map (using Zenly? ^^) where you can just choose track randomly, and discover hidden songs in the sahara desert.

Platform once you scrolled, and you're exploring Timeline of last released tracks.

Thanks for reading.
Do not hesitate to give feedbacks, ideas, or whatever you want.
Cheers peers,
zôÖma

the new UX #73 will use round track images on top of vinyl discs, but we always have squared thumbnails by default

I started playing with full CSS here -> https://codepen.io/moul/pen/bGeOXMo

I think that something cool would be to keep the square image clear and unmodified, but add a blured round border that matches the border color of the original image

Keep in mind that we can generate an image from server side

Humor is better together <3

As of today, the best place to start looking at is: https://github.com/sgtm-club/sgtm/blob/master/pkg/sgtm/page_settings.tmpl.html

👍👍👍

hello!