New information architecture & redesign

How might we encourage users to spend more time exploring the website?

Basia's portfolio was my first project going into digital design, my redesign stayed only in a concept form, but the minimalism and concentration on UX of the site has been translated to later Basia's sites.

UX/UI design
B2C
not shipped
ROLE

UX /UI Designer, UX Researcher

The team

Stakeholder

Picture of a laptop and a phone with a photographers' portfolio opened
the problem
In 2022 I joined Basia to work on her photography portfolio. I helped her in the search for a visual direction of the website.

THE RESULT

This project gave the client a clear idea of what needs to be improved for longer average time spent on her website and a higher conversion rate.

BRIEFING

VISUAL DIRECTION: LOOK & FEEL OF THE WEBSITE

I’ve interviewed the stakeholder to learn about websites’ issues, the clients’ needs & desires and the target audience that she had in mind. I've understood that there's a need to find a visual direction for the website, that's supposed to feel professional & invite people from all walks of life.

TESTING

VISUALS VS. USABILITY – PRETTY PICTURES, BUT I'M LOST

To understand the user’s point of view, I’ve tested the previous design with non-ideal users, asking them to explore particular user journeys. They users pin-pointed more and less obvious flaws of the website. Even though the art was compelling, the users' feedback about the website was focused on the feeling of confusion & frustration about WIX.

I've learned that non-ideal users find issues that can make the website more user-friendly, but it is the ideal users that can make the website feel customised and meet the correct expectations.

HEURISTICS EVALUATION

BREAKING DOWN of THE website

To understand what’s wrong with the previous design, I’ve went with a heuristic analysis of it.

I’ve found: unclear information architecture, technical issues related to WIX, blog articles that were published as JPEGs, forms were not working properly and there was a pop-up about a non-existing newsletter that was used only to collect emails. It meant for the users – frustrating experience on mobile, getting false expectations regarding the newsletter & general feeling of being lost.

Main page insights
  • Lack of visual hierarchy & consistency – every subpage is a bit different, creating confusion for the user

  • Failed WCAG contrast recommendations – some of the copy on the buttons was illegible

  • No responsive mobile version – making it possible to look at the portfolio only on desktop viewports

PRIORITIZING CHANGES

PHOTOGRAPHY FRONT AND CENTER

The stakeholder's priorities were: showcasing her art, sharing her blog, and selling basic photography lessons.

Therefore, I aimed for a simple design & a flat site map suitable for a small website.

CHECKING-OUT THE COMPETITION

INSPIRED BY THE BEST

I've prepared a comprehensive competitive research to understand how photographers' position themselves by means of their websites.

Inspired by top photographers, I found out that simple websites made the most professional impression, suitable for a diversified target audience.

DESIGN SOME AND THEN SOME MORE

I exercised my layout skills on different subpages to put the photographies front and center. Made with the support of common industry patterns and UX principles to elevate my design.

Blog post wireframe with text in the middle of the screen to make it readible
Blog post wireframe with text in the middle of the screen to make it readible
Blog post wireframe with text in the middle of the screen to make it readible
Blog post wireframe with text in the middle of the screen to make it readible
ABOUT MY APPROACH
This project came about because I enjoy helping people pursue their dreams and support local entrepreneurs.
Next time I know to take more time to research the issues, be braver in the art direction exploration, to focus more on microinteractions and to test after designing to check-in my decisions with users.