logo

Meetz App

Designing this app was a fun adventure. The goal was to create a meet up app where users could make meaningful new connections based on different data points. By using new brand guidelines, I was able to create a simple yet modern UI base project requirement.

Meetz landing page on the left and  "meet by location" screen on the right both on mobile devices
3 mobile screens with pages , "meet by hobbies", "meet by location", "meet by profession"

The process

Generally, I prefer to map out the interactions, as you can see below. This approach enables me to quickly refine the flow before diving into creating UI visuals in Figma.

Meetz sketches
Animation of Meetz interaction

The flow

Once users complete their initial profile, their journey unfolds as they step into their dashboard. Here, they can smoothly navigate through Meets events and catch up on highlights posted by fellow members. It's like their own personalized space for connection and discovery!

3 UI designs on mobile device

The design system

Meetz design system

Court+

I joined this project from the very beginning and had the great opportunity to partner closely with our software engineering team every step of the way. I teamed up with the project lead to conduct user research, which helped us pinpoint the right features to build. I then focused on creating a component-based design system to make the handoff to developers incredibly smooth. To top it off, I developed a full branding identity that helped the product find its unique voice and resonate within the industry.

What and how

Court+ provides the foundation for a thriving pickleball club by seamlessly integrating court bookings, event management, and league or tournament organization into a single platform. It also offers tools for coaching schedules, member communication, and club marketing, fostering a connected and engaged community. This all-in-one solution handles the complex logistics so organizers can focus on building a vibrant pickleball culture.

Wireframes for Gravol

Different experiences

Designed for two primary users—Members and Admins—the platform provides separate, role-specific experiences. View some screens for each below.

Email templates

Wireframes for Gravol

Mobile UI

Court+ website

UI Banking

This was a project where I definitely had to navigate many moving part but I learned a lot; I collaborated with some awesome folks!

Requirements

I was task to enhance the UI Design within the authenticated environment for the home, transactions, statements pages and new features such the pre-autorized debit form.

Process

Throughout this specific project, I had the opportunity to collaborate closely with the UX Designer from the very start of our brainstorming sessions. Together, we identified multiple areas that required improvement and came up with innovative ideas for new features. Additionally, I conducted a comprehensive analysis of our main competitors in the market and examined current trends within the banking sector.

UI banking on tablet device

The challenges

The requirements from the business, legal, and development teams were definitely a challenge, as some of the goals interfered with each other. However, understanding the underling motivation of each team helped tremendously in challenging them to ultimately creating the best user-centric interface.

Banking UI page in tablet device

The Competitors

Shown below are some of the competitors we looked at.

Download statements

I was tasked with improving the flow and interface for downloading statements. We consulted with the production team to make sure there were no conflicting components.

Take aways

I personalized the form options to adapt seamlessly to the data at hand, adjusting based on what users chose. This resulted when the spreadsheet option was made exclusive to the current year while the PDF option remained accessible for previous years.

It's all about making things convenient for the user!

Statements UI on tablets

Mobile screens

I also made sure all designs were optimized for tablet and mobile devices.

UI Banking page on mobile device
UI Banking page on mobile device

My work

Court+

  • UI Design
  • Figma
  • High Fidelity
View Here
3 UI designs on mobile device

Meetz

  • UI design
  • Figma
  • High Fidelity
  • App design
View Here
UI Banking project thumbnail

UI Banking Design

  • UI design
  • Figma
  • High Fidelity
View Here

Artpals

  • UI design
  • Immersive
  • High fidelity
View Here

Student Portal

  • UI design
  • Figma
  • High Fidelity
View Here
Candle's Ring UI  on mobile device

Candle's Ring

  • UI design
  • Shopify
  • FIGMA
View Here

Gravol Site Redesign

  • UI/ux Design
  • XD
  • User Flow
  • Sitemap
View Here

Embrace The Curl

  • Illustration
  • Graphic Design
  • motion design
View Here

Nutro Effect

  • Print
  • package design
  • Graphic Design
View Here
Hover thumbnail of Instagram template project

Instagram Page Template

  • UI Design
  • Graphic Design
  • Social Media
View Here
Hover thumbnail of logos project

Logofolio

  • Illustration
  • Branding
View Here

More Design work

Here's some additional work in graphic design, illustration, brand development, package design and more.