User Interface Design

Including mobile app design

App Branding & Concepts

A woman with dark wavy hair and red lipstick wearing a green leafy print blouse holding a pineapple in one hand and a smartphone in the other, with a colorful gradient background and the word 'why' in large white letters.
Three smartphone screens displaying a dating app named Whirly. The first screen shows a form to input personal details like first name, last name, date of birth, and phone number. The second screen displays a profile picture of a woman with options to like or skip, and a message indicating a match. The third screen prompts the user for camera access with an "Allow access" button. The background includes a graphic asset palette at the bottom, with color options and icons.
A smiling woman with glasses takes a selfie next to two colorful smartphone screens displaying an app called 'Whirly' with sign-in and registration options, set against a purple background.
A young man and woman taking a selfie at an outdoor cafe, smiling and wearing sunglasses, with a smartphone displaying an app that says 'Sweet As' and promotes social discovery and connection.
A person holds a smartphone capturing a photo of dishes on a wooden table, with a second phone displaying a promotional image for a restaurant app showing two happy people taking a selfie, with the text 'SWEET AS' and 'Connect with restaurants all over Sydney' and a 'Get Started' button.
Multiple smartphones displaying a social app called 'Sweet As' with images of young people, food, and app interface screens. The app promotes connecting with restaurants around Sydney, signing in, and creating an account, with vibrant graphics and photos of smiling friends.
Three smartphones against a blue brick wall, displaying app interfaces for a gig work platform called DOER. The first screen shows account creation form, the second shows a messaging interface, and the third displays a locked gig work subscription screen with an upgrade option.
Neon sign on a blue brick wall that reads 'Introducing Dever' with the phrase 'Make everything possible' at the bottom.
Branding and graphic design guidelines for the word "Doer." The image includes various fonts, color palettes, logo assets, and usage instructions, emphasizing a primary font "Jaguar Regular" and secondary fonts, with blue, black, and white color schemes.

App & Custom CMS Design

Two smartphones displaying a finance and goal-tracking app, with the left phone showing the GOALS FM logo and options to sign in or create a profile, and the right phone showing a user profile with financial goals, expenses, and progress graphs.
Smartphone displaying an app login screen for Goals FM, featuring the app logo and options to sign in or create a profile.
Smartphone showing a map with a location marker for 'Never Ford Lawyers' in Melbourne. The app features a bright yellow 'Connect With Me' button, icons for calling, visiting the website, and messaging, along with a section for rating the service and a profile of a coach or team member.
Laptop screen displaying a website for GOALS FM, an athlete portfolio platform, featuring two athletes in sportswear, with options to sign up or sign in.
Mobile app screen showing a dashboard with a profile picture, username 'RED.DOG27', and various sections including wealth builder, wealth badges, goals FM, and navigation icons at the bottom.
Screenshot of a mobile app interface called GOALS FM, featuring a section to meet coaches with options to choose different animated character coaches, including Coach Barbs, Coach Vlad, Coach Ernie, and Coach Katinka, each with their own description and a yellow 'Choose Coach' button.

Goals FM | Financial Planning App for the Elite

A man and woman in athletic attire standing on a running track at a stadium during daytime with cloudy skies, with stadium lights in the background. Text in the lower right corner reads 'BRANDING GUIDE' and the lower left reads 'GOALS FM'.
Diagram displaying brand assets for an app, including coach avatars with names and images, AI imagery, and photographs of people in sports settings.

The Idea…

The owners of Goals FM, had an idea for an app that would essentially solve current financial roadblock and bad spending habits for young, high paid ‘elite's’ -

The Scope…

The branding and app had to be fun! Engage the target audience, keep them interested, entertained and on track with their very high paying salaries. The foundations of the app is ‘wealth building’ advice with added features such as AI coaches, sharing capabilities with other elites, fun and interactive goal setting and easy access to brokers, lawyers and real estate agents.

Digital color palette showing six colors in hex codes from dark blue to white, with gradient blends below.
Multiple digital screens displaying the GOALS FM sports app interface with athlete images, registration forms, dashboards, and analytics, featuring a dark theme with neon green accents.

