PROMPT

Improve BB&B's online shopping experience for college shoppers

TOOLS

Figma, After Effects

TIME

12 weeks

CONCEPT

UI/UX design

THE PROBLEM

Thank-you-list

BACK-TO-SCHOOL SHOPPING

How can Bed Bath & Beyond help students and parents with the planning process for college?

THE SOLUTION

BBB & UNIVERSITY

BBB & University is a system of features that tailor the Bed Bath and Beyond mobile e-commerce experience to the needs of college shoppers.

In-store-expert

THE MODIFICATIONS

iPhone-12-Pro-51

01 PACKING LISTS

Take the guesswork out of shopping with BBB&U's packing list database.

iPhone-12-Pro-44

02 COMPARE CARTS

Check out what nearby students are buying with BBB&U's housing filter

iPhone-12-Pro-39

03 DELIVERED KITS

Let BBB&U's curated kits deliver everything you need with one click.

iPhone-12-Pro-38

04 STUDENT REVIEWS

Verified ratings and reviews for students, by students.

ANIMATED PROTOTYPE

FEATURE O1

SEARCH BY INSTITUTION

USER STORY

Candice / Incoming Freshman / Eerie, PA / Dorms

Frame-320-1

GUIDING QUESTION

How do we help Candice shop for an unfamiliar place?

THE SOLUTION

SHOPPING LISTS

By providing a way to search specific college supply lists, we empower Candice to buy everything she needs to setup her dorm well before move-in day.

USER FLOW

Group-706

FINAL COMPS

iPhone-12-Pro-50
iPhone-12-Pro-49
iPhone-12-Pro-48
iPhone-12-Pro-47
iPhone-12-Pro-51

FEATURE O2

SPECIFIC COLLECTIONS

USER STORY

Thomas / Second Year / Dansville, NY / University Commons

Frame-319

GUIDING QUESTION

How do we help Thomas buy only what he needs?

SOLUTION

COMPARE CARTS

By allowing shoppers to see what other students in a similar housing situation are buying, BBB&U eliminates hesitation and uncertainty from the e-commerce experience.

USER FLOW

Group-707

FINAL COMPS

iPhone-12-Pro-44
iPhone-12-Pro-45
iPhone-12-Pro-46

FEATURE O3

CURATED KITS

USER STORY

Xander / Incoming First Year / Hilo, HI / Dorms

Frame-316

GUIDING QUESTION

How can we help Xander shop under stress?

SOLUTION

DELIVERED KITS

By offering complete kits with everything a student needs, BBB&U makes shopping manageable and stress-free with a one-click solution.

USER FLOW

Group-708

FINAL COMPS

iPhone-12-Pro-39
iPhone-12-Pro-40
iPhone-12-Pro-41
iPhone-12-Pro-42
iPhone-12-Pro-43

FEATURE O4

REVIEW FILTERS

USER STORY

Stacy / Fourth Year / Rochester, NY / Off Campus Apartment

Frame-318-2

GUIDING QUESTION

How can we help Stacy find high quality items?

THE SOLUTION

FILTERED RATINGS & REVIEWS

By creating a space for verified student-only ratings and reviews, BBB&U increases the ethos of the BB&B and lets student find high-quality items.

USER FLOW

Group-709

FINAL COMPS

iPhone-12-Pro-35
iPhone-12-Pro-36
iPhone-12-Pro-37
iPhone-12-Pro-38

RESEARCH

FIELD TRIP

IN STORE EXPERIENCE

To get a better feel for BB&B's brand and in store experience, we visited our local BB&B in Henrietta, NY.

IMG_0142
IMG_0098
IMG_0106

COMPETITIVE / COMPARITIVE ANALYSIS

akar-icons_pinterest-fill

PINTEREST.COM

Students can create and share room inspiration boards with their roommates to guide the buying process.

fluent_target-arrow-24-filled

TARGET.COM

Target's website features a tool that analyzes students' social media likes to generate a room in their style with target brand items.

cryptocurrency_comp

DORMIFY.COM

Students can create and decorate a 3D dorm room.

PRELIMINARY INTERVIEWS

MOVE-IN PROCESS

ri_survey-line

Interview Duration

20 Questions

fluent_thinking-24-regular

Question Topics

Move-In Process

Shopping Habits

Existing Pain Points

ci_group-alt

Interview Subjects

First Years

RA's

Upperclassmen

Group-679-2-1

TAKE AWAYS

Vector-15

Students tend to overpack instead of underpack

Vector-16

Students tend to see move-in as stressful

Vector-14

Students can be overwhelmed with options

INITIAL CONCEPT

BBB & U

After conducting the preliminary interviews, we wanted to create an experience that would alleviate the stress and uncertainty around the move-in process. 

It was important that this experience empowers students to feel independent and in control - Not be another tool designed for parents or professors. 

Though they may be broke now, college students are an excellent demographic for BB&B to invest in.

A few positive shopping experiences early on can result in a lifetime of loyalty and engrained brand preference.

Group-724

RESEARCH

CONCEPT TESTING

ri_survey-line

Interview Duration

25 Questions

fluent_thinking-24-regular

Question Topics

Usefulness of BBB & U

ci_group-alt

Interview Subjects

First Years

RA's

Upperclassmen

Recent Grads

Group-696

VISUAL ELEMENTS

BRANDING GUIDE

BB&B AESTHETIC

BB&B provided a library of Figma components to help our ideas come to life and met with us throughout the process to answer questions and provide guidance. 

NAVIGATION

Group-693-1

BUTTONS

Group-654-2

DROPDOWN

Group-656-2

TEXT FIELDS

Group-657-2

WIREFRAMES

Menu-Mobile-1-1-1

Nav Drawer

College-Selector-Mobile-1

Find School

Products-Mobile-1

Product Grid

Product-Mobile-1

Product Page

CONCLUSION

SUMMERY

SUMMERY

BBB & U is a set of modifications for BB&B's existing e-commerce platform. 

With these features, students can find their college's shopping list, shop by student housing situation, have access to zero-stress curated kits, and be able to filter reviews.

iPhone-12-Pro-34

TAKE AWAYS

ic_outline-work-outline

REAL CLIENT

Our UX design mentors from BB&B used Zoom to check in on our class every few weeks, answer questions, and provide branding advice. Working with real clients gave me an understanding of the designer-client dynamic and motivated me to make this project as polished and well thought out as possible.  

carbon_partnership

TEAMWORK

For this exercise, we were allowed to collaborate with other students in the course. BBB & U would not be the same without my talented teammate, Devin Kirkwood.

carbon_shopping-cart

E-COMMERCE

With BBB&U, we tried to make the purchasing process as simple as possible without over-simplifying. According to Tesler's Law, complex processes can only be minimized so much.

Keep Exploring!

Motion DesignMotion Graphics

Cookie CouponsUI/UX Design

Exercise LegendsUI/UX Design

RUNRDesign System

Rare ColorsUI/UX Design

ArtTagCapstone Project

Lucie Robert 2022