Roles

  • UX
  • Development
  • Research
  • UI Design
  • Content Creation
  • Wireframes

Website

Overview

Andreia Costa is a landscape photographer, who needed a way to display the authenticity of her craft, and came to me for a platform for that purpose. She expressed to me that, she travels to take certain pictures and requires and that they require a lot of editing of the same. I never got in contact with the world of landscape photography, so it was for sure a challenge. I had to study the community and different strategies from other landscape photographers.

Goals

Create a platform like an exibition

Explain the art and artist

Organize the photos by theme

Create an organic way of displaying photos

Keywords

Photography

Sensations

Capture

Exposure

Exhibition

Awards

Landscape

Problem

The art to show a picture is more complex than it seems. Normally people wouldn’t want to see photography just based on location. There needed to be some intriguind factor or some order on the way photos were displayed. The need to create a narrative is necessary, because this storytelling will dictate the travelling of the photos. The sole purpose of this project was to display the photos in order, so later she could be contacted.

Competitive Research

I never had contact with the Landscape Photography
industry, to study the strategies, the order of layout, themes,
colour, display, typography and how they present
themselves.
Therefore i developed a research.

Beyond The Lands

Pros

  • Good opening
  • Excellent layout choice
  • Simple

Cons

  • Menu too long (to many options)
  • No supportive user Journey
  • To much information

Jacinto policarpo

Pros

  • Clean
  • divided by themes
  • intro well performed

Cons

  • To much text
  • No language coherence

Miguel Claro

Cons

  • No Theme
  • No typography hierarchy
  • Bad colour scheme

Results

It is important to clarify a path, and a narrative to create an order of view the art of landscape Photography

Personas

With the result from the user research came the creation of personas. Tried to fill in the most of the results that the interviewed gave.

User Journey

After defining personas it was essential to do a user journey also due to the fact of wanting to create a narrative, in order to view the photo you desire.

Sitemap

After understanding the emotions and the journey of the user, i created this information architecture to guide and ensure that the narrative and the purpose of the project was given to the user. The sitemap was design with the information distributed to the respective page.

User navigation

After the information was distributed, the user navigation was formed to construct the way the ways the user would be guided.

Wireframes

After that, the lo-fi wireframes were formed. We let similar layouts during pages but and a espeficic layout for the photos.

UI Kit

In this project the elements were selected in order to highlight the images. To create an line of narrative that would go with the image it took some discrepancy.

H1- This a Heading all in uppercase

H2- This a Heading all in uppercase

P- This a Heading all in uppercase

Developement

After the whole design, I developed the website in HTML and CSS using Visual Studio code. I Made the website responsive in all matters and then it got published.

Conclusion

In this project the challenge was to match the style of photography by Andreia. Since the images are so diferent from each other, even though they are all landscape, it came the adversity, to organize the content. However the creation of categories made the ux experience of website functional and engaging.