Yves Lu:UI+UX by Yves

DESIGN PO RTFOLI O

RESUME CASE STUDIES

Jerry BMW X7

Passage AI

Jackery

Obsess Inc.

mobile app dev web, VR, ambiant research campaign activatio n experiential design branding, UI/UX

PROFILE

An experienced designer who can leverage the power of storytelling, multidisciplinary expertise, and passion for design innovation; lead teams in developing compelling concepts, and create innovative solutions that engage audiences across various industries and mediums A Strong sense of purpose and passion for creating a culture of supportive excellence, and inclusivity work within an entrepreneurial environment

EXPERIENCE

City Global

Creative Director

• City Global operates at the crossroads of a creative agency and a product development enterprise In my role as the Creative Director, I leverage AI and AR technologies to enrich our clients' experiences and help Fortune 500 companies bring their concepts to life I translate ideas into tangible consumer goods by managing the project cycle, from ideation and prototyping to launch

• Skill: Figma UI/UX, Vectary, Adobe Creative Suite, Deck Presentation

Obsess Inc

Creative Strategist-design, UI/UX, Business Development

• Led and developed over 30 detailed virtual experience concepts including spatial environment, user journey, and UI/UX with prominent clients across multiple verticals by working directly with the VP of Sales and the CEO These projects are for large current clients and sales prospects and represent an estimated over $2M in annual revenue

• Skill: Unreal Engine, Rhinoceros, Figma, Adobe Suite, Deck Presentation, Animation, Search, and Business Development Ver tical includes

Angeles, CA 2024 Dec-Now

Jerry, Start-Up

Project Lead-UI/UX Development

• Initiate and execute the ideation of a location-based messaging mobile application aimed at diversifying the messaging experience and prompting local merchants with a retail presence Including over 35 MVP design iterations and UI/UX research

• Organize and establish design guidelines for the iOS platform, at 3 7 3 version; Project manages and launches the MVP successfully within 6 months

• Establish a goal-oriented team by communicating vision and mission under a tight budget and timeline

• Skill: Figma, Adobe Creative Suite, Deck Presentation, and Project Management

Snatch-O’

Designer, Graphic Design and CPG

• Built a vertically integrated merchandise service for content creators and influencers Provided service including design, manufacture, and delivery of merchandise from client to customer within 6 months

• Researched and growth-tracked over 300 potential clients, and engaged in over 50 collaboration meetings and design sessions with a conversion rate of 10%

• Designed and customized over 500 content-specific pitch decks and talent-tailored outreach packages

• Skill: Adobe Suite, Deck Presentation, Client relation, Shopify, and Squarespace

Gehry Partners

Architecture Designer

• Produced proposals, and communicated through over 20 value engineering items and designed in response to client requirements in a large-scale museum project Achieve cost-effective outcomes of the 33% budget reduction goal

• Optimized third-party production pipeline and validated outsourcing quality through extensive interviewing and appointed service suppliers in manufacture, and 3d printing service Awarded bid and led to 80% of the cost-efficient outcome

CERTIFICATION

• Google Digital Marketing and E-Commerce Professional Certificate

EDUCATION

University of California Los Angeles (UCLA)

MS Architecture and Urban Design, technology cohort

• UCLA MS AUD Scholarship GPA 3 92/4

Southern California Institute of Architecture

Bachelor of Architecture GPA 3 83/4

• Won first place in MV Agusta Taiwan Flagship Competition & Commission

• Won a continuous 4 years scholarship at the Southern California Institute of Architecture Los Angeles, CA

TECHNICAL SKILLS

• UI/UX: Figma, Vectary

• 3D software: Rhinoceros (Grasshopper, Python Script), Digital Project, Autodesk(Autocad, CFD, Revit)

• Graphic: Adobe CC (Photoshop, Illustrator, InDesign, After Effect, Premiere Pro), Keyshot, Mental Ray

• World Building: Unreal Engine, Unity, Maya, Zbrush, Cinema 4D, 3D printing, and Physical model manufacturing

Yueh Jung (Yves) Lu

com l www yvesjlu com/visual

yveslawliet@gmail

Los

1 NGO / NPO 2 Manufacture 3 Enter tainment & Media 4 Fashion Labels 5 Cosmetic 6 CPG 7 F inancial Ser vice 8 Food & Beverage 9 Education

Manhattan, 2022 Sep-2023 Aug Los Angeles, CA 2020 Jan - 2024 April

Los Angeles, CA 2019 Jan - 2020 Jan

Los Angeles, CA 2018 June - 2021 June

