yeseyesee.com

Online Store for graphic-based street wear brand YESEYESEE. The store is built with React+Shopify Headless, so our team can develop whole features on our end. Most of the visual identity including graphics, icons, typography is designed by me.

Menu navigation ui is inspired by stacking blocks, which presents entire store's design system called 'Block UI'.

As you see, the UI elements seems like a rectangle block, they have own color variants for contents' priority. Following the priority, the blocks are stacked vertically.

Pixelate lazy load using Shopify CDN's image transformation and CSS image-rendering for efficient resource management. The pixelate image enhance Block UI concept.

Infinite scroll is developed to maintain user's focus on products while they scroll the collection.

Therefore, each product card shows own lookbook image when user triggers mouse hover event.

yeseyesee.com also supports Filter & Sort, especially designed for browsing by their collaborations and season collections.

The website provides seamless shopping experience. User can browse product detail information without extra interaction except vertical scroll, then add them to cart and proceed a checkout steps.

When user encounters unexpeced error or warning, the Toast component describes the situation and gives them enough information to solve the problem.

All of pages are designed with same design system and rule, give customers same brand concept.

User can change the them color when click the Hex code button in Menu just for fun. This feature is implemented since all colors are in design system and follows variant hierarchy. (primary, secondary, tertiary, quaternary)

There are icon set to match visual style with custom designed font named 'YESEYESEE Pro Text' designed by openboek.info.

Design: Jinkyu Song
Development: Jiyoon Byun, Hyewon Hong, Hyeseob Shim, and Jinkyu Song
Graphic: Dohyung Kim and Jinkyu Song
Creative Direction: Minhyung Lee and Chaseung Lim

View demo