EXPLORATION / RESEARCH - This is the early stage of design process: researching, taking notes, understanding competitors, sketching rough mock-ups, no idea is a bad idea at this stage, thinking out side of box, pushing boundaries and be creative.
Project overview timeline; having clear break-down of tasks and review dates. Project Planning, resource allocation, online scheduling, reporting. Identifying and detailing activities required in each phase of a project and lead teams with members of your staff to carry out each phase.
Whiteboarding sessions
Design Process + Case Study
It is very important to have a design process, it helps to set clear expectations; it allows us to establish realistic project deliverables. Design process should be flexible so it can fit for different projects and clients.
DESIGN PROCESS FRAMEWORK
Have clear user goals of the product before using any creative tool. Understanding end user needs, better user experience. The outcome is how end users are going to benefit from it.
(1) EXPLORATION / RESEARCH
The goal of the exploration is to collect information at an early stage of the project process.
(2) FOCUS ON RESEARCH FINDINGS
(3) INVESTIGATING OPTIONS
(4) DEFINE INTERFACE, INTERACTIONS AND USER FLOW
- Sketching, whiteboarding sessions
- Wireframes
(5) VISUAL DESIGN
- Conceptual design (rough mock ups)
- Set up visual tone of voice
- Finalized visual
(6) USABILITY ANALYSIS
- Prototype
- Usability testing
(7) PRODUCTION DESIGN
(8) REVIEWS
(9) DELIVER
(10) REVISING AND IMPROVING
Pen Sketch ideas and wireframes before digital wireframes
Wireframing mock-ups with different user cases. This is the early stage of project process, start exploring all possibilities, applying user centered design as foundation.
Example of finalized digital visual layout based on the wireframe.
Wrap in action: https://wrap.co/wraps/d5c1eede-1767-4b48-8b85-369f01d50b5a
WRAP SOLUTIONS
Goals
(1) Creating user friendly easy to use wrap solutions
Authoring / template tool:
Easily create, design, write, and send without having to start from scratch.
(2) Widget Components
Weather, sound, video, location-nearby, click to call, chat, calendar, review feedback and rating, download PDF, subscribe contact form...
(3) Personalization
Creating wrap with customized data, like name, references prior behavior, dynamic call-to-action and follow up email. The goal is to make recommendations for users on their next actions.
How/Why
Benefits of personalized content:
(1) Increases conversions / easier conversion
One-click purchases, by remembering their behavior, preferences, and information
(2) Builds a passionate audience
Viewers usually are pretty specific about what exactly they love or what looking for
(3) Improves lead nurturing (the process of developing relationships with buyers at every stage of the sales funnel and buyer’s journey)
Personalize content to each person’s interests and behavior
(4) Welcomes newcomers
Showing new viewers information relevant to their interests or needs. It could be the first offer they convert on, the campaign that drove their response, or even the pages they visited on your website
(4) Detailed Analytics
Engagement metrics:
Beyond the impressions and click-through rates of standard ads, engagement metrics can offer a clearer picture of audience engagement.
The tracking capabilities to measure when, where and for how long someone interacts with an ad.
The better engagement rate, the higher lifetime value translates into greater customer retention
Data / Monitoring ad campaign / Measurable results:
Providing data and campaign results with easily understood format of how each creative element in a campaign is performing so can craft a more effective marketing strategy and give better directions.
Wrap analytics monitoring tool with break down of each cards; total views, CTA clicks, CTR rates, bounce rates, avg. time in wrap.
Wrap authoring tool / Wrap creation
Wrap authoring platform tool
Wrap analytics monitoring tool
Mapping out all marketer user cases with all possible built-in component widgets.
Example of marketing funnel, small business, service with font style - billboard and Condensed.
Example of marketing funnel, small business, retail store with font style - elegant modern serif.
Example of marketing funnel, artist, design, life style product with duotone modern magenta.
* An application program interface (API) is code that allows two software programs to communicate with each other
Example of Apigee pitch with user story and outcome
User story: I don't know Paris that well. I am pleasantly surprised that I got this sharing hotel text. Accorhotel group has some great hotels. I love Sofitel! "I love how this experience seems to pop up just at the right time."
(1) Solution space - give user enough interest to lead user to web check out
(2) Preferred path: Have the full mobile experience
(3) Entry point - The Wrap
Outcome: "I got what I needed. It was easy and I felt everything was well thought out for me during my stay."
