top of page
Bed Bath & Beyond Gallery
Learn, Explore, and Buy through Art Pixels
Using art pixels to provide an informative and entertaining shopping experience for college students
NOV 2021
Bed Bath & Beyound asked for a special shopping experience designed for colllege students.
Bed Bath & Beyond Inc. is an American chain of domestic merchandise retail stores.
What part do students care most when you are shooping?
Quality? Price? Appearacnce?
Interests!
What's attracts college students most of interests?
Explosive game? Fancy pictures? Knowledge?
All of that!
How about to make an interesting shopping journey with fancy pictures, explosive reactions and useful knowledge for them?
1. Start the Journey at the Hall
pixel number = product number
category of products in BB&B
attractive pixeliated art pictures
art brief
Gallery Hall Basic
In the showcase room
Users can briefly learn and quickly browse artworks collected around the world. Each artwork is assigned with BB&B product category.
For each artwork
There are numerous products of a given type contained in its pixels. When hovering the artwork, it will present the personal shopping history of this art. The history includes marked pixels (products) and purchases history.
Transformation to an Art
When entering the art
Smoothly jump into this chosen artwark.
2. Explore an Art
history and marks
art pixel area
art infor and
zoom controller
zoom ruler
A Casual Exploration
If wondering
Each pixel is a hidden product. A picture with location will be presented to help user make desicions.
When previewing
User can open an operation panel with detailed inforamtion for this product, shopping options, and related items.
Delibrate Explorations
If searching
Each pixel is a hidden product. A picture with location will be presented to help user make desicions.
After marking
User can open an operation panel with detailed inforamtion for this product, shopping options, and related items.
Learning an Art
At the corner
User can learn about this historical art through the left bottom text, and they can learn more by hovering and clicking.
3. Zoom an Art
the linked product picture
zoom controller
a zoomed pixel
The other way to get specific product is to drag the bottom zoom bar to zoom in. When drag the bar, the percentage number decreases, pixels get bigger and product pictures come out directly.
4. Purchase in an Art
an artwork pixel
ckecking data
the product in the cart
Checking out
When entering the cart
The cart uses the mixed zoomed artworks as background, containing products in each pixel. When hovering, detailed information appears.
If paying
User can have a clear check-out and payment process.
5. Conclusion
What can colleage students do with this website?
Learn Knowledge
Have fun
Explore products
Purchase
What does Bed Bath & Beyound get by this website?
Popularity
Brand Identity
User Engagement
More Sales
An interesting shopping journey with fancy pictures, explosive reactions and useful knowledge for them.
bottom of page