A digital tribute to keep Picasso's art and legacy alive
Role
UI/UX designerAcademic project
Field
Art and culture
Timeline
1 month
Audience
Art lovers and general visitors
Scope
Selected pagesNavigation, homepage and biography
The brief
Redesign Picasso's website into a tribute that is easy to navigate, explore and enjoy.
NavigateReplace a crowded menu with clear, predictable sections.
FindMake any painting findable by its name or year.
EngageTell his life as a short, visual story.
Process
Test, redesign, then test again
An academic project in usability testing: evaluate a live website with real users, redesign it from what they struggled with, then evaluate it again with the same methods, so every change is measured against where it started.
01
Formative evaluation
Moderated think-aloud sessions on the existing site, to find usability issues.
5 participants · 3 tasks
02
Redesign
Improving problematic areas based on findings.
Structure, brand, screens
03
Summative evaluation
The same sessions on the redesign, to measure what changed.
Same people · same tasks
How each session ran
Moderated usability testing
In-person sessions on the live site. Each participant worked through task scenarios while I observed where they hesitated, backtracked or gave up.
Think-aloud protocol
Participants said what they were looking for and thinking as they went, so every pause and wrong turn came with a reason.
Recorded for every taskActionsThoughtsEmotionsSuggestions
The same scenarios, methods and measures were used in both rounds: a formative evaluation of the existing site, and a summative evaluation of the redesign.
Problem analysis
What did the existing site look like?
As someone deeply interested in art, I came across Picasso's website and found it difficult to navigate, with scattered information and an outdated design. This project focused on three parts of it: the navigation bar, the homepage and the biography.
What this project coveredPaintings, Drawings, Quotes and Fun Facts sat outside this project.Visit pablopicasso.org ↗
pablopicasso.org
Scroll inside
Formative usability testing
How did people get on with it?
A moderated, in-person usability test with 5 participants: art enthusiasts, students and general users. Each one thought aloud while completing three task scenarios on the existing site, and I logged their actions, thoughts, emotions and suggestions.
Tasks
Find Ma Jolie (1911–1912)
Find a 1937 painting
Read a Cubism fact
Actions
Navigate through the Gallery section
Scroll to locate Ma Jolie (1911–1912)
Click to view details
Explore the Gallery for paintings from 1937
Check artwork descriptions for the year
Identify at least one painting from 1937
Go to the Cubism section
Read about the movement
Share one interesting fact
Thoughts
Scrolling took too long; no easy way to jump to a specific year
The gallery layout felt cluttered and overwhelming
No search bar or filters
–
Had to open multiple paintings to check the date
Expected to find a categorised timeline but couldn't
No search bar or filters
–
Text was dense and hard to skim
There were no engaging visuals to break up the text
Some facts felt too academic and difficult to understand
It was hard to tell what was most important in the section
Emotions
😣😟😵💫
😫😰
🥱😵💫😓🤓
Suggestions
Categorisation of paintings
Add a quick-jump option for time periods
–
Include visible dates alongside artwork
Dedicated timeline for different painting periods
Provide a list or grid view
Break information into smaller sections
Use images and graphics
Highlight key facts
Where testing landed
Sort the art by year and period, make it searchable, and turn the text into short, visual stories.
Redesign development
Structure first, then the brand
On the old site, most content was buried inside a long, flat menu. I mapped the entire website into clear sections, so every page has a place in the navigation. Three of these pages were designed in this project.
Information architecture
Homepage
About
Biography
Artistic movements
Legacy & impact
Fun facts
Quotes
Artworks
Masterpieces
Paintings
Drawings
Art periods
Multimedia links
Museums and Visits
Museums displaying his work
Past exhibitions
Future exhibitions
Virtual tours
Store
Art prints & posters
Books & catalogs
Merchandise
Limited edition items
Contact
Message form
Newsletter signup
Privacy & concerns
Design system
Built from Picasso's own work
Colours, type, the logo and core components, drawn from his paintings, his words and his self-portrait.
PoppinsPoppinsHeadings, body and buttonsState Clean StencilLogo only
Logo design
=
His self-portrait, reduced to a profile, and his sun, turned into raysComponents
Primary buttonMain call to action
Button →Default
Button →Hover
Secondary buttonSupporting action
ButtonDefault
ButtonHover
Stepper and closeStore quantity; closing menus and pop-ups
1Default
×Default
×Hover
IconsNav, buttons and store
Search
Next
Back
Cart
Profile
Favourite
Bag
Design
Working prototype
A working build of the redesigned navigation, homepage and The Life of Picasso, with notes on the key decisions.
pablopicasso.org
“
Everything you can imagine is real.
-Pablo Picasso
Welcome to Picasso's World
Discover the art and legacy of Pablo Picasso, the iconic 20th-century artist. Explore his masterpieces, learn about his life, and experience his enduring influence.
Picasso's Palette
Immerse yourself in Picasso's dynamic artistry, from the Cubist innovations of "Les Demoiselles d'Avignon" to the emotional depth of his Blue Period. Explore the full breadth of his creative evolution.
Embark on a global tour of exhibitions and museums dedicated to showcasing Picasso's masterpieces. Discover prestigious venues around the world where his artworks are celebrated and explore renowned Picasso museums dedicated to preserving his unparalleled legacy.
This timeline chronicles the extraordinary life of Pablo Picasso, tracing his journey from humble beginnings in Spain to global acclaim as a pioneering artist. Delve into Picasso's personal and professional milestones, from his early years of artistic experimentation to his revolutionary contributions to movements like Cubism. Explore the vibrant tapestry of Picasso's life, marked by passion, innovation, and a relentless pursuit of artistic excellence.
Timeline
1901 – 1930
1901 – 1904Emotional Blue Period
1903
During his Blue Period, Picasso's work was characterized by themes of poverty, melancholy, and despair, often depicted in shades of blue. This period reflected his own emotional struggles and empathy for the marginalized.
1904
Picasso's encounter with Fernande Olivier marked the beginning of a significant personal and artistic relationship. Olivier became his lover, model, and muse, influencing his work during this period.
1911 – 1920Cubism and Personal Turmoil
1911
Alongside Georges Braque, Picasso co-founded Cubism, a revolutionary art movement that shattered traditional notions of perspective and representation. Cubist artworks depicted objects from multiple viewpoints, challenging viewers to reconsider their perception of reality.
1918
The aftermath of World War I and the death of his close friend, the poet Guillaume Apollinaire, plunged Picasso into a period of personal and artistic turmoil. He grappled with themes of mortality, loss, and existential angst in his work.
1921 – 1930Surrealism and Experimentation
1925
Picasso's relationship with Marie-Thérèse Walter marked a new phase in his art, characterized by sensual, organic forms and vibrant colors. Walter's influence inspired a departure from Cubism towards a more fluid and expressive style.
1927
Picasso briefly associated with the Surrealist movement, collaborating with artists such as André Breton and Salvador Dalí. Though he never fully embraced Surrealism, elements of the movement, such as dreamlike imagery and the subconscious, permeated his work.
1930
Picasso's marriage to Olga Khokhlova deteriorated, leading to separation. The personal upheaval mirrored broader changes in his artistic direction, as he continued to explore new techniques and themes.
Scroll inside
Validation
Did the redesign work?
A summative evaluation of the redesign, with the same participants, same task scenarios and the same think-aloud method, so the results compare directly with the first round.
What improved
Navigation felt predictable
Clear sections replaced a crowded menu, and participants found their way without help.Clear sections replaced a crowded menu.
Search was where they looked
With search in the navigation, participants reached for it first and found Ma Jolie quickly.Search in the nav was the first thing they used.
Categories made browsing easier
Splitting the art into paintings, drawings and periods on the homepage made it easier to browse.Paintings, drawings and periods made browsing easier.
Reading felt like a story
Short, visual entries made the biography easy to skim, and participants said the timeline felt like a story.Short, visual entries were easy to skim and felt like a story.
Task by task
Tasks
Find Ma Jolie (1911–1912)
Find a 1937 painting
Read a Cubism fact
Actions
Search Ma Jolie (1911–1912) using the search bar
If not, go to Artworks on the navigation bar
Under Artworks, click Paintings and browse by year
Locate 1911–1912 under the Cubist Period
Click on Ma Jolie to view details
Go to Artworks on the navigation bar
Under Artworks, click Paintings
Browse paintings categorised by year and find 1937
Click on a painting from that year
–
Go to About on the navigation bar
Under About, select Artistic movements
Scroll to the Cubism period
State one interesting fact
–
Thoughts
Search made it much faster
Paintings were well-organised by year
Details were easy to find
–
Year-wise categorisation helped
Good to have search bar and filters now
The layout was visually pleasing
Navigation was easy
It was easy to skim through facts
Reading experience was much better
Felt like a story, really engaging
Only essential info was added and was easy to understand
Emotions
😌😊😄
🤩🫶🏼👏🏼😌
🤓👍🏼🫱🏼🫲🏽
Suggestions
Add a save feature for favourite paintings and articles
–
Offer a dark mode
Use micro-interactions
Add subtle animations
–
What's next
Design is never truly finished. The redesign made the site more accessible, structured and engaging; the next iteration builds on what participants asked for.
Saved favourites
Save paintings and articles to come back to.
Dark mode
A darker theme for browsing the art at night.
Micro-interactions
Subtle motion that responds as visitors explore.
The remaining pages
Art exploration, Museums and Visits and the Webstore, grown from their homepage sections.