UI/UX DESIGN
SWIFT
OVERVIEW
Project brief
Swift is a private art gallery that needed a promotional website to introduce the gallery to the people and show a glimpse of what's waiting for them at the gallery allowing them to book tickets to attend the next gallery.
Problem
Goal
Creating a simple 1-page website for the gallery while following the brand identity of the subject and artist. allowing people to learn about the gallery and book tickets for it
Tools
Figma, Figjam.
PROCESS
1
Empathise
Gain real insight into users and their needs
2
Define
Define the problem statement in a human-centered manner
3
Ideate
identify innovative solutions to the problem
4
Prototype
produce a number of scaled down versions of the product
5
Test
test solutions to derive a deep understanding of the product and its users
Empathise
Research
Interview was made with the artist to understand the atmosphere of the gallery and get some details about the artworks and fans.
Key findings
- The general atmosphere is about hope and freedom
- Most of the artworks looks like old Greek sculpture
- Fans are looking for a fancy, clean atmosphere
"If I had to choose one thing I love, I'd say wings"
Participant
Define
What does the product do?
Why should the user care?
Ideate
Competitive audit
Prototype
User flow
Before starting to prototype, I created a flowchart to define each route, step or decision the user might take to ensure that every step will go smoothly without issues.
Information architecture
Content was structured in the simplest way to make sure everything was designed in a simple way without missing a screen that's valuable to users.
Paper wireframes
I simply used pencil and paper to create wireframes to use them as blueprints before spending time on mock-ups and actual design elements, and to ensure that I'm heading in the right direction.
Lo-Fi Prototype
To make sure the design concept works as intended, a lo-fi prototype was created for testing. after feedback, the concept was optimized and altered to meet the user expectations to take a step forward to design elements.
Design elments
Colors and typography were the vital factor in this project. Choosing sharp elements, fancy and calm colors that match the brand identity and the target audience without affecting the artistic atmosphere of the artworks.
COLORS
TYPOGRAPHY
Hi-Fi Prototype
Test
Usability study
Because user is the center of our design process, testing is done in every step of the prototype. It's a loop going back and forth trying to achieve the best outcome every time. usability study tests how the user sees the product. it allowed me to improve the app and make it simple and quick to use.
Prototype
Test
Final product
What have I learned from this project?
The more calculated spaces you have, the fancier you can get and calmer for the eyes.
MORE PROJECTS
