OVERVIEW

PROJECT BRIEF

Content Creator Website For Client

Adam spent 2020-21 upgrading his camera technology, upskilling in video editing, and redesigning his own logo to relaunch his paramotoring Youtube channel. As a remote Networking Engineer, Adam will be working on the road, towing his motorcycle and paramotor to gorgeous parts of the country so he can make new content. Adam is someone who values living life and sharing those stories with others so he is seeking a website to bridge all this branded content into one main online hub.

Adam wants a personal brand website to use as a ā€˜digital personal and business cardā€™ as well as a hub for his online.

OBJECTIVE

Create Adamā€™s content creator branding website to use as a ā€˜digital personal and business cardā€™ as well as a hub for his social media accounts.

Feature Requirements: Intro to the creator, showcase creatorā€™s content, act as a central hub connecting social media presence/accounts, and way to contact the creator directly.

MY RESPONSIBILITIES

Wireframes, Prototype, UI & Design Guide, UX Copy Writing, Website Building, Testing, Web Admin Management

TOOLS Figma, Adobe Photoshop

PLATFORMS Squarespace, Google Domains

METHODOLOGY Empathize/Ideate/Develop/Test/Deliver

DATE Jan 15-18, 2021

 The Client

Adam Burnworth is a content creator seeking a custom brand website so he can connect his social media accounts to drive improved engagement.

DISCOVERY

  1. Consultation & client interview to identify pain points, needs, desires, & limitations.

  2. Evaluate the focus, style, & messaging of the clientā€™s content for the website & gather assets.

  3. Define the mood/feel/emotional design of the clientā€™s content to develop UI style guide.

  4. Strategize & ideate UX/UI design based on feature requirements.

CLIENTā€™S CONTENT

DEVELOPING UX & UI STRATEGY

IDEATION & CONCEPT WIREFRAMES

MOOD BOARD & STYLE GUIDE

 

MY CUSTOM TEMPLATE

I created components, themes, and styles for this project using Squarespace tools, Figma, & Photoshop.

 HI FIDELITY WIREFRAMES

 VISIT WEBSITE >

Outcome

 

Presentation

 

Initially, I presented a UX design prototype at the midway checkpoint to discuss the direct, function of the website & next steps. Later, I presented Adam with a walk-through of the final product, connecting our projectā€™s goals and how I addressed them. I listened to Adamā€™s questions and feedback which proved to be a great experience overall for both of us.

 

Impression

 

Adam expressed how he feels so impressed by the final product. It makes him like his content more because ā€˜the website showcases the videos so well.ā€™ There was universal frustration with the limitations of using Squarespace. The mobile version of Squarespace websites has some issues with responsive scaling and Youtube embedding.

 

Next Phase

 

We discussed trying to improve the mobile scaling issues once Squarespace released an update where we can make the adjustments. Also, we discussed the potential redesign of his brand logo in the future, and more sections like places heā€™s traveled.

Message From The Client

 ā€œThe first time I saw the final website I was blown away. The first page is just shocking - the motion of the paraglider in the background really captures your attention and sucks you in. The depth, details, and color scream ā€˜meā€™. While I appreciate the UX scaffolding, I love seeing how much of my personality is mixed into the writing and visuals. This turned out so well. Whatā€™s amazing is 72 hours ago this website didnā€™t exist.

Working with Sam is amazing. Our brains work very similarly so we found a common language. There is no way I could have created this on my own. During the entire process, I have a lot of feelings about how things look and Sam has no ego tied into their design which made the whole experience so much easier. I appreciate how comfortable I was made feel to ask questions and suggest ideas & improvements.

The only complaint isnā€™t one with Sam. Itā€™s Squarespaceā€™s limitations for website design. Sam ran into issues with Youtubeā€™s embedding & thumbnails customizations as well as video speed & mobile view scaling but walked me through what was happening and how they intended to make the most of the situation to get what we wanted. Itā€™s amazing that Sam is a designer and website builder. I lucked out.

Iā€™m building up more content and want to add it to the website so weā€™re making a plan. Sam and I discussed working together to update my logo, too. We have ideas for new sections and I canā€™t wait to develop this project even further.ā€ - Adam