Senior UX Product Lead Design - Joeffrey Madid Portfolio

Joeffrey Madid
UX / Product Lead Design
Senior Lead Designer in Digital Services at Kimberly-Clark.

In total of 12 years at Kimberly-Clark, I had the opportunity to work with these amazing brands to
support Digital Marketing Initiatives and Product Design Development.

Customer Portal (B2B
Distributor Application) -
Mobile Design Development as
Product Lead Design
The Latin America Team would need
an UX Expert Designer (Product
Lead Design) to lead them convert
this Distributor Application available
for Mobile Touchpoint. This project
has been re-assigned to me and we
had hurdle to complete the output in
2 weeks design sprint. I need to
understand the site workflow and
mapped it in desktop journey so I can
align the learning with development
team. Then I started designing some
wireframe proposal to align with the
team. We completed all the design
creating the final version and setup a
usability session by screening 6
customer and capture feedback +
insights.
Invision Project link:
https://kcc.invisionapp.com/share/NV
VIVTJQ5XJ
Design Strategy:
Task Analysis, Customer Journey, Agile-
Design Sprint, Usability Session, Product
Feature Prioritization, Mobile Design Hi-
Fidelity Wireframe.

K-C CoLab Innovation -
Site Improvement Revamp
Conducted a small Design Thinking
session with stakeholders where we
had identified pain points in the initial
design site and understanding the
business goals. I also conducted an
POV expert review to consolidated
issues and provide design
recommendation. There are majority
navigation issues and content strategy
in place that requires consistency.
We pushed the business to focus on
the site objectives and simplify the
design.
Invision Project link:
https://kcc.invisionapp.com/share/PDT
U36R9TVR
Design Strategy:
User Research, Design Thinking, Ideation,
Customer Journey, Task Analysis, Agile,
Design Sprint, Lo-Fidelity Wireframe, Hi-
Fidelity Wireframe.

Huggies Global Template
Mock-Ups & Ideation
Understand current landscape and
pain-points then we define what is the
future state of the website by
propose a dynamic feature to
improve conversion and engagement
to get buy-ins to our business
stakeholders.
Profile Customization
To create a dynamic feature providing
user customization that would help
moms about improvement of their
pregnancy experience along the way
and potential product conversion
sales.
Vaccination Program
To create a service feature for child
vaccination program as part of Brand
site tools to provide useful assistance
for mothers.
Design Strategy:
User Research, Ideation, Customer
Journey, Task Analysis, Agile, Design Sprint,
Lo-Fidelity Wireframe, Hi-Fidelity Mock-
Ups

Progressive Buy Now Journey
Develop a strategy that will improve
better experience for buying products in
the site and to increase usability and
purchase conversion.
https://www.huggies.com.br/buynow/re
cem-nascido/fralda
Based on the Initial analysis the previous
experience has made users to undergoes
7 – 8 clicks to complete the steps. The
propose plan was to complete the
journey in 4-5 clicks only. This creates
opportunity to fast track user who focus
on buying instead of learning products.
Based on the recent track, the
engagement has been increasing after
the site of this feature and able to see
active pages coming from this feature
Design Strategy:
User Research, Ideation, Customer Journey, Task
Analysis, Agile, Design Sprint, Lo-Fidelity
Wireframe, Hi-Fidelity

Visualizing Sales Experience
To develop a strategy for next generation
sales to drive business value.
Data/Analytics
Revenue this year versus prior year
Customer performance, Opportunities for
growth, Promotional evaluation,
Systems/Tools
Promotional Evaluation Tool, Showpad,
SAP BW reporting, IOrder mobile ordering,
Promax
Sales Metrics
Sales (NSV/ISV), Operating Profit
Volume in Cases, Promotional spend and CCC
Colaborational Tool
Contacts, Office 365, Enterprise
Social Networking, Customer queries (order
status, price queries, delivery tracking)
Digital Workforce
Travel/Booking, HR Tools, Daily Planner
Design Strategy:
User Interview, Persona Development, Ideation,
Customer Journey, Task Analysis, AI, Agile,
Design Sprint, Lo-Fidelity Wireframe,
Dreamstate Wireframe, Pitch Deck presentation
Starting the Day - Plan Communication Performance
and Checking Goals

