Craftify

Craftify

crafting app, designed to inspire and empower craft enthusiasts.

crafting app, designed to inspire and empower craft enthusiasts.

Gerda

Project overview

Craftify, an innovative e-commerce app, redefines the crafting experience by seamlessly combining inspiration, supplies, and community. Empowering users to effortlessly discover, learn, and practice crafting techniques, Craftify serves as a comprehensive platform fostering artistic fulfillment. Curated offerings feature high-quality supplies, inspiring project ideas, and step-by-step tutorials, making it a one-stop destination for crafting needs.

The App Goal


the challenge

In a fast-paced world where time is a precious commodity, craft enthusiasts face the challenge of sourcing quality materials and tutorials efficiently. Traditional in-person shopping might be time-consuming, and existing e-commerce platforms may lack the specialized focus required for the crafting community. Craftify steps in to bridge this gap, offering a tailored solution to meet the unique needs of individuals seeking crafting inspiration and supplies in one accessible place

Craftify is a one-stop shop for all your crafting needs, serving as the ultimate hub to bring your creative dreams to life! More than just a regular e-commerce platform, Craftify provides not only high-quality crafting supplies but also step-by-step tutorials and inspiring project ideas to fuel your creativity.

Tools used

Design process


1

2

3

Research

User research

User flow

Story Board

Paper Wireframe

Wireframe

User Persona

Design System

Visual Design

Prototype

Empathy map


Competitive audit


Ux design

UI

4

Persona

User Flow

wireframes

Prototyping

Planning

Brainstorming

Organize Data

Research Documentation

Store Analyze Data

Editing Photos Mocups



Test

Usability

interview

Accessibility

Identify User Needs and Pain Points: Understand user behaviors and preferences to pinpoint specific needs and pain points in online craft shopping, enhancing the app experience.

Explore Decision-Making Processes: Gain insight into users' decision-making when purchasing craft items online, highlighting key factors influencing their choices.

Analyze Navigation Patterns: Investigate user navigation within the app to optimize layout and structure for intuitive exploration.

Evaluate Task Efficiency: Assess user efficiency in browsing, selecting, and purchasing crafting supplies, aiming to streamline the process.





Research


Craft Enthusiasts: Our primary target audience comprises individuals aged 22-55 who are passionate about crafts and DIY projects. They enjoy creating unique items using various materials and techniques.

Tech-savvy Individuals: Our target audience is comfortable with digital devices and online shopping, able to navigate and utilize app features effortlessly.

Budget-Conscious Shoppers: We cater to individuals who prioritize value for money, seeking quality products at affordable prices, and may appreciate bundled deals and discounts.

Demographic Location: Our target audience resides in urban and suburban areas with easy access to internet and e-commerce services, crucial considerations for our app's design and functionality.

Occasional Shoppers: Our audience consists of individuals who purchase craft supplies occasionally, often for specific projects, and appreciate clear product descriptions and images for easy navigation and selection.


research goal

Target Audience


Research


Target Audience


Persona


Empathy Map

Name: Emma Carter
Background: 28-year-old avid crafter, living in a suburban area, enjoys DIY projects in her free time.


Creating a persona was important for understanding the target audience I am designing the app for. By identifying pain points, needs, motivations, and frustrations, we can discern patterns of shared characteristics. Developing UX personas has been instrumental in guiding the design process..






Empathy Map

1. Clear Product Distribution.

    Organize crafting supplies intuitively for easy browsing. Utilize clear search for efficient navigation.

2. Crafting Tutorials:

Offer diverse tutorials for different skill levels. Enable filtering for tailored learning experiences.

3. Wide Selection, Simple Structure:

   Curate a diverse range of quality supplies. Simplify app navigation for effortless exploration.

4. Detailed Product Info:

    Provide comprehensive product descriptions. Enhance visibility with high-quality images.

5. Minimalistic Design:

    Opt for clean layouts and legible fonts. Focus on essential features for user-friendly

Ensure the app is accessible to users with diverse needs. Implement features like adjustable font sizes. Prioritize inclusive design principles for a seamless experience for all users

My possible solutions after research aligned with meeting user needs and improving user experience:

solution


In the early stages of developing our e-commerce app, I carefully studied our competitors to learn from their strengths and weaknesses. This analysis helped us identify opportunities and challenges that could impact the success of our app in the market.

Emma Carter Goal: To influence the group spirit for ensuring environmental consciousness through artwork. Ensuring there are sufficient materials available for larger projects.

Based on user research I gained a comprehensive understanding of user behaviors, motivations, and frustration and reached the most satisfying user experience.


Journey map


Competitive Audit

Journey map


Sketching

user flow

User flow allows me to ensure a seamless and intuitive experience for users navigating through the app. My goal is to create a user-friendly interface where users can easily find and purchase craft supplies. By mapping out the user flow, I understand the journey users take with in the app, identify potential bottlenecks or points of confusion, and optimize the design to streamline the process

story board

Storyboard I'm used to visually depict the user journey and illustrate key interactions and experiences within the app interface.

UI Design

Back icon

Going back icon moves you to previous page.

Selected item

Showing big screen of chosen item and description.

Buttons

Allows us to continue their task.

Navigation bar

Easy access to main features, like home, shopping card, tutorials adn account setting

Reviews

Let user to see reviews and made easier decision for purchasing .



Low Fidelity Wireframes

After i sketch my paper wireframe, I created low-fidelity wireframes for Craftify to outline the basic structure and functionality of the app interface. This allowed me to focus on key elements such as layout, navigation, and content placement, Additionally, low-fidelity wireframes facilitated early user testing and feedback, helping me identify and address potential usability issues and refine the app's user experience.

Home page

Item page

Add to favorite

Fast way to add materials to favorite, to save them for future.

Trending product

Shows users most popular products.

Trending tutorials

Displaying the most popular tutorials and projects to users.

Search bar

Allows users to search particular item, use filter system and save time.

full review

Ads banner

To present offers in applications

Product items

In home page we show tending products and tutorials and some categories

Categories icon

For easily to reach categories page

Fast filter

Let for user faster navigate in application

Bottom bar

Easy access to main features, like home, shopping card, tutorials adn account setting

Home page

Item page

I showcase the final version of high-fidelity mockup in case study to provide a clear representation of the refined design and user interface.

This allows me to visualize the evolution of the app from concept to completion, highlighting the key design decisions, features, and improvements made throughout the development process.




UI design

Card

Search Bar

Search

􀊫

|Search

UI design

Search

home

cart

Tutorial

account

Products

Tutorials

Products

Tutorials

Craftify

#598989

#F1E6D4

#CFBDA5

#629999

#323D3E

#324B4B

Bold

Semi bold

Regular

Lato

Aa

Design systems

Typography

Colour

Components

Categories

name for prodact

$00.00

Offers

shop now

Offers

shop now

Offers

shop now

Paper & carton

Instruction house from card board

4.8

Christmas dolls

Icons

Top bar


Button Navigation Bar


Top bar


Navigations Bar

Bottom

See All

Start

save

watch tutorial

Intro

all screens

Product pages

Card Process

Tutorials

Filter

Account

Favorites

My Orders

Thank you for watching !


Design process


Persona

User Flow

wireframes

Prototyping

Planning

Brainstorming

Organize Data

Editing Photos Mocups

Tools used

Tools used

Research Documentation

Store Analyze Data