TDF: Redesigning the Future
of Streaming
3 weeks
OBJECTIVE
To create a unique and meaningful experience through an E-commerce home and product page in order to drive sales and achieve business goals.
CONCEPT
By using clean, organized systems, to allow users smoother navigation to the primary call to action - which will increase sales. I focused on information architecture, SEO-friendly copy, a clean and inviting layout, and the creation of a distinctive brand identity. My goal was to create a strong brand identity in order to rise over competitors, attracting more visitors and ultimately propelling their sales to greater heights.
To create a unique and meaningful experience through an E-commerce home and product page in order to drive sales and achieve business goals.
CONCEPT
By using clean, organized systems, to allow users smoother navigation to the primary call to action - which will increase sales. I focused on information architecture, SEO-friendly copy, a clean and inviting layout, and the creation of a distinctive brand identity. My goal was to create a strong brand identity in order to rise over competitors, attracting more visitors and ultimately propelling their sales to greater heights.
CURRENT WIREFRAME
Header & Footer
Notes:
- Header is too simple (3 labels)
- Missing valuable pages
- Browse has too many filters to sort through
- List has all categories in no particular order
- Some categories are repetitive
- Top 100 docs are listed in no particular order
- Footer is busy
- Doxder?
REVISED WIREFRAME
Header & Footer
Notes:
- Header has 4 well organized labels
- Included valuable pages that weren’t found in the header or footer
- New & popular section combines several of the sublabels from before
- Categories are alphabetized
- Footer is simplified
BEFORE/AFTER
Desktop Header
Before
After
BEFORE/AFTER
Desktop Footer
Before
After
LO-FI/HI-FI
Homepage Design
The existing homepage of Top Documentary Films has a cluttered layout and lacks essential product information, leaving visitors feeling lost. Additionally, it fails to effectively convey the unique benefits and selling points of joining the community to potential customers. Recognizing these critical issues, I made it my mission to tackle them through a comprehensive redesign.
A/B TESTING
In order to determine the most effective product page for driving sales and promoting company growth, a comparison was conducted between the UI of two different product pages. Key factors during the evaluation process included: copy, layout, concept, and UI design.
Design A
Product Page Design
In order to determine the most effective product page for driving sales and promoting company growth, a comparison was conducted between the UI of two different product pages. Key factors during the evaluation process included: copy, layout, concept, and UI design.
Design A
Design B
90% of of total classmates preffered Design B
