Sonicore - 3D guitar store

Showcase
1

Here is a project that I’ve just finished which is meant to be a guitar a store that make possible an immersive experience for guitar lovers and music lovers.

I’ve included features such as:

  • camera movement on scroll;

  • button for playing music, and in this I added 5 songs that will randomly play as you load the website, if you load it once, there may be one song, and if you load it again, there may be another or the same, it is chosen randomly, and once the song ends, it will start another one till reach the last, and start all over again.

  • when you reach to the end of website, you can pick one of the guitars, and rotate it, see more details, and choose to “buy” it or put it back in its place;

Here is the live website: https://sonicore.vercel.app

and here are some screen shots:

sonicore_5
sonicore_51366×728 69.7 KB

sonicore_4
sonicore_41366×728 59.7 KB

sonicore_3
sonicore_31366×728 95.5 KB

sonicore_2
sonicore_21366×728 69.4 KB

sonicore_1
sonicore_11366×728 74.7 KB

8 Likes
2

Nice! Thanks for sharing. As a former classical guitar player I upvote everything related to guitars. And I bought all your guitars. Also, tried to buy the chair, but it is not for sale.

image
image1882×917 66.7 KB

PS. The rotation does not work in Firefox. In Chome the rotation is OK.

6 Likes
3

Haha if you buy the chair and other things I will have no where else to place guitars man :joy:

Thanks for the feedback and support, glad you liked it!

I will check it out on firefox, in fact I will have to download it cause I don’t have it here, but it is really weird since it works even on chrome mobile.

3 Likes
4

Just a little update, I’ve fixed the issue in firefox browser. Somehow my MouseEvent / TouchEvent logic was causing issue on firefox. Thanks again for pointing that out!

2 Likes
5

A beautiful page. I miss the mouse cursor changing on hover to indicate clickable areas.

1 Like
6

I completely agree with you. And when I finished this I found out it has some UX problems because it is not really clear you can click on guitars. I will add that asap and also some sort of outline on guitar if possible to make sure it can be clicked, and for phones at least a quick message to show guitars can be clicked. Thank you a lot for your feedback!

1 Like
7

Hey @marcoscarvalho. Loved the guitar shop! Awesome work!

I’m working on a similar project and I think you might be able to help. Details here: Looking for a threejs developer for a Tefillin website project

Interested?

8

I will send you a private message.