Work

Interaction Design

How I design intuitive and engaging user interfaces that enable users to achieve their goals. My work involves considering usability and visual aesthetics to create an optimal user experience.

Role

Design Lead

Employer

LuckyTruck

Platform

Webapp

Areas

UX, Research, Strategy

UX, Research, Strategy

Interaction Design Plan

1

Conduct User Research & Develop a Product Vision Based on Needs

Do initial research to understand users and their needs as well as the technical and business requirements. Based on this research, create a product vision to execute upon.

2

Build Out Product Flows

In Figma, design all product flows that satisfy user needs and requirements. These designs are to be used by engineers.

3

Iterate, Iterate, Iterate

With continued learning and addition of user and business needs, refine and iterate upon the interaction designs.

1

Conduct User Research & Develop a Product Vision Based on Needs

Conduct User Research & Develop a Product Vision Based on Needs

In a team, we conducted interviews with both LuckyTruck brokers and customers. Our findings were organized into journey maps (illustrated by me). We then visualized product concepts that were validated as the direction we wanted to steer.

2

Build Out Product Flows

Build Out Product Flows

I've worked to build out product flows including details and annotations of what happens as users interact with the product. For each situation and field, there are details that team members and engineers can debate and use to build the actual product.

LuckyTruck Platform

LuckyTruck Platform

The LT platform is the feature product. It is used by both truckers and brokers and has many capabilities.

The main feature allows truckers to insert their information and receive competitive quotes from different insurance carriers.

3

Iterate, Iterate, Iterate

Iterate, Iterate, Iterate

In my process, when encountering a new or redesigned flow, I typically create 3 versions or concepts then kick those ideas back to the team for critique. This provides variety in ideas and is fast enough to keep things moving.


Along with the product, I also design and iterate upon the website. In these examples, you can see how we are iterating upon the designs in order to increase traffic to the site and conversions for people to sign up on the platform.


We use Userbrain, Google Analytics, and conduct A/B testing to understand how the site is performing.

Due to the sensitive nature of this proprietary product, I'll show website iterations, but this illustrates the iterative process throughout the product.

Go to the website to see it in action by clicking the button below.

Let's work together

If you have an idea or project you want to discuss, feel free to contact me.

CAL BRACKIN DESIGN

© 2023 Cal Brackin Design

Let's work together

If you have an idea or project you want to discuss, feel free to contact me.

CAL BRACKIN DESIGN

© 2023 Cal Brackin Design

Let's work together

If you have an idea or project you want to discuss, feel free to contact me.

CAL BRACKIN DESIGN

© 2023 Cal Brackin Design