loading

Hashtag Guru

Intelligent content tagging and publishing

Summary


For establishing a brand in online space, effective channeling of one’s content is indispensable.The key this is HASHTAGS. Tagging helps the content reach the 'correct audience’, who willnot only appreciate the worth of the products, but also possibly translate their appreciationinto actual sales.

For many art-based businesses, even the established ones, there is a gap in understanding theimportance of hashtags. The process of choosing relevent, effective and popular tags isobscure and confusing - they often don’t understand why certain posts perform better thanothers.

#box

#cube

#square

Hashtag Guru aims to simplify this process.

When an artisan is ready to post a photo, theycan upload it into the application which willthen attempt to identify the product andsuggest relevant hashtags.

Artisans can then pick and choose whichhashtags to associate with their photo,complete the composition of their post, andshare it out across all of their social mediaaccounts.

This mobile-based solution also provides a staging area for the content development,allowing users to consistently develop posts for multiple online platforms simultaneously,thereby, largely reducing the publishing effort needed for each platform individually.

INTERACTIVE PROTOTYPE

PROCESS

DESIGN

RESEARCH

IDEATE

TEST

Brainstorming Concept SketchesUser feedback sessions User personasJourney Mapping
Storyboarding

Usability Testing
SUS
NASA TLX
Learnability assessment
Refinement & Iteration

Literature Review Competitive AnalysisField Research
User Interviews Affinity MappingEmpathy Mapping

Concept Refinement
Information Architechture Paper prototypeUser flowsWireframing
Interactive prototype

PROCESS

  • RESEARCH

    Literature Review
    Competitive Analysis
    Field Research
    User Interviews
    Affinity Mapping
    Empathy Mapping

  • IDEATE

    Brainstorming
    Concept Sketches
    User feedback sessions
    User personas
    Journey Mapping
    Storyboarding

  • DESIGN

    Concept Refinement
    Information Architechture
    Paper prototype
    User flows
    Wireframing
    Interactive prototype

  • TEST

    Usability Testing
    SUS
    NASA TLX
    Learnability assessment
    Refinement & Iteration

ROLE

TOOLS

Developed and refinedconcept sketches on designalternatives. Conducted userfeedback sessions for conceptrefinement.

Conducted Literature Review,User Interviews and AffinityMapping. Derived EmpathyMaps and User Personasbased on research.

RESEARCH

Affinity Maps Empathy MapsJourney Maps
Personas

ANALYSIS

IDEATE

DESIGN

Sketch
Adobe XD
InVision

Developed informationarchitecture, paper prototypeand user interaction flow forthe design. peer-reviewedwireframes and interactiveprototype for refinement.

Refined concept design basedon task-based usabilitytesting sessions conducted bythe team.

DESIGN

TEST

TEST

SUS
NASA TLX

ROLE

RESEARCH

Conducted Literature Review, User Interviews and Affinity Mapping. Derived Empathy Maps and User Personas based on research.

IDEATE

Developed and refined concept sketches on design alternatives. Conducted user feedback sessions for concept refinement.

DESIGN

Developed information architecture, paper prototype and user interaction flow for the design. peer-reviewed wireframes and interactive prototype for refinement.

TEST

Refined concept design based on task-based usability testing sessions conducted by the team.

TOOLS

Affinity Maps
Empathy Maps
Journey Maps
Personas

ANALYSIS

Sketch
Adobe XD
InVision

DESIGN

SUS
NASA TLX

TEST






Problem Space


When artisans put their products online, they try to do more than just generate commerce; they strive to
communicate the value and worth of their creations through:

time
invested

the
effort

quality
of materials

thought
& ideology

Hence, a large effort goes into creating the content for online platforms. The process inludes:

Preparation

Publishing

Refinement

Action

Choose & line up theproducts. Set up one, takeshots from multiple angles.Play around with settings.

Plan the space, lighting. Set upthe backdrop and accessories.Try many camera settings & takesample pictures

Analyze the pictures. Choosegood ones & edit. If notsatisfied, take photographsagain.