*The Goals FM Client and UI design project was completed by myself during my time at Appifany in 2024. (not under the Avella Creative brand). All ownership rights of this app and UI design, including branding, belong to the clients of Appifany.
The project shown is for my portfolio/presentation purposes only.

Do you have an idea for an App?

GET IN TOUCH
Digital image of multiple smartphone screens, showcasing mental health and psychology mobile app interfaces. The screens display illustrations, text, and graphics related to mental health awareness and emotional support.

App Design & Custom Web Design

Mental Floss | Mental Health App Designed by Psychologists

User Interface Design | Website Design

A MacBook Air displaying a website with a cartoon illustration and text about mental floss and metaphorical theory.
Login page for mental floss website with logo of a brain and yarn, and fields for username and password.
Web page for Mental Floss offering a subscription plan with a 7-day trial, priced at $6.99 AUD per month. The page includes payment fields for credit card information, buttons for logging in and creating an account, and social media icons.
Website homepage for mental health resources with a logo of a brain, navigation menu, welcome message, profile button, intro video section, principles for good mental health, latest resources with videos, and social media links at the bottom.

Interested in a custom build site?

get in touch
Screenshot of the website 'Garden of Goodness' showcasing organic, plant-based meals and products, with images of food, people, and plants.

User Interface Design | GoG Website

The Problem

The original website was struggling with retaining shoppers. The metrics indicated that almost 60% of customers were not checking out and purchasing meal orders or meal subscriptions. One of GoG main target audiences are individuals on NDIS - meaning they had a disability or life threatening illness. The UI principals of making the website accessible and inclusive were failing.

The Solution

After an in depth audit was conducted by one of my software engineer partners, we discovered not only was the site filled coding bugs, there was very little User Journey Flow, the colour scheme failed accessibility testing through WCAG, and the checkout flow kept failing.

Working alongside the software engineer, I worked on recreating the GoG website, redesigning the entire site - applying UI and accessibility principals.

Key Findings

Having a custom built e-commerce website that isn’t pre built by shopify, must be strict with all User Flow variables.

The screens on display cover the UI design and flow a customer journeys through upon the new check out system

For more information on how you can test your own website to ensure accessibility and inclusivity standards are met - follow this link to PowerMapper with it’s free WCAG Testing Tool!

CHECK YOUR OWN SITE
Multiple computer screens displaying an online meal ordering platform for a restaurant called Garden of Goodness, featuring various dishes, menu options, and checkout pages.
GO TO THE CASE STUDY
Two computer monitors displaying colorful e-commerce website pages for supplements and drinkware, with vibrant graphics and promotional banners.

Shopify Custom Website Design

Impact Supplements

Screenshot of a website with various supplement products such as creatine, pre-workout, and protein powders, featuring colorful packaging and promotional banners for fitness supplements.
Online store webpage showcasing Impact Electro Amino supplement products with a vibrant, sunset-themed background featuring palm trees, lightning, and neon text.
Webpage displaying dietary supplements and pre-workout products with vibrant packaging, a hand holding a blue can of Impact KICK, and section headings for shop options.
Colorful advertisement for Impact Shaker bottles and energy drink powders with vibrant graffiti background, displaying various shaker colors and product options for $19.95.
Screenshot of an online clothing store homepage featuring models wearing graphic T-shirts, with navigation menus, shopping options, and promotional banners.
Homepage of an online clothing store featuring graphic t-shirts, with a large hero image of a man wearing a black t-shirt with a graphic of a woman with wings. The store offers free shipping for orders over AU$100, and there is a section for browsing shirts, filters for size and style, and a newsletter subscription at the bottom.
A silver MacBook Air displaying an online clothing store with models wearing graphic T-shirts, sale tags, and navigation options.

Shopify Custom Website Design

Death by Zero

Online clothing store featuring a large banner with a model wearing earrings, necklaces, and a white t-shirt, promoting a 50% off flash sale, with product listings below including black and white t-shirts.

Need help with customising your Shopify Site?

GET IN TOUCH

Want to work together?

Start here.