Web design campaign page
Microsoft PC Manager Team X Tesla Marketing campaign



Internship Timeline
Market researchοΌbusiness case presentation join in partnership negotiateοΌ
Define user journey
Visual Design
Collaborate with engineers on web development
Web design campaign page
Redesign PCM icon on Bing
PCM gamified feature exploration
Banner design PCM & Minecraft
April
May
June
July
Marketing cases research
Team: 4 members
Me: UX designer
My mentor: PM
Product designer
Marketing manager
Role
Visual design
Case research
Case presentation
Marketing negotiation
Time
2 months
Tools
Figma
Adobe illustrator
Marketing cases research
ππ±ππβοΈπΏπ²
I went through the marketing cases that Tesla China held in 12 months and reported to the marketing managers and product manager. The visual materials I found through the research inspired me to design the campaign page.

Campaign user journey
After meeting with marketing team at Tesla, we confirmed the form of the campaign. We discussed the platform and possible gifts that both sides can provide to expose the event.

In-product Place
campaign banner & text link
homepage banner & campaign landing page
PCM APP
PCM Website


Design process
AI photo generator helps me quickly explore ideas and present to stakeholders.
According to the function map based on three main features: companion, discovery and cognition, we designed the XR interfaces.
AI generated illustration inspiration
Using Image Creator by new bing, I was able to try different illustration style in a short time. This helped me present ideas to the marketing team and product manager and inspired my design.







Selected ones
Iteration of designs

Final output
Responsive design across mobile and PC
According to the function map based on three main features: companion, discovery and cognition, we designed the XR interfaces.
Landing page - banner design


Campaign detail page - click through banner



Takeaways
Technology would change the way we think of design
Save save extra for co-workers: When it comes to collaboration, itβs important to save extra time for co-workers. I learned to set clear deadlines with developers since we have a campaign duration and launch date.
Keep the consistency of design: I design the logos, banners and elements following product visual. The fluent design guidelines and previous documents taught me a lot.
Higher view of product decisions: Although most of my work at PCM team is not design related, I get to see the holistic planning and event launching for each sprint from excellent PM.
Design for joyful experience: Although this is a small gamified project, I am so happy to learned about designing for enjoyment and took a break from business goal.
Thank notes : )
Special thanks to the amazing people that I have met at Microsoft! Especially my mentor Ruoqing Tang~~



Contact
Let's start creating together
I am actively looking for opportunities
Β© Designed by Murphy at midnight with music and milk tea. All Rights Reserved.