Write content description.Highlight the product features.Add hashtags and mentions.Post on channels.

As simple as this process looks, it becomes really tedious as the number of products go high.

Yay!

We proposed a solution for each of these stages, which were then evaluated with the users. Based on theirfeedback and, and constraints around technical feasibility, we chose to purse the design to improve contentpublishing, which resulted in Hashtag Guru.

  • Preparation

    Plan the space, lighting. Set up the backdrop and accessories. Try many camera settings & take sample pictures

  • Action

    Choose & line up the products. Set up one, take shots from multiple angles. Play around with settings.

  • Refinement

    Analyze the pictures. Choose good ones & edit. If not satisfied, take photographs again.

  • Publishing

    Write content description. Highlight the product features. Add hashtags and mentions. Post on channels.

As simple as this process looks, it becomes really tedious as the number of products go high.

We proposed a solution for each of these stages, which were then evaluated with the users. Based on their feedback and, and constraints around technical feasibility, we chose to purse the design to improve content publishing, which resulted in Hashtag Guru.

Yay!






Our Solution

Hashtag Guru app screen

Hashtag Guru simplifies the process of finding and attaching relevant, trending hashtags to product photos. It helps reduce the
confusion and tedium surrounding the production and distribution of content for their social media accounts.

KEY FEATURES

Hashtag Recommendation

Favorite tags

Commonly used tags foreasy access

Trending tags

Image recognition

Tags identified as trendingbased on season, upcomingfestivals and user’s followers

App will identify contextualinformation of the phototin terms of item, materialand theme

Recommended tags

Recommendations basec onimage analysis and user’shistory

Hashtag Guru app screen

Hashtag Preview

Tag Analytics

User can see the analyticalinformation about the tag

Social media mapping

Tag analytics is organisedbased on different socialmedia platforms

Associated Content

Users can preview theimages posted under a tagto verify its relevance

Hashtag Guru app screen
Hashtag Guru app screen

Content staging & Preview

Staging Area

User can formulate contentbefore posting.

Platform integration

Users can choose whichplatform to aim for

Content editing

Users edit the content foreach platform individually

Social media mapping

Users can preview how theirpost will appear on each ofthe chosen social mediaplatforms

Scheduling

Post can be scheduled for alater date and time as well

Hashtag Guru app screen
Hashtag Guru app screen
Hashtag Guru app screen

Scheduling & Planner

Post scheduling

Calendar View

Planning for events

Users can schedule theposts to be published at alater date and time

Users can see the poststhey have scheduled inrelation with upcomingevents.

Users can choose & planthe events for which theywould like to create content

Post analytics

Hashtag Guru app screen
Hashtag Guru app screen

Hashtag Analysis

Users can select specifictags to view more granulardata on how the tagscontributed to the overallsuccess of the post.

Post analysis

Users can view analyticsdata on how the postsperformed in terms offollower growth, outreach,user engagement & othermetrics

Platform Analysis

Analytics data is alsoavailable for every platformon which the post wasshared

Hashtag Guru app screen

User Profile

Posting Preferences

Users can specify how theapp should handle tags inrelation to the rest of thecontent within their post

Platform management

Users can link their socialmedia accounts and theire-commerce stores to theirprofile

Saved Groups

Users can view & edit theircollection of tags that theyhave saved as favorites.

User flow: post creation

USER FLOWS

User flow: planner
User flow: analytics



Behind The Curtains


Stage 1: Research

We started off with understanding how artist-based businesses work towards establishing a brand in a local community and identifying
the factors that dictate a brand’s success.

Major stakeholder groups

Art-stores operatea store/platformthat showcasesartists’ crafts.

Artists operateindependently, orin small teams.

Artisans

Art-store

Research tools

  • Artisans

    Artists operate independently, or in small teams.

  • Art-store

    Art-stores operate a store/platform that showcases artists’ crafts.

Research tools

Contextual Inquiry

Secondary research

Field observation

Open-ended
interviews

Semi-structured
Interviews

