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
Hifi Wireframe
Branding
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.
Direct Competitors:
Sapphire Heart Photography, Naomi Hopkins, Love Byrd Portraits​
​
Indirect Competitors:
Matt Stewart, Vanessa McKeown , Stephen Vanasco, Heather O'Leary, Max Montgomery, Peter Mckinnon
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:
​
-
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)?
-
What are your goals/motivations when visiting one of these sites?
-
What are some frustrations you have encountered when you visit these sites?
-
Was there a standout feature you found that was especially helpful?
-
What would motivate you to visit one of these sites again?
-
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

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

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.
%20(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



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

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