.png)
The main task was to create a face of a small business and get the client independent from Etsy by building a customized Shopify store. The type of products that would be sold included handmade goods such as earrings, necklaces and ornaments.
Nifty Daisy's brand values were considered to be handmade, local and unique, since the products aren't mass produced. Using the Shopify platform, the reviews and some of the products were transferred from Etsy which was where Nifty Daisy's online presence originated from. The user experience of browsing and buying products was a priority and utilizing the Shopify platform made the process more seamless with a customized touch to fit the needs of the business.
Project Type
UX & UI
Client
Nifty Daisy
Project Timeline
2 Months
Overview
Process
Discovery Call
1 |
Ask Questions
Discuss
Definition
2 |
Outcomes
User
Research
3 |
Competitor
Industry
Develop
4 |
Design
Story
Shopify Store
Business Cards
Deliver
5 |
Discovery Call
Overview
Discover business perspective and needs by arranging an open discussion with the client that would gather insight. Keeping the chat concise through pre-planned questions and topics of conversation.
Source of Sales
Online Presence
How the Business Operates
Questions
Asking the right questions was important in gathering information. A set of non-leading and open questions were formulated prior to the call. the objective was to find out how the business operates and understand where the opportunity for improvement lies.
What are the types of challenges you face leading this business?
What is the nature of your business?
Walk me through how you operate your business from day to day?
Where do you sell your products?
What is the nature of your business?
Walk me through how you operate your business from day to day?
Where do you sell your products?
"I have a problem with how much fees I pay whether it’s online or in the galleries I sell at.
"I’ve been thinking about my own website for a long while now. Especially because I plan to move location and need to take my customers with me.
"The business card I’m using right now has some outdated information.
Old Business Cards
Nifty Daisy had pre-existing business cards. However, the details including the branding, contact details and links were out of date.
The goal was to give the design a refresh. Making the cards look more visually appealing. Whilst at the same time adding the latest information where customers can find and contact Nifty Daisy.
The goal was to give the design a refresh. Making the cards look more visually appealing. Whilst at the same time adding the latest information where customers can find and contact Nifty Daisy.
Requirements
Updated Online Links
Updated Contact Information
Improved Design
Definition
E-commerce Website
Business Cards
Social Media Announcement
Outcomes
After thoroughly discussing and then analysing the information gathered with the client. A set of outcomes were established.
Gender
Majority Women
AgeAdults 25-60
LocationUnited Kingdom
Analytics gathered from platforms where Nifty Daisy is active (such as Instagram and Etsy) revealed that majority of customers/viewers are adult woman from the UK.
Target Audience
Research
Competitor
Artists and shops that are creating similar products to Nifty Daisy were analysed based on user experience and design principles.
Negatives
Brand
Positives
Search Bar
Responsiveness
Checkout
Responsiveness
Checkout
Typography
Colour Contrast
Layout
Colour Contrast
Layout
Positives
Negatives
Brand
Brand
Professional Photography
Responsiveness
Contact Information
Responsiveness
Contact Information
White Space
Colour Contrast
Design Layout
Colour Contrast
Design Layout
Positives
Negatives
Region & Payment Options
Responsiveness
Navigation
Responsiveness
Navigation
Cluttered Announcement Banner
Uneven Image Scalability
Social Links & Contact Accessibility
Uneven Image Scalability
Social Links & Contact Accessibility
Brand
Positives
Negatives
Development
Design Guide
This is the foundation of Nifty Daisy’s visual appeal. The design guide makes it easier to transfer brand styling onto any medium. The colour scheme uses red to convey a sense of passion and is used in the logo's heart symbol. The fonts have a rounded and friendly appeal whilst also looking elegant.
Upsdell Red
Main Colour
Raisin Black
Secondary Colour
Orange-Yellow
Accent Colour
Anti-Flash White
Text/Background Colour
Colours
Damion
Decorative display font
Marigny
Text font
abc 52pt
abc 36pt
abc 24pt
abc 52pt
abc 36pt
abc 24pt
Typography
Horizontal Logo
Symbol Logo
Photography
Product photography is crucial to Nifty Daisy's visual communication with potential clients. High-quality photography makes a product presentable and is more likely to make an impression. It's also an opportunity to show what inspires the artist, nature.
Brand Values
Unique
Artistic
Handmade
Creative
Development
Website
Wireframes
These wireframes were created to show the structure of the website. The two crucial functions include browsing the shop and the ability to contact the artist if needed. These wireframes cover the most important pages.
About
Contact
Home
Products
Final Design
Using the Shopify platform, the e-commerce website was built to the specification of the wireframes. With additional features as means of improvement.
About
Contact
Home
Products
Imported Etsy Reviews
Customer Feedback Form
Instagram Showcase Reel
Screenshots
Additional Features
Taking advantage of plugins, additional website features were added to improve user experience and benefit the business.
Why?
Imported Etsy Reviews
Gain credibility and trust of potential customers.
Instagram Showcase Reel
Online marketing and building an audience.
Customer Feedback Form
Gathering customer satisfaction rates and testing.