Problem space expance

Initial findings

Establishing brand

Store
real-estate

Inventory

Populace

Digitisation

Time

Marketing

Branding in online space

Social Media

Personal Website

Omnipresence

They use social media formarketing & e-commerce.However, it requires frequentmaintenance to ensure thehigh traffic.

They also own websites serving ascatalogue and e-commerceplatform. However, there is noincentive for bringing in traffic,unlike social media.

Businesses need maintain activepresence on every online platform,leading to an overhead of time,effort and money in managingthem.

Stage 2: Analysis

All the information gathered previous phase from the interviews, observations and contextual inquiries was mapped to and analysed
using the a number of methods.

First, the problem space was refined using Affinity Diagramming.

Affinity diagramming

Since the problem space was diverse and expansive, we used the affinity diagramming tocapture the natural relationships that emerged from large number of insights we gatheredearlier.

Affinity diagram of the interview notes
Themes from the affinity diagram: online presence, problems in business management, community involvement and information gathering

We were able to extract common themes across the artisans’ experiences that are shown below

Using these findings, we ideated on various 'How-might-we’ questions to establish a clear problem space and consolidate enough
details to guide us towards solution

help artisans find side jobs
while engaging in their primary
pursuits?

How might we…

help emerging artisans find
local opportunities?

help artisans prepare
themselves for seasonal
demographics?

assist art store owners
showcase the depth of their
inventory?

help artisans communicate the
value of their product to larger
masses?

Using these findings, we ideated on various 'How-might-we’ questions to establish a clear problem space and consolidate enough details to guide us towards solution

How might we…

  • help emerging artisans find local opportunities?
  • help artisans find side jobs while engaging in their primary pursuits?
  • help artisans prepare themselves for seasonal demographics?
  • assist art store owners showcase the depth of their inventory?
  • help artisans communicate the value of their product to larger masses?
Feasibility matrix: novelty vs feasibility of each problem

We created a feasibility matrix that mapped each problem on to a 2-dimensional chart of novelty vs feasibility based
on how feasible it would be for us to address the issue successfully within the project constraints.

Using this process we simplified and iterated over our problem space, and finally zeroed down on the following:

How might we help artisans simplify
the process of publishing their artifacts online?

Using this process we simplified and iterated over our problem space, and finally zeroed down on the following:

How might we help artisans simplify the process of publishing their artifacts online?

Empathy Maps

To gain a better understanding of our target users, we translated our interview data intoempathy map capturing quotes, thoughts, feelings, and actions of art-based business owners.However, given the diversity of data, we had to go for 3 maps targeting full-time artist, part-time artist and emerging artist individually

Empathy map: full-time artisan

Full-time artisan

Empathy map: part-time artisan

Part-time artisan

Empathy map: emerging artisan

Emerging artisan

User Personas

The empathy maps helped us derive user personas whch allowed us to step into the shoes of
the three types of artisans and approach the problem with their perspective.

Persona: Grace Silva, full-time artisan

Full-time Artisan

Full-time artisans spend all their time focused onrunning their business and hence, have established astructured approach for their tasks. The areas that theystruggle with are more associated with expanding andgrowing their business like, adjusting production inresponse to customer feedback, expanding the businessonto new platforms etc.

Persona: Aubrey Garcia, part-time artisan

Part-time Artisan

For part-time artisans, there is always a side job theyneed to support themselves. This juggling often leavesthem with limited time on their hands. They maysometimes hire someone to offload the work, such asphotographing their products or helping with packagingand shipping during promotions.

Persona: Peter Burke, emerging artisan

Emerging Artisan

For emerging artisans, we came across this commonproblem of hesitation and lack of confidence in varioustasks like engaging with community, communicating thevalue of their products online and in-stores and justputting themselves out there.

Task analysis of photographing and publishing products

Once our personas were defined, we analysed some of the tasks they do to publish their
content in online space. On a high level the tasks look like this:

Task Analysis

Journey map