UbK Period Tracker
One of the finalist entry in the Hackaton. The
new Kotex helper app, beyond a period cycle
tracker. It capture four capabilities that added
value proposition to business.
KotexMatch - Select the right product to suit
your flow, for your outfit and ever-changing
mood.
KotexToMe - e-commerce and subscription
model
Girl Talk - Community feature
KEY BENEFIT TO K-C
• 50,000 Consumers in 3 months
• Direct Purchase = Grow wallet share
• Understand Consumer behavior /
preferences
• Get Global Platform Data with Local
Preferences
• Disupruptive FOAK Shopping Experience
• Tailored Products
• Grow Loyalty & Consumer engagement
• Innovative Marketing & Sampling
Design Strategy:
Brainstorming with Product SME, Product Research, 2
weeks design sprint, Lo-Fidelity Wire-frame, Hi-
Fidelity.

Lo-Fidelity Wireframe
DesktopScreen/TabletScreen MobileScreen
Hi-Screen-Desktop-Home-01 Hi-Screen-Mobile-Home-01 Hi-Screen-Mobile-Home-02
KCP Global Responsive Webdesign
Supporting the global pilot project site to redesign
the KC-Professional US site to be a responsive on
catering different device platform from mobile, tablet
and PC HD Monitors. My team had successfully ap-
proved the wireframe proposal and transformedto
a visual requirements from stakeholder’s feedback
and comments. The goal is to make the KCP portal
to become adaptable and user friendly and achieve
the usability metric that has defined in the Design
strategy.
KCP US - North America
http://www.kcprofessional.com/home
KCP Thailand - APAC
http://www.th.kcprofessional.com/
Business Goals:
Increase user traction to mobile platform
Increase performance due excess use of images
Increase usability for desktop and mobile
Identify type of performances
Design Strategy:
Stakeholder Feedback Review, Define User-Goal,
Heat-Map Data Analytics support, Lo-Fidelity Wire-
frame, Hi-Fidelity, Responsive Web Design Strategy.

Hi-Fidelity Wireframe
Mobile Screen Desktop Screen/ Tablet Screen
Hi-Screen-Mobile_Home-01 Hi-Screen-Mobile_Home-02 Hi-Screen-Mobile_Mobile_Footer Hi-Screen-Tablet_Home-02-Footer Hi-Screen-Tablet_Home-01
UX Activities
frame, Hi-Fidelity, Responsive Web Design Strate-
gy.

Ekaphol Apiromsamer
KCP Digital Production Partner /Functional Analyst
Project Coordinator
UX Activities
frame, Hi-Fidelity, Responsive Web Design Strategy.

Design TestA Design Test B
Hi-Screen-Desktop-Home-01 Hi-Screen-Mobile-Home-01
Online A/B Testing for Efficient Work-
place content hub
An implementation of online testing campaigns for
UK and Germany websites. This project involved col-
laboration with the marketing teams in enhancing
and aligning test requirements with business goals,
development of online testing roadmaps, and regular
insights reporting. This project also involved significant
amount of collaboration with the development teams
and creative teams to produce relevant user experi-
ences and designs, and proper effort estimations. The
tools and platforms involved were primarily Adobe
Analytics, ClickTale, and Adobe Target.
KCP UK- Efficient Workplace content
https://www.kcprofessional.co.uk/solutions/the-effi-
cient-workplace
UX Activities
Design Enhancements, A/B Testing, Usability Analy-
sis, Heuristic Review
Team Members: 4

Huggies Baby Room Finder
A Huggies Singapore project in iPhone application to
assist mothers as Baby Room Finder. I led the project
in product ideation and design conceptualization align-
ing with UCD methodology from Competitive Analysis,
User Research/Persona, Task Analysis, Information
Architecture, Wireframe Design, Final Design & other
helpful UX Activities.
Business Goals:
Create a digital campaign on a mobile application to
support young city mothers on-the-go to always
UX Activities
Project Requirements Gathering, Project timeline, Us-
ers Goal, Persona Development, AI, Usability Testing,
Lo-Fidelity & Hi-Fidelity Wireframe, Annotated wire-
frame, Flat design aligned IOS 8 design guidelines
Team Members: 2