Los

Angeles, CA

PROJECT: X7 VEHICLE LAUNCH

SERVICE:

BACKGROUND RESEARCH

BRIEF: UI/UX

WEBPAGE AUDIT

VIRTUAL ACTIVATION

The BMW X7 represents the pinnacle of THE SUV lineup, combining luxury, cutting-edge technology, and commanding performance. As BMW prepares for its official launch, BMW seeks a creative partner to help develop a compelling and impactful campaign that will resonate with the target audience

BACKGROUND RESEARCH:

The Affluent Professional

Demographics

Location

Occupation

Income

Interests

Buying

Motivation

Media

Consumption

Male, 40-55, w/children

Suburban areas in major cities

Executive/senior management (finance, tech)

Above $150,000

Luxury travel, golf, fine dining

Luxury features, brand prestige, advanced technology

Premium news outlets, LinkedIn, lifestyle magazines

Stakeholder Workshops and Interviews: Collaborate with BMW stakeholders to align on project goals, brand guidelines, messaging, and desired outcomes for the X7 webpage launch. Conduct interviews and workshops to capture insights and preferences from key stakeholders.

Information Architecture (IA) and Wireframing: Develop a clear information architecture (IA) for the X7 webpage, organizing content logically and prioritizing key features and information. Create wireframes that outline the layout, structure, and functionality of the webpage, focusing on user flows and interaction points.

The Entrepreneur

Female, 35-50, single/married

Urban or upscale suburban

Business owner/entrepreneur

Above $200,000

Entrepreneurship, fashion, automobiles

Luxury, spaciousness, latest technologies

Instagram, Twitter, entrepreneurial podcasts/blogs

Visual Design Exploration: Explore various visual design directions that align with BMW's brand identity, incorporating elements of luxury, sophistication, and innovation. Develop mood boards, style tiles, and initial design concepts to present different aesthetic options.

Prototyping and User Testing: Build interactive prototypes of the webpage design to simulate user interactions and flows. Conduct usability testing sessions with representative users to gather feedback on the prototype and identify areas for improvement

The Family Focused Parents

35-45 w/ children

Suburban areas in major cities

Professional (education, healthcare)

$100,000 to $200,000

Family activities, community, education

Safety, spaciousness, comfort, brand prestige

Parenting blogs, family-focused social media, podcasts

Content Strategy and Copywriting:

Develop a content strategy that aligns with BMW's messaging and the needs of the target audience Craft engaging copy for headlines, product descriptions, CTAs (Call to Actions), and other textual elements on the webpage.

Accessibility and Performance Optimization: Ensure the webpage design is accessible to users of all abilities, adhering to WCAG (Web Content Accessibility Guidelines) standards.

Optimize the webpage for performance, focusing on fast loading times, responsive design, and compatibility across devices and browsers

BRAND: BMW

• Navigation: The navigation bar is typically clean and intuitive, allowing users to easily explore different sections such as models, features, offers, and services.

• Interactive Elements: Interactive car configurators allow users to customize vehicle specifications (e.g., color, trim, accessories) and visualize their choices in real-time.

• Call to Actions (CTAs): Strategic placement of CTAs encourages users to take desired actions.

UX

• Responsive Design: The webpage is designed to be responsive

• Clear Information Hierarchy: Information is organized logically with clear hierarchy, ensuring that users can easily find what they are looking for (e.g., vehicle specifications, pricing, features)

• Performance Optimization: Fast loading times and smooth interactions contribute to a positive UX, reducing bounce rates and keeping users engaged.

WIREFRAME

categories subframe linear sequence

cover spread header footer

other possible squence

models comfort technology luxury make it yours models comfort technology luxury make it yours other possible squence models comfort technology luxury make it yours

Visual design overlay: Imagery: High-quality visuals of the vehicle closeup.

Copy writing pitch: “Transform to Extraordinary” “A Brand New Luxury” “Unleash the Adventure”

Typography System: The webpage employs modern and readable typefaces for headings and body text, maintaining consistency across different sections.

Front/Back View Toggle Color Correcction

Too much empty padding/space.

Cover Spread

Comfort

Models

Carousel information windows for technologies

linear sequence guide

UX:Suggestion for navigation reset

CTA for purchase

Technology luxury CTA

VIRTUAL ACTIVATION

Project Overview:

A VR activation that showcases the BMW fleet in a immersive virtual environment. This activation should provide participants with a unique and memorable experience, highlighting the craftsmanship, performance, and cutting-edge features of the BMW vehicle.

Key Objectives:

• Engagement: Create an interactive VR experience that captivates participants and allows them to explore the BMW’s design and features

• Brand Immersion: Immerse participants in the world of BMW, reinforcing our brand identity and values

• Product Showcase: Highlight key features of the BMW X7, including interior design, technology integration, and driving capabilities

• Audience Interaction: Encourage audience interaction and participation through innovative VR storytelling and experiences

Scope of Work:

• Develop a creative concept for the BMW activation, integrating brand elements and product highlights.

• Design and produce the VR environment, incorporating realistic visuals and interactive features

• Create engaging storytelling elements that convey the essence of the BMW X7 and its unique selling points.

• Provide VR hardware setup and technical support during the activation.

research concept ideation 3D build product ui/ux present

Virtual race track X7 LAB

BRAND: PASSAGE AI

PROJECT: BRAND IDENTITY, LANDING PAGE

SERVICE:

DESIGN SYSTEM

BRIEF: VISUAL IDENTITY

WEBPAGE

PROTOTYPING

Passage AI is a fintech startup focused on solving the challenges of fraud detection and tenant qualification. The platform harnesses the power of machine learning and data analytics to provide accurate, efficient, and secure solutions for financial institutions and property management companies. Design a landing page and company identity for the startup to prototype customer sign up.

DESIGN SYSTEM / VISUAL IDENTITY:

WIREFRAME

try figma prototype at https://www.figma.com/proto/3gGACA4E6PTLkYEKXW2fDH/ Fintech-Brand-UI%2FUX?type=design&node-id=360-312&t=eNbUIhnoiRpRyZ00-1&scaling=min-zoom&page-id=0%3A1&mode=design

Logo Slider control

Color Palette

Slider UI logic (dynamic)

1D1D1D 585858

logo intro

header

footer

A3A3A3 202020

cast saving model portfolio slider input

trusted brands pricing panel pricing panel pricing panel FAQ - collapse folder

PROJECT: MOBILE APP

SERVICE:

BRIEF: Jerry involves developing an innovative messaging app that goes beyond traditional text messaging. The MVP (Minimum Viable Product) of this app allows users to pin messages to specific locations, enhancing the way they share information with friends.

SCOPE OF WORK: 1. Location-based Messaging: Enable users to attach messages, links, or media to specific locations for others to access. Implement features for location-based discovery and sharing of content

BLUE PRINTS: BRAND:

2. Commerce Integration: Develop capabilities for users to pin goods and products within messages. Enable users to purchase or gift products directly through the app with simple text commands.

3. Redemption System: Design a seamless redemption process where recipients can claim gifted items (e.g., coffee) at designated locations using the app.

JERRY

UI/UX Home Page If there is message to be open Hello Anna, some message arround you: Hmm... Not much going on here -c reate a messageyou are at: LAX AIRPORT

Dad

Home Page If there is no message to be open profile edit edit bottom new message inbox home page We think you are at: LAX AIRPORT pin anything you want: a song, a photo, a message or a voice memo a list for your groccery, gym work out, work task, shopping list this is a stamp, just for fun (you can only pin a stamp at your current location) fig 2 fig 1 letter template DESIGN SYSTEM MOBILE DEVELOPMENT PROTOTYPING

My Boss

Jack

profile Edit Pag e Hello Anna, some message arround you you are at:

Dad My Boss Jack add your spots policy invite friends to join report and help log out fig 3 fig 4-1

inbox

5-1 inbox if you are not at the location to open the message, then prompt direction fig 5-2

LAX AIRPORT

Who can

it SEND At

gym work out, work task, shopping list

a stamp, just for fun (you can only pin a stamp at your current location)

fig 4-2 new message create message new message pin anything you want: a song, a photo, a message or a voice memo

see

List: for your groccery,

this is

fig

Lucas pin a message at LAX Mary pin a song at Mac Arthur Park

you pinned the stamp at Dad’s office Lucas pin a message at LAX get direction

A information structure can hold different kind of substrate of categories from different api input.

Design

----A1 ----A1-1 - ---A1-1a sub1 sub2 sub3 category main category sub-category product

PROTOTYPE

DEVELOPMENT FLOW

Case Study: Rhone

Case Study:Blue Bottle

sub1 sub2

e API Shopify API

N/A ----A1 ----A1-1 ----A1-1a

A ----N/A ----N/A -----A1-1a s ub1

ub2

HIERARCHY CHART A

UI/UX, BRAND INTEGRATION

