Flick Pick
Flick Pick is my very first UI project, it was a final project for an online course I've taken by the end of 2024.
The request was to imagine any app of our choice and design for 2 user flows, It was more of a practical project to hone our skills using Figma:
- Figma styles for color palette and type system
- Figma components for reusability
- Auto-Layout for making complex layout easier to achieve and maintain later.
I like movies so I chose a cinema ticket booking app, with 2 choose flows being:
- Authentication: Login/Signup/Forgot Password screens.
- Booking a Ticket: Movies/Movie Details/Choosing a Seat Screens.
---
Color Choice
The 3 primary colors were Red/Black/White, they were inspired by the interior design choices for cinemas.
Components Built
Multiple components - with multiple variants - were built to achieve consistency and reusability including:
- Button (& Icon Button)
- Navigation Bar
- Chips
- Date & Time Pickers
Login/Signup Flow
Book a Ticket Flow
-----
4 Claps
Average 4.0 by 1 person
You might also like
Project
Customer Journey Map for a Co-Working Space
In this project, I made a Customer Journey Map (CJM) for a co-working space. The goal of this project is to understand how customers feel an
Project
Reimagining Asana's Color System
I created a color system based on Asana's current project management tool. Accessibility and the emotions the colors evoke were the primary
Project
Latios - Free Portfolio Template for UX/UI Designers
Overview I built Latios because I kept seeing the same problem: designers with solid experience getting stuck trying to launch their portfol
Project
Workspace Booking Flow - UI/UX Design
Project
Responsive Main Screen
Project
Login/Sign up Form
Features: Clear focus state Built-in autofill support Instant validation/feedback Smart register/sign-in switching* Social/guest access opti
Popular Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.