Goran Babarogic Product UX Designer

Hi! I am Kyle Gamble

Welcome to my UX/UI Portfolio.

Here you can learn about me and take a look at some of my past design projects.

  • Figma

  • Adobe XD

  • Adobe Illustrator

  • Gmail

  • Docs

  • Monday.com

  • Slack

  • Framer

  • Balsamiq

  • Trello

Creating a brand, identity and website

Designed the brand, identity, and website for Childfree Connection, an online dating platform built for people who choose not to have children. The work balanced approachability with trust, using inclusive language and thoughtful UX patterns to create a safe, welcoming experience while clearly differentiating the platform in a crowded dating market.

Industry

Online Dating

Team

CFC

Modernizing a FinTech web portal

Modernized Shell’s transaction and loyalty monitoring portal, simplifying workflows and enhancing usability for administrators and end-users. The redesign was guided by user research and close collaboration with the development team, ensuring design decisions were informed by real user needs and technical feasibility. This process resulted in a more intuitive and efficient platform that addressed both operational and customer-facing challenges.

Design time

3 days

Tool used

Adobe XD

Creating a brand, identity and website

Designed the brand, identity, and website for Childfree Connection, an online dating platform built for people who choose not to have children. The work balanced approachability with trust, using inclusive language and thoughtful UX patterns to create a safe, welcoming experience while clearly differentiating the platform in a crowded dating market.

Industry

Online Dating

Team

CFC

Modernizing a FinTech web portal

Modernized Shell’s transaction and loyalty monitoring portal, simplifying workflows and enhancing usability for administrators and end-users. The redesign was guided by user research and close collaboration with the development team, ensuring design decisions were informed by real user needs and technical feasibility. This process resulted in a more intuitive and efficient platform that addressed both operational and customer-facing challenges.

Design time

3 days

Tool used

Adobe XD

Modernizing a FinTech web portal

Modernized Shell’s transaction and loyalty monitoring portal, simplifying workflows and enhancing usability for administrators and end-users. The redesign was guided by user research and close collaboration with the development team, ensuring design decisions were informed by real user needs and technical feasibility. This process resulted in a more intuitive and efficient platform that addressed both operational and customer-facing challenges.

Design time

3 days

Tool used

Adobe XD

Modernizing a FinTech web portal

Modernized Shell’s transaction and loyalty monitoring portal, simplifying workflows and enhancing usability for administrators and end-users. The redesign was guided by user research and close collaboration with the development team, ensuring design decisions were informed by real user needs and technical feasibility. This process resulted in a more intuitive and efficient platform that addressed both operational and customer-facing challenges.

Design time

3 days

Tool used

Adobe XD

Designing a brochure webpage for a Women's gym company in Chicago

BadB!tch Gym is a concept fitness brand and web experience built to reject performative wellness and celebrate unapologetic strength. The project explores how bold branding, clear information hierarchy, and confident UX patterns can create an inclusive, motivating experience without relying on stereotypes or intimidation. This case study focuses on brand expression, conversion-driven layout, and scalable UX foundations.

Design time

3 days

Design Tool

Figma

Designing a brochure webpage for an insurance broker

My focus was to create a simple site that detailed the benefits of using an experienced insurance broker. The goal was to create a single scrolling page that was easy to view on mobile and met the client's budget for a small hosting package.

Site copy

Supplied

Site imagery

Designed

Wireframing a scheduling tool

My focus was to create a simple site that detailed the benefits of using an experienced insurance broker. The goal was to create a single scrolling page that was easy to view on mobile and met the client's budget for a small hosting package.

Primary goal:

Create Lo-fi wireframes

Product name

Schedule-sync


Designing a brochure webpage for an insurance broker

My focus was to create a simple site that detailed the benefits of using an experienced insurance broker. The goal was to create a single scrolling page that was easy to view on mobile and met the client's budget for a small hosting package.

Site copy

Supplied

Site imagery

Designed

Creating a patient identification mobile app for the EMS industry

The app allows EMS teams to search a patient's ID number (public info) and return if they have health insurance, and which are the nearest facilities that will accept them.

Design time

5 days

Roles I performed

Designer/ Analyst

Creating a patient identification mobile app for the EMS industry

The app allows EMS teams to search a patient's ID number (public info) and return if they have health insurance, and which are the nearest facilities that will accept them.

Design time

5 days

Roles I performed

Designer/ Analyst

Building a Style Guide

This sample style guide demonstrates my ability to create a cohesive, scalable visual system for a modern web application, ensuring consistency across design and development.

Primary goal:

Figma

Creating a brand, identity and website

I sat with the owner and founder to give the company a modern feel. This was achieved with a full design from the ground up—everything including the website, logo and artwork.

Completion progress