While charting out the tasks through an in-depth task analysis, we realized the need understandthe overall experience of our users - across all platforms and touchpoints - not just in terms of thesteps they took but also how they felt and what they thought throughout their journey. This, wecaptured in a visually rich format which helped us in identifying different opportunities forintervention.

User journey map
The team brainstorming with sticky notes

Stage 3: Ideation

Brainstorming

We began our ideation process with a small session of individualbrainstorming where we each attempted to come up with as manyideas for design solutions as possible.

Mind map for brainstorming: preparation, photo-taking, content creating and post-processing ideas

Mind map for brainstorming

Mind map for brainstorming

Mind map for brainstorming: preparation, photo-taking, content creating and post-processing ideas

Swipe sideways to see the whole map

Many design themes that turned up in the brainstorming session, of which we chose to explore 3:

Studi.O

Hashtag Guru

ArtiScan

Analyzing product photos to suggesthashtags, mentions and other things that’llhelp the content get more traction on socialmedia.

Creating virtual form of product that couldthen be used against any setting

Automating the photo-capturing workflowTaking multiple photos quickly and withease.

Many design themes that turned up in the brainstorming session, of which we chose to explore 3:

  • ArtiScan

    Creating virtual form of product that could then be used against any setting

  • Studi.O

    Automating the photo-capturing workflow Taking multiple photos quickly and with ease.

  • Hashtag Guru

    Analyzing product photos to suggest hashtags, mentions and other things that’ll help the content get more traction on social media.

Sketch: scanning a vase with a phone to create a 3D model

Design I: ArtiScan

ArtiScan allows artisans to scan their work and convert it into a 3D model, which they can then manipulate within the mobileapp to apply custom materials and finish, before having the app generate a series of photorealistic images at different angles,lighting and foci.

3d scanning

Cloud render

Auto-background
generation

Saving presets

Design I: ArtiScan

ArtiScan allows artisans to scan their work and convert it into a 3D model, which they can then manipulate within the mobile app to apply custom materials and finish, before having the app generate a series of photorealistic images at different angles, lighting and foci.

Sketch: scanning a vase with a phone to create a 3D model
  • 3d scanning

  • Cloud render

  • Auto-background generation

  • Saving presets

Storyboard: Grace uses ArtiScan to take a quick 3D scan of her work.
Storyboard: She inspects the results to make sure color, material and finish are OK.
Storyboard: ArtiScan then renders photos. Grace selects the ones she likes.
Storyboard: After sharing her photos on social media, she is able to resume work.

Storyboard

Once the scan is complete Artiscan opens
up an inspection screen where Grace can
make sure the scan was able to capture the
color, material, and finish of her vase. The
interface provides some quick touch-up options for her to make corrections ifneeded before hitting the render button.

Grace opens the ArtiScan app and starts to
3D scan her model. For the most accurate
results, the app provides Grace real-time
feedback on how to best adjust the angle
on her camera and move around the arti-
fact.

ArtiScan then proceeds to quickly render a
series of photo-realistic images, at different
angles and focii, against auto-generated
backgrounds. The bulk of the processing is
handled by remote servers via cloud com-
puting, reducing the workload on her
mobile device. The final rendered images are presented on a preview screen forGrace to inspect and choose.

Grace saves the images she likes for post-
ing later to social media. Further more, she
is able to save specific render settings as “presets” she can apply to future productsSatisified with the results, she is able to
resume working on her next piece.

Sketch of the Studi.O box: customisable lights, swappable backgrounds, rotating platform, cellphone dock and movable arm

Design II: Studi.O

Studi.O is a light-enabled, portable structure that can serve as a personal photo studio for the artisans.The box is supplemented by a mobile application that is used to power the box as well as set cameraconfigurations. The app can program the box lighting and photography angles so that user can see, inreal-time, how the photos will eventually turnout.

Collapsible

Light-enabled rig

Rotating display table

Movable arm for phone

Swappable background

Design II: Studi.O

