Ryno's Portfolio

Overview:To create a user-friendly, safe, and responsive Portfolio website for Brandon Harding a well known Social Media Influencer and Professional BodyBuilder.

Role: UX/UI Developer, UX Researcher

Toolkit:Figma, Visual Studio Code


Test Project Prototype

1. UX Research


1. Overview

  • Objectives:

Desired outcomes and milestones

Profile/Website Launch:

The initial milestone is to launch the influencer's profile or website. This includes setting up the platform, designing the layout, and creating the initial content to attract and engage visitors.

Brand Identity Establishment:

The initial milestone is to launch the influencer's profile or website. This includes setting up the platform, designing the layout, and creating the initial content to attract and engage visitors.

Content Creation:

The initial milestone is to launch the influencer's profile or website. This includes setting up the platform, designing the layout, and creating the initial content to attract and engage visitors.

Audience Growth:

The initial milestone is to launch the influencer's profile or website. This includes setting up the platform, designing the layout, and creating the initial content to attract and engage visitors.

Engagement and Community Building:

The initial milestone is to launch the influencer's profile or website. This includes setting up the platform, designing the layout, and creating the initial content to attract and engage visitors.

Partnerships and Collaborations:

The initial milestone is to launch the influencer's profile or website. This includes setting up the platform, designing the layout, and creating the initial content to attract and engage visitors.

Influencer

Brandon Harding

  1. Background

Brandon Harding, hailing from Bromsgrove, Worcestershire, England, has become a notable figure in the world of YouTube, social media, fitness, and bodybuilding. His personal journey into fitness began at the age of 16, and in 2015, he started documenting his experiences on his YouTube channel. His content revolves around his own fitness routines, bodybuilding journey, dietary choices, and personal transformation.

Brandon Harding's YouTube presence boasts over 680k subscribers. His channel is adorned with viral hits, such as "I WASN'T EXPECTING THIS..." surpassing 13 million views, "Brandon Harding 120 Day Transformation (223lbs - 191lb) Unnatural" with over 9 million, and "FULL DAY OF EATING with 19 Year Old Bodybuilder Brandon Harding" amassing over 3 million views.

Beyond YouTube, Harding commands a significant following on Instagram, with a loyal audience exceeding 700k followers. His engaging content resonates across platforms, offering insights into his fitness journey, nutrition tips, and daily routines.

In addition to his digital success, Brandon Harding has carved out a professional career as a competitive bodybuilder. His dedication to the sport has seen him grace prestigious stages, including the 2021 Toronto Pro Show, where he showcased his sculpted physique and formidable prowess on the bodybuilding circuit.

Through his multifaceted presence online and on the competitive stage, Harding continues to inspire and motivate others to pursue their fitness goals with passion and dedication.

4. Project Timeline with Milestones:

Project Timeline

5. Tools and Technologies:

Project Timeline

2. UI/UX Design


UX Design

Wireframes

I went with a clean flexible layout with a Dark and Yellow color scheme.

Each Wireframe is designed to mimic the design of the actual website.

Navigation Bar is designed to be on the left side of the page instead of the top of the page.

Home Page About Page Achievements Page Portfolio Page Contact Page Comments Page Terms and Conditions Page Privacy Policy Page
View Full Wireframes

UI Design

UI Components

Custom created components which includes, icons, images, tables and layouts.

Low-Fidelity wireframes are also included with the components to create an environment called UI Library.

Pieces of Prototyping was extracted and used to create visually appealing background Images.

UI-Library
View Full UI Library

3. Usability Testing


Prototype

This is a prototype I made for Brandon Harding. This prototype will showcase what Brandon Harding's Portfolio website will look like. Keep in mind it is early in the development process.


I came up with the idea to create a user-friendly and visually appealing Social Media Influencer and Professional BodyBuilder Portfolio website. Brandon Harding needed a website to digitalize his online presence. This will help him gather more followers and reach a wider audience.

Outcome

Overall the Testing and Prototyping was a huge success. Everyone loved it. It has some minor issues but easy to fix.

Outcome Diagram
View Full Keyframes Library

4. Test Project Prototype


5. Key Takeaways


Monetization:

The initial milestone is to launch the influencer's profile or website. This includes setting up the platform, designing the layout, and creating the initial content to attract and engage visitors.

Feedback and Iteration:

The initial milestone is to launch the influencer's profile or website. This includes setting up the platform, designing the layout, and creating the initial content to attract and engage visitors.

🚀