90%

Budget:

R20k

Building a Software issue tracker

Designed and built a software issue tracker to give product and engineering teams clear visibility into active and known bugs across multiple software builds. Early wireframing focused on data hierarchy and core workflows—such as prioritization, triage, and cross-version tracking—while accounting for the physical accessibility needs of the support team. Validating structure, usability, and accessibility early helped surface critical information quickly, reduce complexity, and support faster, more informed release decisions.

Stakeholders

Internal support team and product owners

Primary deliverables:

Wireframes & UI designs

Building a Software issue tracker

Designed a software issue tracker that gave product and engineering teams clear visibility into bugs across multiple builds. Early wireframing prioritized data hierarchy, triage, and accessibility, helping teams surface critical issues faster and make more informed release decisions.

Stake- holders

Internal support team and product owners

Primary deliverables:

Wireframes & UI designs

Building a Software issue tracker

Designed and built a software issue tracker to give product and engineering teams clear visibility into active and known bugs across multiple software builds. Early wireframing focused on data hierarchy and core workflows—such as prioritization, triage, and cross-version tracking—while accounting for the physical accessibility needs of the support team. Validating structure, usability, and accessibility early helped surface critical information quickly, reduce complexity, and support faster, more informed release decisions.

Stakeholders

Internal support team and product owners

Primary deliverables:

Wireframes & UI designs

UI/UX Manager

UI/UX Manager

UI/UX Manager

UI/UX Manager

UI/UX Manager

with

7 years

7 years

7 years

7 years

7 years

of experience leading

Cross-functional

Cross-functional

Cross-functional

Cross-functional

Cross-functional

teams to design and deliver

user-centered

user-centered

user-centered

user-centered

user-centered

Digital products.

Skilled at bridging the gap between

Design vision

Design vision

Design vision

Design vision

Design vision

and

Technical execution

Technical execution

Technical execution

Technical execution

Technical execution

ensuring experiences that are

intuitive, scalable, and delivered on time and within budget.

UI/UX Manager

UI/UX Manager

UI/UX Manager

UI/UX Manager

UI/UX Manager

with

7 years

7 years

7 years

7 years

7 years

of experience leading

Cross-functional

Cross-functional

Cross-functional

Cross-functional

Cross-functional

teams to design and deliver

user-centered

user-centered

user-centered

user-centered

user-centered

Digital products.

Skilled at bridging the gap between

Design vision

Design vision

Design vision

Design vision

Design vision

and

Technical execution

Technical execution

Technical execution

Technical execution

Technical execution

ensuring experiences that are

intuitive, scalable, and delivered on time and within budget.

UI/UX Manager

UI/UX Manager

UI/UX Manager

UI/UX Manager

UI/UX Manager

with

7 years

7 years

7 years

7 years

7 years

of experience leading

Cross-functional

Cross-functional

Cross-functional

Cross-functional

Cross-functional

teams to design and deliver

user-centered

user-centered

user-centered

user-centered

user-centered

Digital products.

Skilled at bridging the gap between

Design vision

Design vision

Design vision

Design vision

Design vision

and

Technical execution

Technical execution

Technical execution

Technical execution

Technical execution

intuitive, scalable, and delivered on time and within budget.

"Kyle gave us an amazing website that matched our style perfectly"

"I recommended him to several of my entrepreneur friends"

"He took our old look and modernized it. Super proud of his designs"

"Kyle gave us an amazing website that matched our style perfectly"

"I recommended him to several of my entrepreneur friends"

"He took our old look and modernized it. Super proud of his designs"

"Kyle gave us an amazing website that matched our style perfectly"

"I recommended him to several of my entrepreneur friends"

"He took our old look and modernized it. Super proud of his designs"

Skills

Skills

UX Design

UI Design

Project Management

Team Development

UX Research

User Testing

Waterfall design

Usability Testing

Business Analysis

Software Design

Budgeting

Iterative design

Leadership

Mentoring

Process Automation

+ More

+ More

Experience

Experience

Business Analyst

Business Analyst

Business Analyst

Sybrin Systems

Sybrin Systems

Sybrin Systems

March 2014 - Feb 2015

March 2014 - Feb 2015

Customer Experience Manager

Customer Experience Manager

Customer Experience Manager

Netgen

Netgen

Netgen

Sep 2019 - May 2021

Sep 2019 - May 2021

Design Manager

Design Manager

Design Manager

Figment Design Labs

Figment Design Labs

Figment Design Labs

May 2021 - May 2026

May 2021 - May 2026

Frequently asked questions

What process do you follow in design?

What tools and software do you use for UX design?

Why are you interested in UX design?

Tell us about yourself

Kyle Gamble est. 1994

kdl.gamble@gmail.com