Fruit Punch Media

sector: Media

date: 2023

Role: UX Designer

Project: ReDesign

Fruit Punch Media is a production company based in Seattle, WA. finessing video, animation & web serving clients all over the globe.

Project Scope

01The ProblemThe main problem we are trying to solve is that for lots of clients it's unclear what media service is best for them while they think think media assets are very important, they don't know where to start.

02The GoalThe goal of this project is to redesign a better experience for users selecting a service for their media needs, communicating the company’s message, what is unique about it. Secondly to establish an impactful online presence.

03Business Needs• Display samples of work.
• Rank high on resource websites.
• Have a responsive website.
• Establish an online presence.

04 DeliverablesResearch insights, responsive web design.

05ConstrainsPlatform Migration

06Content requirements• Fruit Punch videos (intro, about us, the process), images, logos, copy.
• Work samples, videos and images.
• Logo display of clients. 
• List of services.
• Contact information.
• Client contact forms.

07Functionality requirements• Host large quantity of videos. 
• Display high quality videos. 
• Display videos and work images fast.
• Connect with social media channels.
• Collect prospects information.

Research Plan

Who are Fruit Punch Users?
What we know about them?

Users• Marketing Agencies.
• Businesses (Small, Med, Large).
• Bilingual Businesses.
• Spanish Speaking Businesses.

User Needs• See samples of work.
• See quality of workTo see list of services.
• Connect with the company about possible services.
• Enquire services.
• See reviews.

Content Inventory

- Current state of the existing pages
-  Readability, actionability
-  Analytics review
-  Key message
-  Keywords
-  Goal of the page
-  Key actions
-  Knowledge level

Content Audit

Knowledge Level:
- Is the visitor knowledgeable of what he is looking for?
- Has the visitor worked with Fruit Punch or other similar companies?

Competitor Analysis

- Companies that offer video production services.
- Analysis of the most important pages:
 Home, work, contact, about, services, and process.

How might we provide a more intuitive experience for clients to find the right media product for their businesses?

Design Goals:
- To engage users showing Fruit Punch core services
- To be visually impactful.

How to make it easy to navigate?

Fruit Punch Web Information Architecture chart.

How to make it easy for users to move through a process?


The goal is to target the process of users selecting a service, learning the details — eliminate the user's pain points— and finally filling out a contact form to enquire the service.

Web user flow

Design
System

A style guide showing typography styles.
A style guide showing web elements like buttons on different states.
Fruit Punch Media Web color palette.

From wireframes to high-fidelity prototypes of some pages

User
Interface