Back to projects

A video app to showcase video creators from around the world

Client
Adrennial
Industry
Digital entertainment
Year
2022

Visit website

Overview

Adrennial, an Australian company, contacted me to design a web and iOS app for a social video platform. I was also responsible for creating a management system called Focus to allow Vision Partners to upload and control their video content.

In addition to this, I was responsible for developing the front-end code to reflect my design work in a usable, interactive and accessible way, ready to be handed over to WordPress developers within the organisation.

I created a design system to contain all necessary styles, components and patterns essential for driving the visual design and user experience for all their products.

Landing page design for Adrennial’s alpha release
Vision Partner landing page design
Collection of responsive screens to demonstrate menu interactivity

The very beginning

To gain Vision Partner confidence and allow for onboarding, we needed something readily available to allow this to happen, so I designed and built a fully responsive Alpha version of the service in a short time frame.

We were then able to showcase Vision Partner video content and allow the ability to register and choose a membership package.

Page design for a three step registration process for an Adrennial account

Designing for iOS

Once we delivered Alpha, we started planning and designing a mobile app, initially for iOS, intending to look at Android later down the line.

I worked closely with Adrennial’s in-house UX Designer through regular meetings and online collaboration. We created user flows and low-fidelity wireframes essential for designing the iOS app.

I created interactive prototypes that we tested with people around the world. These testing sessions provided valuable insights, which helped shape design decisions.

I also had regular meetings with Adrennial’s iOS developer to ensure that what I was designing was feasible in the time frames we had.

Collection of iOS screen designs for dark mode
Collection of iOS screen designs for light mode

Focus redesign from scratch

Again working closely with Adrennial’s in-house UX Designer, we spent time researching their existing system and gathering user feedback and pain points of the system.

We got the go-ahead to redesign Focus, from scratch, rather than attempting to improve what they already had, which wasn’t working very well for their users.

Working with wireframes and user flows, I was able to redesign everything needed to complete the project successfully.

Design System components and patterns for Focus

A single source of truth

I designed and built Adrennial’s Design System. These were the foundations essential for each of the products I created.

A Design System is essentially a single source of truth for items like colours, typography, and iconography. Without a Design System in place, there is no consistency, and things can quickly become disjointed and costly in the long run.

I started with basic but essential foundations and gradually added new components when required, ensuring these were scaleable, accessible and fit for purpose.

Scaleable, accessible code built from scratch for Adrennial.com

Collaborative working

I worked with some great people along the way. We had regular morning catch-ups, retros, planning meetings and a pleasant delivery workflow.

I worked alongside a Product Owner, Delivery Manager, UX Designer, iOS Developer and some WordPress developers.

The results

I delivered a fully responsive website that is registering Vision Partners. In addition to this, I designed the iOS app and Vision Partner management system Focus, along with a Design System.

Adrennial were then able to obtain sufficient funding from the US to take their adventure to new and exciting heights.

My involvement includes:

  • UX/UI Design and Interaction Design
  • User Research and Analysis (end-users)
  • Web Development (HTML, SASS, JavaScript)
  • Design System and User Guides
  • iOS Design (Light and Dark modes)
  • Vision Partner management system redesign
  • Accessibility Standards