This document outlines the product development process used by SWARM, a digital product studio. It describes the key stages of discovery, information architecture, wireframing, user experience design, user interaction design, and engineering. Discovery involves understanding what is being built, why, and for whom. Information architecture defines the app's structure and components. Wireframes create a skeletal framework. User experience and interaction design further develop the visual design and interface. Engineering is done in two-week sprints to implement the product. Data and analytics are also discussed as ways to enhance marketing and personalization.

1. Content +
product
today.

2. Jacek Grebski
partner, SWARM
Who am I?

3. a digital product studio

4. product

6. Product Process

7. Process: Discovery
Discovery is about understanding what we’re
building, why we’re building it and who we’re
building it for.
This is undeniably the most important part of
the entire product creation process, because
when we finish discovery, we will have a feature
and conceptually complete software
application.

8. • Descriptive text
• Email
• password (one time only)
• TOS link
System Selected (based on the
system in the selected chat)
• Gamer tag input
• Alternative systems input
Submit Cancel
Return to previous
screen, logged-in
Return to previous
screen
REGISTER
Process: Information Architecture (IA)
Information Architecture (IA) defines the
software’s hierarchy and establishes in a clear
document all the app’s moving parts.
We like to think of it as the product blueprint,
and just like a you wouldn’t build a high-rise
without one, an app shouldn’t be built
without it either.
Sample IA Element

9. Low Fidelity Wireframe
Next, we create wireframes from the
information architecture and create a skeletal
framework of the application. It covers the
general layout of the app, and defines any
human / device interactions that will need to
be incorporated into the application.
Wireframes help us run through the IA, and
make any adjustments to the product before
we go into the design and engineering.
All wireframes are shared through InVision, a
remotely accessible prototype tool.
Process: User Experience Design

10. Visual Design Mockup
Process: User Interaction Design
We work closely with you and your design
team to ensure that the User Interface / Visual
Design embodies your brand and defines
interaction and feedback mechanisms that
support the application’s use.
All UI designs are shared through InVision.
On completion we export all designs using
Zeplin.io, creating production ready assets
letting our developers understand how to
interpret and integrate the files.

11. Engineering is planned around two-week
sprints, beginning with a plan that identifies
the tasks targeted for execution during the
sprint.
This helps prevent bottlenecks, ensures that
deliverables are well managed, and allows us
to make any needed adjustments to the
product as it comes together.
We also often work alongside in-house
development teams.
Process: Engineering
Su M T W T F Sa

12. why product?

13. More Value, Choice, Engagement, Data

14. why data?

15. how do we
use data?

16. Tools:
NLTK - natural language tool kits
Relationship Mapping
Predictive Analysis
Ad servers

17. Tools:
NLTK - natural language tool kits
Relationship Mapping
Predictive Analysis
Ad servers

18. Data is amazing.
Joe
AmyTim
Football
Healthy
Living
Nachos
Kale

19. Tools:
NLTK - natural language tool kits
Relationship Mapping
Predictive Analysis
Ad servers

21. Tools:
NLTK - natural language tool kits
Relationship Mapping
Predictive Analysis
Ad servers

22. More Marketing w/ data

23. More Marketing w/ data

24. More Marketing: Retargeting

25. tv
/ video

26. Interactive Advertising Bureau:
founded in 1996
creates standards for ads
VAST (Video Ad Serving Templates)
VMAP (Video Multiple Ad Playlist)

27. changing

28. unbundling of set top boxes digital
content delivery targeted video ads
tangible metrics and clear ROIs
second screen engagement.

29. User Product Data Campaign
Goal

30. questions?
http://swarmnyc.com
@swarmnyc / @jgrebski
Jacek Grebski