top of page

Simitry

UI/UX • Research • Branding • Wireframe • Prototype

Background

coming soon

The Problem

 

There are many creative websites and it’s difficult to make one stand out while ensuring the client's creative vision remains intact. Photography in particular proves a unique challenge in that the work needs to speak for itself. The website needs to provide the necessary information but it’s important to not detract from the work while doing so.

 

The Goal

​

Create a unique website for a photographer to showcase their work, sell prints, and provide bookings. Ensure the website maintains the client's unique style and vision and provides the necessary information.

​

​

What do they want? The client wants the photography to be front and center. They do not want a lot of text. They want minimal and simple navigation. The client called and I discussed the importance that users are aware immediately of the clients offerings, portraits and landscape photos. Client wants to make sure users know he offers multiple services as soon as they land on the website.

 

Platform: Wix Studio

 

Who is visiting this site: Potential clients for the photographer. People who want to buy the photographer’s work. 


​

Stakeholder Meeting

Content

Research
Competition
User research


 

Define
User Groups
Personas

 

Ideation
Site Map
Navigation Flow Chart
Lofi Wireframe
Hif
i Wireframe
B
randing
The Website

The Design

 

Usability Testing
Prompts
Summary


 

Conclusion

 

RESEARCH
the competition

I observed and noted the strengths and frustrations from various direct and indirect competitors in the photography business that produced similar work to the client. 

Overview

​

I have found that most of these websites are either dripping with style or are completely lacking in it. It depends on what kind of work the photographer produces. Typically the more artistic types have very minimal pages exclusively on white backgrounds. It becomes boring going from site to site because they all just blend. The photos are meant to be the focus, but when everything is so bland and uninspiring, you forget what you’ve seen. There is no stick factor. The photographers who do photo shoots have consistent styles across their sites. Unfortunately, these websites also come with a lot of information right from the start so it can feel a little overwhelming. 

 

Strengths

The strongest websites had a strong sense of hierarchy that allowed a user to seamlessly and efficiently scroll through the websites. These websites utilized typography and color to do so.

 

Frustrations

The most frustrating thing I found was too much text. Understandably, a website that is advertising its services needs to say what it does, but too much text becomes tedious and attention spans are short. 

Additionally, it was frustrating how little thought went into the overall design of a lot of the websites. Many, particularly the artist photographers, are simply posting their photos. They don’t take into account margins, spacing, or hierarchy. 

 

Thoughts

A good way to avoid having too much or too little is to effectively utilize the header. A landing page needs to give a good and succinct overview of what the artist is about and what they do. The client wants a very minimal header so I need to be able to make as much use of it as possible. I don’t want a user to land on this website and be immediately overwhelmed with how much information there is. Everything needs to be well organized and the user needs to be able to glide effortlessly throughout the website. The website needs to show exactly what the client wants.

User Research

Goals 

  • Why would a user want to use this website?

  • How might a user use this website to fulfill their needs or goals?

  • Identify any pain points that users have experienced with similar websites.

Method

For my user research, I created a Google Form that I sent out to willing participants. I asked questions pertaining to the users experience using a website to seek out similar services to what the client offers.​

I asked my participants the following questions:

​

  1. Could you describe an experience where you visited a website to visit an artist’s work or employ their services (or any kind of service where you needed to see a sample of their work)?

  2. What are your goals/motivations when visiting one of these sites?

  3. What are some frustrations you have encountered when you visit these sites?

  4. Was there a standout feature you found that was especially helpful?

  5. What would motivate you to visit one of these sites again?

  6. Is there anything you would like to add or mention that might be beneficial?

Summary of Answers Given:

Most of the participants in this research study had experience and were interested in art and/or photography. They were familiar with visiting an artist's website to find more of their work or purchase some of their work. Most participants expressed that having a simple header with fewer dropdown menus and options made for a positive experience. Being able to know what the website and artist are about right from the landing page was something several appreciated. They didn’t want to dig around or scroll for ages to find the information.


 

​

Frustrations using similar website

 

  • Cluttered menus systems made navigation overly complicated

Motivation to use similar apps:

​

  • Hire and artist for session work

  • Buy prints/merchadise

  • Learn about an artist and what they're about

  • To find what they're looking for with ease

Motivation for continued use:

 

  • To see updates and new work from the artist

Standout Features:

 

  • Beautiful photography to showcase work

  • Organized landing pages

  • Showing options for what the website was offering (frames, photo sizes)

DEFINE
The Users

I created two user groups that best represented the website's demographics. Based on these two user groups I created two personas. 

Group One
 

  • Knows about the product already 

  • An active member of the community

  • Has been doing fiber arts for several years

  • Is quite specific with the products they use

  • Makes things to sell

  • Less technologically inclined

persona_as2_edited.png

Group Two
 

  • Newer to fiber arts and is still learning

  • Loves various crafts

  • Wants to go further with this hobby so is looking for better-quality products

  • Makes gifts for others

  • Experienced with various websites

persona_as22_edited.png
IDEATION
Site Map

In considering my two personas, I needed to ensure that the website would be easy to navigate. It was also important that I include the required information and subpages while making sure the everything remained organized for easy browsing. 

FLOW (Copy) (1).png
Navigation
          Flow Chart

I created a navigation flow chart to better visualize the navigation process of the website. It's important the the chart is easy to follow and not convoluted.

Sketches & Wireframes

I created my sketches in Illustrator and then continued with my Lofi and Hifi wireframes in Figma. The sketches gave me room to experiment with the layout, whereas my lofi wireframes gave me a better idea of proportions and allowed me to visualize the details. After deciding on which layouts to move forward with, I continued with my hifi wireframes  where I was able to apply my color palette and photography and truly begin to visualize the website.

Sketches

sketches-02_edited.png

Lofi Wireframes

Hifi Wireframes

Landing Page Desktop and Mobile

About Us Desktop and Mobile

Breeds Desktop and Mobile

Individual Breed Desktop and Mobile

Branding

I created the logo for Antique Sheep a year before I was tasked with redesigning the website. As I was experimenting with typefaces, I began a subtle logo redesign that better fit the aesthetic I was trying to build based on the client's requests. 

​

The client requested that the color palette be sophisticated and include blue. I took the vibrant blue from another website of theirs (a sister site of Antique Sheep) and branched off with a deeper shade and added a deep gold for a sophisticated "antique" look. 

​

I chose Lora for my primary typeface for headers and subheaders. It is a serif and adds class especially when I combine the regular font with the italicized font. I found that Mukta Mahee paired well with Lora for my body text. It is an unassuming sanserif that doesn't detract 

ui_kit_edited.png

Website Prototype

I created my prototype as an interactive website. I'm still refining design details, but the interactivity and user interface is set. 

The Design

Coming soon

Usability Testing

Coming Soon

CONCLUSION

© 2023 by Sarah Matthews. Proudly created with Wix.com

bottom of page