Michelle, 36

Understanding the User

Goals

Bid on structures at the Fundraiser



Check personal bids against others

Pain Points

Bidding is done on paper-you can’t check other bids



User can’t view and compare structures

Vet Tech

Raleigh, NC

The Process

Auction with

Triangle Barkitecture

A mobile auctioning app built for a non-profit to help their yearly fundraiser succeed.

Company Role

Triangle Barkitecture UX/UI Designer



Duration Tools Used

July 2023 (1 mo.) Figma, Canva

© Taylor Varichak Design

Triangle Barkitecture is a one-of-a-kind pet architecture and design competition to raise money for pets in need by supporting local foster and pet rescue organizations. Local architects, engineers, designers, and creative minds compete to create custom pet architecture that is then auctioned off at the event with 100% of those profits going to pets in need.

The company currently uses a paper form for auctioning. They have run into the issue that users lose their bids OR decline the auction if they win. This leaves the company scrambling to find the next bidder and potentially lose out on profits.

The Opportunity

Research began with user interviews to find pain points with the current system. Next, I looked into some similar apps. I began with TwinSpires, a horse betting app and then looked into Ebay and inspiration on Dribbble.

Competitive Analysis

TwinSpires gives users an easy way to manage and view their current biddings.

App inspirations by Dhimas Rasyad allows users to see the top bids and make the decision to bid more.

Ebay easily allows users to see a list view of fdifferent product for auction along with time, and highest bid.

User Journey

KEY

I began creating a user journey with the main focus being on the goals of the company and the user. The journey should be focused on an exceptional user experience as well as creating funds for the fundraiser.


This step allowed me to focus on the main screen designs to accomplish the jobs to be done.

Once I got to the design portion I began by making a simple board of the company’s assets. This included their brand colors, logos, and some imagery.


I also included some main components for a makeshift design system to make my workflow more efficient.

Branding

text 00000

text FFFFF

text FFFFF

Main Text-Inter

Title Text-Gloria Hallelujah

Imagery

Logos

Brand Colors

Typography

Enter House # or Scan QR Code

00:00

$

Code #

Structures

Home

My Bids

Design System

image

Enjoy bidding!

on a timer

text text text text text

text text text text text

text text text text text

Featured Shelter

Donate to this Shelter

Donate to this Shelter

$

$

$

00:00

Enter House # or Scan QR Code

Structures

Home

My Bids

Add Card

Card Number

Expiry Date

CVC

Card holder’s Name

9856 0000 0000 0000

MM/YY

Johnny Appleseed

Wireframes

Structures

Home

My Bids

00:00

Add/Update Card Information

Update Profile Information

User Name

Confirm Bid Pop-up BTN

Structures

Home

My Bids

House Name

00:00

Enter House # or Scan QR Code

text text text text text

Bid BTN

Enter Bid amount here

GOAL

TriangleBarkitecture

Welcome!

Name

Email Address

Add New Card

About Bark.

Continue

Welcome!

card will be charged if won

Accept

The original screens had a navigation bar with the options “Settings”, “Home”, and “Bids”. After user testing I made the decision to include “Structures” in the bottom navigation bar and the settings in the top corner. Users expressed they wanted a way to quickly get to a list of structures that they could browse. Settings was not as necessary to the user, only if they wanted to update their card information.


This insight also led to the structures page. A page dedicated to all of the structures that users can bid on. This also allows for more users to send in bids (if they cant make it or walk around the whole fundraiser).

High Fidelity Designs

Name

Email Address

Welcome!

Continue

Password

Name

Password

Sign up!

Welcome!

Continue

Continue

Triangle Barkitecture is a one-of-a-kind pet architecture and design competition to raise money for pets in need.

Welcome!

ACCEPT

Welcome!

Bidding will be done through the app once you connect your card. If you are the top bidder by the end of the timed event YOU WIN!

By pressing accept you agree that your card will be charged at the end of the event if you are the top bidder.

00:00

2023 Barkitectures

Glamping Dreams

Barker at the Purrs..

Desert Tent

Boho Cat Tower

That’s so Fetch

Pooch Porch

Structures

Home

My Bids

2023 Rescue Partners

Enter House # or Scan QR Code

00:00

Triangle Beagle Rescue (aka TriBeagles or TBR) is a breed-specific beagle rescue in the Triangle (Raleigh-Chapel Hill) area of North Carolina that operates soley on foster homes.


Donate to this Shelter

Donate to this Shelter

Friends of Wake County Animal Center, also known as FWCAC, is dedicated to improving the quality of life for animals in our community while providing access to vital medical care, boarding and placement for shelter animals in need, thereby improving their health and reducing euthanasia rates at the center.

Structures

Home

My Bids

Glamping Dreams

Enter House # or Scan QR Code

The foldable structure and cute staging made this one a go-to photo-op for all kinds of pups to live out their glamping dreams.

Bid

Enter Your Bid

$

Top Bids

Ashley

$ 125

John

$ 115

Ella

$ 100

00:00

Structures

Home

My Bids

Glamping Dreams

Enter House # or Scan QR Code

The foldable structure and cute staging made this one a go-to photo-op for all kinds of pups to live out their glamping dreams.

Bid

Enter Your Bid

$

Top Bids

Ashley

$ 125

John

$ 115

Ella

$ 100

00:00

Structures

Home

My Bids

Confirm Bid

Structures

Home

My Bids

Glamping Dreams

Enter House # or Scan QR Code

The foldable structure and cute staging made this one a go-to photo-op for all kinds of pups to live out their glamping dreams.

Bid

Enter Your Bid

$

Top Bids

NO BIDS YET

00:00

Structures

Home

My Bids

00:00

My Bids

Boho Cat Tower

That’s so Fetch

$135

$100

You are the top bidder!

Top bid= $115

BID

Structures

Home

My Bids

00:00

Add/Update Card Information

About

Update Profile Information

Leah

00:00

Add/Update Card Information

About

Update Profile Information

Leah

Add Card

Card Number

Expiry Date

CVC

Card holder’s Name

9856 0000 0000 0000

MM/YY

Johnny Appleseed

Structures

Home

My Bids

Structures

Home

My Bids

00:00

My Bids

NO BIDS

You do not have an pending bids.

BID NOW

Your Profile

Continue

EDIT

Name

Email

Card Information

Password

Lady Name

kona@gmail.com

0000.0000.1289

BACK

Triangle Barkitecture is a one-of-a-kind pet architecture and design competition to raise money for pets in need by supporting local foster and pet rescue organizations right here in the Triangle.


Local architects, engineers, designers, and creative minds all over the Triangle compete to create the best custom pet architecture that is then auctioned off at the event with 100% of those profits going to pets in need.

Barker at the Purrserve

Enter House # or Scan QR Code

A luxury condo for your purrrrfect mates! Installed with multi-levels and comfy lounging areas your cat is sure to love!

Bid

Enter Your Bid

$

Top Bids

Matt

$ 125

Steph

$ 115

Shawna

$ 100

00:00

Structures

Home

My Bids

The final outcome is an app that will allow this non-profit the opportunity to reach more users. Users can navigate the easy-to-use application to place their bids and donate to shelters in their area.


A major challenge I am faced with in this app creation is time. The app has been user tested through the prototype, but I would like to see how it functions once developed. I am looking forward to gaining more user feedback from the final product and get the numbers from this year's fundraiser.