Studi.O is a light-enabled, portable structure that can serve as a personal photo studio for the artisans. The box is supplemented by a mobile application that is used to power the box as well as set camera configurations. The app can program the box lighting and photography angles so that user can see, in real-time, how the photos will eventually turnout.

Sketch of the Studi.O box: customisable lights, swappable backgrounds, rotating platform, cellphone dock and movable arm
  • Collapsible

  • Light-enabled rig

  • Rotating display table

  • Movable arm for phone

  • Swappable background

Storyboard: Grace places her work in Studi.O and takes some test photos.
Storyboard: She uses the Studi.O app to quickly set up her lighting and product angles.
Storyboard: She then resumes her work while Studi.O takes all the shots.
Storyboard: At the end of her day, Grace can review and select the shots she likes.

Storyboard

The process starts with Grace setting up
Stud.io box and placing their product on
the turntable. She then docks her phone in
the holder and starts the application, which
powers the environment up.

Grace sets up the studio controls like light-
ing, photo-angles, and number of shots for
the turntable from within the application.
After changing the configuration, she
receives quick feedback on how the chang-
es will impact the product photographs.

Grace chooses to take some shots from the
top-view of the product by moving the arm
holding the phone to the top. All these
settings then get saved as a configuration,
which she can simply applies for her other products. This starts the photographingprocess. Given stud.io’s automated work-
flow, Grace has the luxury to carry on work-
ing while her product is being captured

Once the process is complete, Grace then
goes back and reviews the photographs
taken. She chooses the ones that she finds
most appealing and shares them on differ-
ent online platforms.

Storyboard: Grace takes a photo of her work to post on social media.
Storyboard: She ends up selecting generic # as she does not know what’s up.
Storyboard: The post is viewed by a handful of people. Mostly her followers.
Storyboard: Grace is left frustrated as her work does not get the traction she wanted.

Design III: Hashtag Guru

Storyboard

Grace has just finished a new piece that
will be up for sale soon on her website.
She wants to post a photo of the new
piece she made to her social media
accounts to spread the word. She takes
her phone out and quickly snaps a pic-
ture of her new work.

When she started using hashtags in her
product posts on social media, Grace
noticed a boost in her online sales. But
since then she has been using the same
old hashtags for the past few months,
her sales and follower growth has
slowed down considerably. Her new
post has not seemed to change this.

As she begins to compose her photo
post, she writes a caption and includes
a link to her website where you can buy the new item. When she goes to fill outthe hashtags, she manually types out
the same 7 hashtags she uses for all of her posts.

Grace is frustrated. She worked so hard
to make an awesome new product but
no one seems to noticing her work out-
side of her existing followers. If this
keeps on happening, her sales will
begin to plateau and may even drop off.
She has to do something to get her work in front of more people

Storyboard: She uploads her image on Hashtag Guru.
Storyboard: # Guru scans her pic and recommends top trending tags based on her artifact.
Storyboard: This time her work is viewed by a far greater audience.
Storyboard: More views result in more likes and more orders for her work.

Since Grace had added hashtags sug-
gested by Hashtag Guru, her post is
seen by hundreds of thousands more people. Grecian art junkies, vase fanat-ics, diehard artisan supporters, they’re
all seeing Grace’s post and flocking to
her website to see what other cool stuff
is on her store.

Grace decides to try Hashtag Guru as a
way to extend her photo’s reach on
social media. She uploads the photo
she took of her new product. The app
identifies the product in the photo as a
wheel-thrown clay vase. Grace is
astonished that the app knew exactly
what the product was.

Hashtag Guru suggests various
hashtags that Grace had never thought
of using in her photo post. #amphora,
#vaselife, #shopartisan. Grace selects a
few hashtags that she had never used
before. She finishes writing out her
caption and with one last tap of the
Done button, her post is sent out to her
Instagram, Facebook, and Twitter.

Grace’s post from Hashtag Guru now
has 100 times more likes than her origi-
nal post with the same old hashtags.
She has gained more followers across
all of her social media accounts and
she has quickly sold out of the Gre-
cian-style vase from the post. Grace’s
business is now growing faster than ever.