JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD...
Transcript of JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD...
![Page 2: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/2.jpg)
Product Designer Book
Download my resume ➔ here
![Page 3: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/3.jpg)
summary
1. Introduction2. Product Test Feature ...……...73. Community Platform …..…..194. Monitoring Platform…………235. Domotics Mobile App …....…306. E-commerce Mobile APP…...347. E-Learning Platform ………...418. WF Specs Samples ………….449. Mock Up Integration ………...5110. Illustration Design ………......59
![Page 4: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/4.jpg)
Few Words about me
Digital Lover and self-educated on product designing, I spend my time learning new ways of thinking and
desining innovative digital products.
4
![Page 5: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/5.jpg)
How do I work ?
5
Planning & UX Research Design & Development
Testing & Bug Fixing Project Launch & Support
![Page 6: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/6.jpg)
20+Clients Projects
6
Worked on
![Page 7: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/7.jpg)
1.Product Test Feature
SuperDrug-
Saas / White-Label / Gamification
![Page 8: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/8.jpg)
8
This workflow explains to dev team how to think the interactions with Product Drop Frontend
SUPERDRUG – PRODUCT TESTING FEATURE
Adobe XD – Overview Workflow WireFrame
![Page 9: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/9.jpg)
9
Superdrug wants to manage free product testing to their best customers in order to collect
reviews on last product appeared on the online shop (and maximize sales).
SUPERDRUG – PRODUCT TESTING FEATURE
![Page 10: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/10.jpg)
10
In order to use product testing, you need to fill survey so SuperDrug knows better which product
they can send to the most appropriate customer.
SUPERDRUG – PRODUCT TESTING FEATURE
![Page 11: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/11.jpg)
11
SUPERDRUG – PRODUCT TESTING FEATURE
Once Superdrug received customer’s informations, they adress future product test to best profiles.
![Page 12: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/12.jpg)
12
SUPERDRUG – PRODUCT TESTING FEATURE
Customer receives Superdrug notification, they can test products for free in the list below.
![Page 13: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/13.jpg)
13
SUPERDRUG – PRODUCT TESTING FEATURE
SuperDrug needs to ship product to the customer Address
![Page 14: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/14.jpg)
14
SUPERDRUG – PRODUCT TESTING FEATURE
Customer receives a notification that he will shortly receives his parcel.
![Page 15: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/15.jpg)
15
SUPERDRUG – PRODUCT TESTING FEATURE
Once Customer receives his parcel, he has to test and post a review about products.
![Page 16: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/16.jpg)
16
SUPERDRUG – PRODUCT TESTING FEATURE
Reviews has to be posted directly on the product page in the online shop
![Page 17: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/17.jpg)
17
SUPERDRUG – PRODUCT TESTING FEATURE
The review has been posted and validated by Superdrug Admin. Customer earns XP and Badge (gamification)
![Page 18: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/18.jpg)
2.Community Platform
BIC WORLD-
User generated content / White-Label / Saas / Gamification / SEO
![Page 19: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/19.jpg)
19
ISSUE:
Bic World website buy SEA traffic and want
to optimize its SEO
IDEA:
Focus on User Generated Content to improve
SEO (Google ranking algorithm)
SOLUTION:
Build an entire community platform to
maximize User Generated Content
BIC WORLD – Community Platform
![Page 20: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/20.jpg)
20
BIC WORLD – Attract Users to build Community
ISSUE:
How to attract Users and manage retention ?
IDEA:
Create a community challenge contest
(monthly) with incentives & Rewards
(Gamification)
SOLUTION:
Build a Landing Page to welcome drawers
and drawings fans (two paths)
![Page 21: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/21.jpg)
21
BIC WORLD – DOUBLE USER PATH
Path 2 ➔ Drawing enthusiast wants to vote for best draws
Path 1 ➔ Drawer wants to post and participate contest
![Page 22: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/22.jpg)
22
BIC WORLD – Contest Page
ISSUE:
How draws can be ranked in the contest page ?
How to make understand users they can win rewards ?
IDEA:
Build a feed with filters to highlight community draws
SOLUTION:
Build ¾ page feed for contents and ¼ page side panel
with currents rewards
![Page 23: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/23.jpg)
3.Monitoring Platform
Jellysmack-
Data Analytic / Dashboarding / Forecast Algorithm / Social Media
![Page 24: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/24.jpg)
24
JELLYSMACK - Monitoring Interface
Monitoring performances on
every social medias, merging
data and compute forecast with
machine learning algorithm
![Page 25: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/25.jpg)
25
Side Panel gives
access to main
features you need
JELLYSMACK - Monitoring Interface
![Page 26: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/26.jpg)
26
Direct search bar Admin Profile
Organize your
layering
Monitor
views trafic
in real time
Overview
Top 10
Performances
JELLYSMACK - Monitoring Interface
![Page 27: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/27.jpg)
27
Monitor revenue targets of
each channel & compare
with predictions
Monitor sources of
revenue on global
business
Compile and compare data
from all the vertical
+
Performances highlighted
JELLYSMACK - Monitoring Interface
![Page 28: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/28.jpg)
28
Configure tab according to
your needsAdd whatever monitoring tab
you need
JELLYSMACK - Monitoring Interface
![Page 29: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/29.jpg)
How is it done ?
29
Adobe Photoshop
![Page 30: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/30.jpg)
4.Home Automation APP
HOMIFY (Personal Project)-
Monitoring / Embedded Systems / Smart Devices
![Page 31: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/31.jpg)
31
Facts:
Home Automation is becoming a big deal in the
domotics industry nowadays. Lots of companies
started to create their own smart connected
products with closed software environment.
IDEA:
Create a cross brand monitoring app that can
connect to every smart devices in the house.
Enable full monitoring and controlling capacity.
Homify – Home Automation Mobile App
Adobe XD – Overview Wireframes
![Page 32: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/32.jpg)
32
Waiting screen Overall Dashboard Paired Devices
Screen
Electricity Monitoring
screen
Homify – Home Automation Mobile App
![Page 33: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/33.jpg)
33
Warm Room Control Light Room Controll Pairing ScreenScheduling Device
Screen
Homify – Home Automation Mobile App
![Page 34: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/34.jpg)
5.E-commerce APP
My Baguette (Personal Project)-
E-commerce/ Delivery System / Reward Program
![Page 35: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/35.jpg)
35
Facts:
Americans are fond of French bakery and
see it as luxurious food.
There are too few bakery shops in Los
Angeles to answer local need. Price are high
($5 /croissant) ➔ high gross margin.
IDEA:
Create a food delivery app for high quality
French bakers. Target Companies /
Restaurants / Casual Consumers
MY BAGUETTE – Personal Project (POC)
Dedicated shopping mobile app for bakery market in LOS ANGELES
Adobe XD – Overview Wireframes
![Page 36: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/36.jpg)
36
Login screen Sign in screen
Step 1
Sign in screen
Step 3
Sign in screen
Step 2
MY BAGUETTE – Personal Project (POC)
![Page 37: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/37.jpg)
37
Main Shopping screen
1.Baguette Shop 2.Croissant Shop 3.Macarons Shop
MY BAGUETTE – Personal Project
![Page 38: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/38.jpg)
38
MY BAGUETTE – Personal Project (POC)
Product Description Pop-up
![Page 39: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/39.jpg)
39
MY BAGUETTE – Personal Project (POC)
User Profile Picture
Fidelity Points Earned
Favorite ProductsPayments informations
Shipping informationSettings board
FAQ and Customer service Contact
![Page 40: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/40.jpg)
40
MY BAGUETTE – Personal Project (POC)
Ordering Process Steps
![Page 41: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/41.jpg)
6.E-Learning Platform
Speach-
Saas / White-Label / UGC / Community / Media Interface
![Page 42: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/42.jpg)
42
CASE 4: SPEACHME
Digital Learning SAS solutions
Main Interface for a digital learning
SAS platform. Access to e-learning
lesson and follow your progression
![Page 43: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/43.jpg)
43
Access all the e-learnings content on
the platform.
Follow your progression
Find new content easily and have
suggestions
![Page 44: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/44.jpg)
7.Method: WireFrames Specs
Project Samples-
Workflow / User Journey / Tesing & Review
![Page 45: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/45.jpg)
45
This workflow explains to dev team how to think the interactions with Product Drop Frontend
SUPERDRUG – Product Testing Feature
Adobe XD – Overview Workflow WireFrame
![Page 46: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/46.jpg)
46Adobe XD – Overview Wireframes
KIABI - Community Widget Workflow WF
This doc is analyzing, reviewing and giving recommendations for an existing community widget running on Kiabi’s Website
![Page 47: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/47.jpg)
47Adobe XD – Overview Wireframes
Automated Product Link Description when using Community widget
This WF explains to dev team how to code the product viewing feature (Front End) for the community Widget
![Page 48: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/48.jpg)
48Adobe XD – Overview Wireframes
PIMKIE - Community Ranking System
This WF explains to dev team how to code the Ranking System display on user profile interface
![Page 49: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/49.jpg)
49Adobe XD – Overview Wireframes
PIMKIE - Community Product Pairing System
This WF explains to dev team how to code the Community Product Pairing Embed Widget
![Page 50: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/50.jpg)
50Adobe XD – Overview Wireframes
PIMKIE - Community Product Review System
This WF explains to dev team how to code the Community Product Review Embed Widget
![Page 51: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/51.jpg)
8.Integrated Mock UP
Static and animated Mock Up-
Photoshop & Adobe After Effect
![Page 52: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/52.jpg)
Pimkie Mobile APP Community platform
52
Made with Adobe XD wireframes
![Page 53: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/53.jpg)
Virgin Active Community platform
53
Made with Adobe XD wireframes
![Page 54: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/54.jpg)
Bic World Community Platform
54
Made with Adobe XD wireframes
![Page 55: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/55.jpg)
Want to experiment a new format ?
55
See this presentation in video by clicking here➔Video Portfolio
![Page 56: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/56.jpg)
VIDEO SpeachMe Advertiser USA
56
Link here ➔ https://www.youtube.com/watch?v=YWZmysGS01Y&feature=youtu.be
![Page 57: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/57.jpg)
VIDEO Jellysmack App Showcase Demo
57
Link here ➔ https://www.youtube.com/watch?v=FoWrqixjQXU&feature=youtu.be
![Page 58: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/58.jpg)
How is it done ?
58
Adobe After Effect
![Page 59: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/59.jpg)
9.Illustration Design
Going on a more creative side !
![Page 60: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/60.jpg)
Illustration 13 Tokywoky users enjoying
community platform
60
Adobe Illustrator
![Page 61: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/61.jpg)
Illustration 2Tokywoky Kakemono
61
Adobe Photoshop
![Page 62: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/62.jpg)
62
Logo number 1
More Jellyfish …
Adobe Illustrator
![Page 63: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/63.jpg)
63
Logo number 2
Look like a Jellyfish & brain
Adobe Illustrator
![Page 64: JellySMack Case Study - Julien Aubert Aubert - Product Designer... · 2020. 1. 23. · Adobe XD –Overview Workflow WireFrame. 9 Superdrug wants to manage free product testing to](https://reader035.fdocuments.net/reader035/viewer/2022062606/5fe16d76ab12386dd17eecab/html5/thumbnails/64.jpg)
64
Thanks!ANY QUESTIONS?
You can find me at www.julien-aubert.fr & [email protected]
Download my resume➔ here