selfsigned / hec-lvmh

MVP for the 2024 HEC & LVMH UX Academy

• 👋 Hi, I’m @selfsigned
• 🎓 Done with 42 Paris' Level 7 RNCP certification, just need more work experience to validate it!
• 🎄 Doing Advent of Svelte
• 💼 Currently looking for a Front/FullStack position, get in touch!

hec-lvmh's Issues

Allow outlining shelves.

Highlight shelves matching a category in the 3D Scene

If a shelf has items from the current selected category it should have some styling that remains to be determined, we could have some fun here and use a shader for instance.

The TODO list for the PR could look something like this:

• Add a boolean to the category object to allow shelf highlights (to protect searching for instance)
• Implement the filtering, maybe by iterating on items, by maintaining a set of shelves that contain at least one item that has the selected category
• Actually change the model color (for instance, white to grey) for the resulting shelves

Path-finding system

It would be awesome if we could draw arrows or whatnot with the most optimal path for a client to get to a shelf, probably very non-trivial

Create product page

Create a product page with detailed information like social network videos, ratings, sustainability score...

Add appointment booking demo workflow

Create a fake appointment booking process for experiences.

Improved camera system

Change the point of reference camera-wise when a user selects an item, make sure the card and path to said item are extra legible.

Texture 3D Models / PBR workflow

blocked by #4
Would be nice to have some PBR-ish rendering to make the demo extra incredible

Todo

• Ambiant Occlusion
• Lighting & shadows
• (bloom (pour les leds))
• Translucent objects (for non shelf objects)
• Coordinate with the design team to check if all the PBR layers are rendered correctly

Create Shelf And Item data

This should be done last, once we're 100% sure about the level of data we need we'd remove the crust from the JSON objects and then populate a whole store

• Determine the minimum amount of data needed for items and services
• most importantly, add all the shelves to recreate the champs Élysées store
• Add 100 or so items, some with a discount some not or whatever
• Maybe add a few extra services at the beauty bar

Selection doesn't update on the same shelf

If two items are on the same shelf and the user changes their selection, the shelf doesn't update.

Make the product list transparent (with a backdrop blur).

Add 3D Models

Model the 3D models and add them to the scenes, providing a (semi) convenient way to move them around in the json so that we can setup the store layout in a not too painful way.

Bug: cannot select a category when search is not empty

When the search bar is not empty, it's not possible to select a category.

Create camera reset button

Could be handy, even during the demo

Add shelf interactions

Click a shelf, get a list of available items or at worst a random one.

• implement the shelf selection mechanism
• Show the items in the selected shelf on the left (product) page
• Add some kind of visual feedback on the 3D map that the shelf is selected

Add reset camera button

Fix model clipping in store

• fix the clipping issues for all items that belong a category
  Blocked by #27

Order product online if it's not available in store

Display the modal with the Sephora website directly if the product is marked as unavailable.

Camera does not zoom back when selecting an item, or when reseting position.

The setZoom on CameraControls does not seem to do anything...

Documentation: https://github.com/yomotsu/camera-controls

Fake ICS in booking workflow

Could just add an ics into /static

Add a 3D experience from the three.js demo website

This would showcase the potential of the virtual twin for customer engagement, go wild here as long as it doesn't take too much time to implement.