Hi Fidelity (IOS7)- ver1.0
Design Strategy
Project Requirements Gathering, Project timeline,
Users Goal, Persona Development, Usability Testing,
Lo-Fidelity & Hi-Fidelity Wireframe, Annotated wire-
frame, Flat design aligned IOS 8 design guidelines

Hi Fidelity (IOS8 Flat Design) - ver2.0
Design Strategy
Project Requirements Gathering, Project timeline, Users Goal,
Persona Development, Usability Testing, Lo-Fidelity & Hi-Fidelity
Wireframe, Annotated wireframe, Flat design aligned IOS 8 design
guidelines

Halyard Healthcare - Haiwatch
To deliver usability improvement and enhance customer
experience engagement to the site. We defined User
Center Design process to help the project understand
the goal and find opportunity to improve to be more
usable and engaging product. I led the team to collab-
orate with stakeholders to deliver the UX requirements
and seek advice with my UCD lead coach to align with
the UX methodologies
Wireframe Design Proposal - Axure
http://uxtouchpoint.com/aboutme/projects/haiwatch_
wireframe/
Haiwatch Dog Website
http://www.haiwatchdog.com/
UX Activities
Scenario, User-Journey, UCD activities, Stakeholder
interview,Lo-FidelitywireframeandHighFidelitywire-
frame using Axure.
Team Members: 4

KCP Global Portal site
This interactive portal site has been designed and
developed in HTML5 compliant published by Adobe
edge. Wehave conceptualized this project to promote
an engaging customer experience by developing an
edgy interactive design. I led this fully-owned unique
project was developed by our creative team to utilize
internal capability and initiate a cost savings delivery
initiatives to thebusiness.
Business Goals:
Enhancetheexistingportaltoincreasetraction with
engaging, interactive and betterexperience.
KCP Global Portal Website
http://www.kimberlyclarkprofessional.com/index.html
Design Strategy:
Design Conceptualization, Interaction Design,
Lo-Fidelity Wireframe, Hi-Fidelity Wireframe de-
sign, Adobe Edge CS6 (HTML 5) & Javascript/
Front End Development
Team Members: 3

UX Activities
Design Conceptualization, Interaction De-
sign, Lo-Fidelity Wireframe, Hi-Fidelity Wire-
frame design, Adobe Edge (HTML 5) & Javas-
cript/Front End Development

Facebook Page – Huggies Dry Pants
campaign
Delivered creative UI design materials for Huggies Dry
Pants Facebook Campaign.
Business Goals:
Enhancetheexistingportaltoincreasetraction with
engaging, interactive and betterexperience.
Huggies Philippines - Facebook
https://www.facebook.com/huggiesph
UX Activities
Brain storming with marketing and design conceptual-
ize, Lo-Fidelity Wireframe and High Fidelity Wireframe
Team Members: 3

Wearable Technology Project - PeeWit
A cross-regional team was formed to combine their
pockets of expertise and create a unique product
innovation. I managed my team to develop the In-
teraction Design aligning UCD/UX best practices to
ensure high quality user experience on delivering
the end product. We created cycles of design itera-
tions to continuously improve user experience and
met the objective requirement of the app.
Business Goals:
Create Innovation technology to provide smart solu-
tion to customer needs and problem. To promote
brand and product that benefits customers.
UX Activities
Project Gathering, R&D, User goals, Feature Capability,
Persona Development, Model Mapping, User-Task flow,
Architecture Information, Lo-Fidelity Design, Design
Iteration, Hi-Fidelity,
Team Members: 6

UX Activities
Project Gathering, R&D, User goals, Feature Capability, Persona Development, Model
Mapping, User-Task flow, Architecture Information, Lo-Fidelity Design, Design Iteration,
Hi-Fidelity,

Wearable Technology Project - PeeWit
A cross-regional team was formed to combine their
pockets of expertise and create a unique product
innovation. I managed my team to develop the In-
teraction Design aligning UCD/UX best practices to
ensure high quality user experience on delivering
the end product. We created cycles of design itera-
tions to continuously improve user experience and
met the objective requirement of the app.
Business Goals:
Create Innovation technology to provide smart solu-
tion capability to customer needs and problem. To
promote brand and product that benefits customers.
UX Activities
Project Gathering, R&D, User goals, Feature Capability,
Persona Development, Model Mapping, User-Task flow,
Lo-Fidelity Design, Design Iteration, Hi-Fidelity,
Team Members: 3

