UX

UI DESIGN
DESGIN - CASE
– CASE
 A big project for next year is to redesign
As
oura product
SOUNDBOKS
pagesApp user, Itowould
in order makelike to:
them
more intuitive and bring our brand to the
next level.
We will evaluate your UI designs according
to the below mentioned standards:
1. Ease of use - It’s easy for the end user
to understand and use correctly.
2. Intuitiveness - It’s fast to figure out how
to use.

THE TASK 3. Reason - Does it make sense? Why did

you do it in a certain way? And the
reasoning behind your redesign and how it
would result in a better user experience.
4. Responsiveness - Please consider
Desktop and mobile screen. 80+ % of our
users use mobile only.
5.Animation skills - Show us what you
have got!

 As a SOUNDBOKS product page user, I would
like to:
• Have a brief intro to the product without
scrolling all the way down the page.
•

• Select between different colours of the

speaker.
•

• Be able to see a photo of the product I am

preselecting.
•

REQUIR- Know if the offer has a limited time period.

•

• Know if there is any special promotion.

EMENTS Know if the product is a special edition.

•

• Know the cost of shipping.

•

• Know available shipping options

•
 As a SOUNDBOKS product page user, I would
like to:
• Know when a product is sold out.
•

• Be able to join waitlist and find out when the

product will be back in stock in case it is sold
out.
• In case of limited edition products that are
sold out, know if there might be any new
editions coming up.

REQUIR- • See the picture of the product in the lifestyle

context so I can relate to it / to see the context

EMENTS
of the product.
• Know the warranty period.
•

• Know how much time do I have to return the

product in case I change my mind
•

•
 As a SOUNDBOKS product page user, I would
like to:
• Watch a video about the product.
•

• Know key features of my speaker.

• Know the technical specifications of the
product.
•

• Be able to compare SOUNDBOKS to other

speakers on the market.

REQUIR-
•

• (If the speaker page) be able to compare the

product to other SOUNDBOKS speakers.

EMENTS See the reviews of the product.

•

• See the rating from the most used review

platform (in the region) on the top of the page
•

•
 As a SOUNDBOKS product page user, I would
like to:
• Be able to add the product to cart at any time
when on the page.
• Be able to read FAQs about the product.
• I would like to know what the available
payment methods are before I proceed to
checkout.

REQUIR- •

EMENTS
•

•
 The app screens (not interactive):

USEFUL The Current product page

LINKS
The design components (use as inspiration)
Brand guidelines

Brand fonts

• You can use any image used on our webshop and B

rand guideline

• For some inspirations about our brand check

our Instagram.
•
 • Our current design library is hosted in FIGMA.
To make this case fair for everyone, we decided to
share only the components in Invision, so all
candidates have to equally recreate the necessary
components (if needed) in whichever software

SOME •
you are using.

On the brand guidelines, you can download all

EXTRA brand icons as well as the brand colour palette

codes.

COMMENTS