Allbirds Blue Bottle Alo Rhone BreadBlok Reigning Champ Little Lunch Verve Blue Bottle 11103 Abbot Kinney Blvd, Venice, CA 90291 merchant > store > main category merchant > store FEATURED COLD BREW ESPRESSO POUR OVER Blue Bottle 11103 Abbot Kinney Blvd, Venice, CA 90291 Blue Bottle 11103 Abbot Kinney Blvd, Venice, CA 90291 Blue Bottle 11103 Abbot Kinney Blvd, Venice, CA 90291 merchant > store > main category > xxx xxx > xxx xxx > product Cappuccino Cafe Latte Iced Cafe Latte Americano Americano merchant > store > main category > xxx xxx > xxx xxx > product > details $5 merchant > store > xxxxxx > category > sub-category > product

Cafe Latte Iced Cafe Latte Americano fig 2 location API fig 3 data structure-A fig 5-1, item added 582 Mateo St Los Angeles, CA 90013 1103 Abbot Kinney Blvd Venice, CA 90291 8301 Beverly Boulevard Los Angeles, CA 90048 300 South Broadway Los Angeles, CA 90013 add to cart A2-2B added! ORDER SEQUENCE fig 5 sub:product fig 4 merchant A1-1A fig 1 merchant API

Cappuccino

fig 1 check out screen fig 2 receipt display fig 3 end action land at chat scenrio 1: on platform RECEIVE SEQUENCE Cart For Rob, Blue Bottle Apple Pay p.s. your friend have 30 days to pick it up. Full amount will be refund to your credit card after 30 days Check out Back to edit Add more item Charge: sub-total: $5 Americana $5 tax: $0.5 fee: $1 Total: $6.5 1+ Charge: Americana Hayes Valeey Espresso 8oz none(no milk) no steam no sugar reguar quatity:1 @11103 Abbot Kinney Blvd, Venice, CA 90291 sub-total: $5 tax: $0.5 fee: $1 Total: $6.5 New Yves pinned some good with you at blue bottle @10250 Santa Monica open maps app Check inventory alternate: This product is currently out of stock Card shows up If user not at location, open map to show route If user at location, open chat thread SCAN THIS AT THE COUNTER Cappuccino * 1 @ 10250 Santa Monica Blvd #1765 Los Angeles, CA 90067 Tap to open this NFC at the store to edeem This product is cur ntly avalibl Hi Andy, welcome to the team Here are

CHECK OUT SEQUENCE

Blue Bottle Americana Tap to open this NFC at the store. This product is currently avalible Happy Birthday! 1335 Abbot Kinney Blvd, Venice, CA 90291

Rob Thier

1. Receive SMS w/ link to NFC package

Yves pinned some good at Blue Bottle with you.

Location: 14501 Santa Monica Blvd

2. Redeem at Counter

You can redeem: *cappuccino using this link for NFC pacakge: www.##nfcpackage002.com

At the store, simply click the link open and scan it. (Link avalible for 30 days)

3. after redeem:second text to invite to sign up

)

We invite you give Jerry a try. You can pin message and more (like an actual cofe) with your friends.

http://apps.apple.com/us/app/jerry-lo cation-base-messagin/

NFC package at POS will perform: 1. Generate Order 2. Signa Jerry order to pay the merchant

4. pair the receiver’s number with sign up number to have the notification loaded

scenrio 2: new user intro RECEIVE

SEQUENCE

* 1 @1 0250 Santa Monica Blvd #1765 Los Angeles, CA 90067 Tap to open this NFC at the store to redeem This product is currently avalible Hi Andy, welcome to the team Here are a cup of coffee to kick things off! thank you so much!!!

SCAN THIS AT THE COUNTER Cappuccino

BRAND: JACKERY

PROJECT: PRIME DAY ACTIVATION

SERVICE:

MEDIA CAMPAIGN

WEBPAGE AUDIT

BRIEF:

GRAPHIC DESIGN

Jackery, a leading provider of portable power solutions, is gearing up for Amazon Prime Day with a focused campaign targeting North American audiences. This design brief outlines the requirements to optimize Jackery's website for North American content in preparation for the Prime Day activation.

SOLUTION

creative campaign proposal

B: graphically separate “story” and “information”. Using high quality photography to tell story and use vector art to convey information clearly

A: Logo

1D1D1D E95D25 EC7B40

Color Palette

C: establish design logic and information hierarchy through the Amazon page to achieve visual consistency and improve browsing experience, browsing experience.

CREATIVE STRATEGIST AT OBSESS INC.

BRIEF

research potential clients and designcomprehensive proposals include virtual environment, user experience, platform feature and prospect’s goal integration.