Being Mom by Huggies®
Provide User Interface and Interaction Design in
iPhone apps for Huggies Brand in Singapore. De-
veloped the User Interface design concepts and the
flow of the project
iTunes App Review
https://itunes.apple.com/sg/app/being-mom-by-hug-
gies/id371426809?mt=8
UX Activities
Define the Business Requirements and Gathering, De-
veloped project timeline plan, Deliver Lo-Fidelity, Hi-Fi-
delity Prototype, Design Iteration
Team Members: 3

Andrex® App Ideation Gamification
Deliver a Proof-Of-Concept solution powered by
gamification methodology and ideation to proposed
for Business Case.
Pitch Presentation
https://vimeo.com/101898752
UX Activities
Ideation, Brainstorming, Design Conceptualization, Cre-
ative Design, Gamification, Game Design.
Team Member: 2

KCP Professional - Ideation
DeliveraProof-Of-Conceptsolutionpoweredby
Product Cataloguing and ideation to proposed for
Business Case.
Pitch Presentation
UX Activities
Ideation, Brainstorming, Design Conceptualization, Cre-
ative Design, Gamification, Game Design.
Team Member: 2

Team Portfolio
Create a powerful video presentation about Digital
Services to promotes capabilities and accomplish-
ments to create more demmands and drive business
interest.
Business Goals:
Create a compelling story that resonates who is Dig-
ital Services and what are the team’s achievements
and capabilities.
Pitch Presentation
UX Activities
Sketch, Story Board, Creative Design, Animation Media
Video and Audio Production
Team Member: 1

Design version - Option 1
Hotel Quickly
Provide design proposal on the enhancementsof
user experience in Tourscreen in the mobile app.
Business Goals:
Usability Enhancements on Tourscreen due to high numbers
of bouncerates.
Design Strategy
Hueristic Evaluation, Competitive Analysis. User Re-
search, Brainstorming, Alignment in Persona, Content
Strategy, Visual Design
Team Member: 2
App Link
https://play.google.com/store/apps/details?id=com.hotelquickly.app&hl=enn

Design Option Variances of Tourscreen
Design Strategy
Team Member: 2

Design Strategy
Team Member: 1

Huggies US - Heuristic Review
Provide Hueristic Analysis to Huggies US website to
identify Usability Issues in a holistic view of the web-
site.
Business Goals:
Provide UX activities and identify what are the effectivemet-
rics needed to produce useful Hueristic Evaluation Report
Design Strategy
Hueristic Evaluation, Nielsen Heuristics Pattern, Feed-
back about Content Strategy aligning user experience.
Team Member: 4
Hueristic Review
http://www.uxtouchpoint.com/aboutme/projects/huggies_wem_hueristics/Huggies.com%20Audit.pptx

Huggies Turkey
Provide UX analysis and proposed improved usabili-
ty design for mobile and desktop.
Business Goals:
Provide UX improvement to create more traction
Pitch Presentation
UX Design Document
Proposed RWDDeck
UX Activities
Sketch, Story Board, Creative Design, Animation Media
Video and Audio Production
Team Member: 1

Cost In Use
Internal Application Desktop tool “Cost in Use” –
First project in Kimberly-Clark as a
consultant 7 years ago. I Designed and Developed
this application using Xcelsius software tool.
Business Goals:
A sales tool capability solution use for KC Profes-
sional sales force team to provide business solution
on Product cost in use that covered all SKU for ASE-
AN Region. That includes Australia, New Zealand,
China, Korea, Thailand, Philippines, Taiwan. I am still
currently maintaining and supporting this sales force
tool.
Design Strategy
Wireframe Design, Business Analysis, Crystal Excelsius
Development and Capability. Project Gathering
Team Member: 2

On boarding presentation
Deliver a Proof-Of-Concept solution powered by
gamification methodology and ideation to proposed
for Business Case.
Presentation
On boarding Deck
UX Activities
Team Collaboration, Meeting Stakeholders, Architec-
ture Information, Brainstorm Design Iterations, Design
Guidelines, Visual Communication and Video Produc-
tion

Senior UX Product Lead Design - Joeffrey Madid Portfolio

More Related Content

Senior UX Product Lead Design - Joeffrey Madid Portfolio