Mark Concepcion

Mark is a multidisciplinary designer.

15+ years leading creative across brand, digital, campaigns and presentations, most recently at Meta Infrastructure.

Explore my work by discipline

Artist branding, album coverArtist Identity & DirectionOngoingCreative direction, album covers and photography for an emerging music artist. Meta booth at an infrastructure event, with an LED wall of Open Arts postersMeta Infra2019 – 2026Led creative for audiences of up to 10,000: keynotes, event design and visual systems for ARM Event, OCP Global Summit, AI Infra Summit and Network Infra Summit. VYEPTI website designInizio Evoke2021Art direction and the visual system behind public, patient and provider websites. IDC TeamEx program brandingMeta Infra Data Center2019 – 2021Program branding, slide systems, event posters, characters and logos. Heat Stroke Grill brand identityHeat Stroke Grill2016 – 2019Acquired by Fruitas Inc. in 2019: a Metro Manila barbecue pop-up and its brand, built into three branches. US Air Force banquet and challenge coin designUS Air Force2012 – 2016A flyer I designed helped the base secure millions in funding. Also awards banquets, challenge coins and posters. Presentation designPresentation designsKeynote decksKeynote decks of 300+ slides for audiences of up to 10,000, and the presentation systems behind them. OCP EMEA Keynote 2026, Large Scale Infrastructure slideOCP EMEA Keynote2026Keynote slides for the OCP EMEA 2026 presentation, from large-scale infrastructure to rack power. Brooks PawRunners slide, buy Brooks DNA AMPBrooks PawRunnersConcept campaignA concept app where running 25 miles helps a shelter dog get adopted. Logo workLogos, icons & badgesMarksMarks and emblems from across my work. SH Water, hydration app case studySH WaterUX case studyA hydration app that makes healthy habits visible, simple and motivating. Google Ad Campaign, poster seriesGoogle Ad CampaignConcept campaignA poster series that interprets Google’s brand in three ways. Imbento, bento-box ordering appImbentoUX design conceptA bento-box ordering app whose portions adjust with a drag. AwareNest campaign identityAwarenestConcept campaignAn awareness campaign about how media affects children at home.

Selected work.

Experience

Full details in the résumé.

Feb 2022 – Jul 2026Senior Creative Designer

Meta, full-time. Multidisciplinary creative across Meta Infrastructure

Mar 2019 – Mar 2021Creative Designer

Meta, contract. The start of 6+ years at Meta

May – Dec 2021Art Director

Inizio Evoke, San Francisco. Healthcare brand and digital work.

Feb – May 2019Art Director

Y&H Creative

Feb 2016 – Mar 2019Business Partner & Creative Lead

Heat Stroke Grill. Built the brand from the ground up

Mar 2012 – Feb 2016Graphic Designer & Engineering Assistant

US Air Force

Let’s make complex
ideas meaningful.

Email

sendhello1986@gmail.com

LinkedIn ↗About & résumé

Transforming complex ideas into impactful visuals.

15+ years across brand, digital, campaigns and presentations, most of all in tech.

Selected work

Each project opens its full story.

More range

Decks, marks and case studies, each with its own page.

Experience

Full details in the résumé.

Feb 2022 – Jul 2026Senior Creative Designer

Meta, full-time. Concept to delivery on keynotes, logos and visual systems across Meta Infrastructure, with VP and director sign-off.

Mar 2019 – Mar 2021Creative Designer

Meta, contract. The start of 6+ years at Meta

May – Dec 2021Art Director

Inizio Evoke, San Francisco. Healthcare brand and digital work.

Feb – May 2019Art Director

Y&H Creative

Feb 2016 – Mar 2019Business Partner & Creative Lead

Heat Stroke Grill. Built the brand from the ground up, through its acquisition by Fruitas Inc. in 2019.

Mar 2012 – Feb 2016Graphic Designer & Engineering Assistant

US Air Force

Kind words

From people I have worked with.

“Mark is a thoughtful and valuable team member, and a great partner. I had the great pleasure of working with him on a wide variety of projects, and saw his tremendous talent firsthand. Whether creating logos for Meta teams, projects, and products, or designing graphics for a post, wiki, or web page, or even producing and editing audio for a podcast, Mark always comes through brilliantly when it comes to creative and technical execution. He will surely elevate any team and I hope to continue to work with him.”
Director of Brand and StrategyJun 2, 2023
“Huge thanks for your support for Meta keynote design work and jumping in at the last minute to support all critical changes required! Your ability to deliver under pressure was a lifesaver, and your creative touch made all the difference.”
Director, MetaOct 15, 2024
“Thanks a bunch, Mark, for your very creative ideas and providing clean designs for various needs from TPM. This is super helpful for quick messaging of complex initiatives. Much appreciated!”
Director, MetaJul 28, 2025
“Thank you for your creative skills and slide mastery that enabled bringing the RL and Infra Silicon teams together for the first time in 4 years! This built community for our silicon teams at Meta, and helped bridge the gap across projects, tooling, and investments to make us better at the company level.”
Executive Communications and Strategy, MetaOct 4, 2025
“Mark is an incredibly talented designer. His work was consistently phenomenal, visually polished, thoughtful, intentional, and always grounded in what the project needed. He has a natural ability to see the bigger picture, take an idea, and turn it into something beautifully designed and exceptionally well executed. Any team would be lucky to have his talent, creativity, and collaborative spirit.”
Lead Designer, MetaJan 2026
“Thank you for your excellent work on preparing all the communication related to this. We were able to get it done in a short period of time and with high quality, which is a significant achievement. Given many questions in the media about MTIA, the impact of this proactive communication will be big, as we no longer just play a defensive role in the face of leaked information. I appreciate your rigor, attention to details, and fast response in this effort.”
VP, MetaMar 11, 2026
“Thanks, Mark, for upleveling the VP of Network Infra’s slides. I enjoyed working with you! You were super fast, and I think the final product hit the expectation!”
Executive Assistant, MetaDec 9, 2025
“Thanks, Mark, for helping Eng and infra better visualize the growth of our subsea network. The compelling imagery and infographic you created for APAC will now serve as our template and the educational framework for helping tech elites and policy makers better understand the importance of Meta’s digital infrastructure.”
Senior Program Manager, MetaSep 29, 2025
“Thank you, Mark, for all your help and support in designing the visual elements of DABI 2024. Your creative expertise was instrumental in crafting the slide templates, posters, agenda, videographics, and overall aesthetic of the summit. Your high-quality and elegant designs truly elevated the event! Thank you again for your contributions to DABI 2024.”
Engineer, MetaDec 11, 2024
“You are the man! Thanks as always for going above and beyond. Your help to get the new SiteOps EMEA logo was an important detail for the success of the implementation of the new area!”
Senior Program Manager, MetaOct 10, 2024

Let’s make complex
ideas meaningful.

Email

sendhello1986@gmail.com

LinkedIn ↗About & résumé
← Home
Meta · Feb 2022 — Jul 2026

Meta Infra

At Meta, I served as a creative lead and visual designer for the infrastructure organization, partnering with VPs and Directors to turn complex technologies into compelling visual stories. I led creative direction across executive communications, event branding, team identities, design systems, engineering blogs, and product videos, creating cohesive experiences across channels and reaching audiences of up to 10,000 employees.

Designing at executive speed

Six years at Meta, 2019 – 2026. Most of my work there started the same way: a brief in the morning, a final design due that afternoon, and a senior leader waiting on the other end. Feedback arrived late and plans changed often, so I learned to design alongside my stakeholders instead of waiting for perfect input.

ChallengeSame-day briefs for high-visibility moments, with late feedback and last-minute changes as the norm.
ApproachAsking for feedback earlier never fit their schedules. So I worked alongside stakeholders instead: delivering what they asked for while presenting my own recommendation with clear reasoning, so decisions converged on the strongest direction.
OutcomeI built and maintain a shared library of Keynote, banner and logo templates, updated every quarter, for at least 25 teams across orgs, pillars and sub-teams. Teams now present with a more consistent look, and produce more.

Influence over authority. With senior stakeholders, pushing back is rarely simple. What works is staying creative, making sure we are aligned, meeting halfway, and knowing when to let go.

ARM Event 2026

For the April 2026 ARM Event, I worked with the VP of Meta Infrastructure and his team to shape the story and visual direction, turning a set of complex infrastructure initiatives into one clear experience for key industry audiences.

ARM Event 2026 — keynote visuals
ARM Event 2026 — executive presentation design

Meta AI Blog 2026

Executive blog features need technical depth that anyone can follow. I led creative with the Senior Director of Engineering, partnering with UX designers and the production team to turn complex technical insights into clear digital assets. Read the related Meta AI article: MTIA: scaling AI chips for billions ↗

Meta AI Blog 2026 — digital assets
Meta AI Blog 2026 — digital assets
Meta AI Blog 2026 — digital assets

OCP EMEA Summit 2026

For the OCP EMEA Summit, I worked with engineering leadership on keynote visuals that make intricate software and infrastructure ideas easy to follow.

OCP EMEA Keynote 2026 — the presentation · Watch on YouTube ↗
OCP EMEA Keynote 2026 — slide 1 of 15
OCP EMEA Keynote 2026 — slide 2 of 15
OCP EMEA Keynote 2026 — slide 3 of 15
OCP EMEA Keynote 2026 — slide 4 of 15
OCP EMEA Keynote 2026 — slide 5 of 15
OCP EMEA Keynote 2026 — slide 6 of 15
OCP EMEA Keynote 2026 — slide 7 of 15
OCP EMEA Keynote 2026 — slide 8 of 15
OCP EMEA Keynote 2026 — slide 9 of 15
OCP EMEA Keynote 2026 — slide 10 of 15
OCP EMEA Keynote 2026 — slide 11 of 15
OCP EMEA Keynote 2026 — slide 12 of 15
OCP EMEA Keynote 2026 — slide 13 of 15
OCP EMEA Keynote 2026 — slide 14 of 15
OCP EMEA Keynote 2026 — slide 15 of 15

AI Infra Summit 2025

The VP of Infrastructure Foundation needed to explain Meta’s critical infrastructure initiatives to a broad audience. I worked with the comms team to build the visual strategy and presentation structure that made it possible. Read the related Meta Engineering article: Meta’s infrastructure evolution and the advent of AI ↗

AI Infra Summit 2025 — keynote design
AI Infra Summit 2025 — presentation architecture

OCP Global Summit 2025

I partnered with the VP of Hardware & AI Systems Infrastructure to develop their executive keynote narrative. As Creative Design Lead, I also shaped Meta’s presence at the San Jose Convention Center into one cohesive visual brand experience.

OCP Global Summit 2025 — the presentation · Watch on YouTube ↗

At OCP, the keynote and the booth had to tell one Meta story. The slides run dark and the booth is mostly hardware, so I looked to what people already know us for: Facebook and Instagram. I built the booth around those product brands, within Meta’s guidelines, so visitors recognize us at a glance. Many stopped to tell us they liked it, and it stood apart from the hardware-led booths around it.

ChallengeOCP keynotes are public, so Legal and external comms review every slide to decide what we can show and say. The narrative can still change late.
ProcessTimelines depend on the speaker but usually run about a month: three weeks refining the narrative, design and layout, then a week of intensive editing.
OutcomeA booth and keynote that read as one Meta, and a booth visitors complimented.
OCP Global Summit 2025 — summit visuals
OCP Global Summit 2025 — summit visuals
OCP Global Summit 2025 — summit visuals
OCP Global Summit 2025 — summit visuals
OCP Global Summit 2025 — summit visuals
OCP Global Summit 2025 — summit visuals
OCP Global Summit 2025 — summit visuals

OCP Global Summit 2024

I partnered with the Senior Director of Data Center & AI Networking on their executive presentation, and led the visual strategy for Meta’s exhibition booth at the San Jose Convention Center. Read the related Meta Engineering article: Meta’s Open AI hardware vision ↗

OCP Global Summit 2024 — the presentation (clip: 22:51–37:35) · Watch the full talk on YouTube ↗

During keynote rehearsal, the narrative had to change. I had two hours to rework it and update every slide to match.

OCP Global Summit 2024 — keynote & event branding
OCP Global Summit 2024 — keynote & event branding
OCP Global Summit 2024 — keynote & event branding
OCP Global Summit 2024 — keynote & event branding
OCP Global Summit 2024 — keynote & event branding
OCP Global Summit 2024 — keynote & event branding

Network Infra Summit 2025

I led creative for the internal Network Infrastructure Summit, building the visual story with the VP of Network Infrastructure and seven subject-matter experts. The goal was to turn complex technical roadmaps into one consistent presentation system.

Every two years, more than 1,000 people from around the world gather in Menlo Park for the Network Infra Summit, one of the largest internal events in Infra. Ten leaders, each with a different topic and at least 50 slides, had to feel like one story. I presented three concepts in the first week, then carried the chosen direction through everything attendees see and touch.

ChallengeTen leads, ten topics, 50+ slides each, and about three months of preparation.
ApproachThree concepts within a week of kickoff. Once one was chosen, I built every speaker’s slides with them, from layout to final edits, up to the day of the event.
ScopeSummit logo, tickets, poster, banners, swag and posts; every speaker deck; and the keynote for the VP of Network Infra, developed with the executive comms team.
  1. 1Kickoff
  2. 2Three concepts in one week
  3. 3Event identity and materials
  4. 4Slides built with each speaker
  5. 5Editing through the day of the event
Network Infra Summit 2025 — event stage
Network Infra Summit 2025 — keynote session
Network Infra Summit 2025 — event branding
Network Infra Summit 2025 — venue branding

Meta Engineering Blog

Meta’s official subsea infrastructure blog post was full of dense technical data. I led creative with the Senior Director of Engineering to turn it into visuals anyone can read, then prototyped and edited the 30-second motion teaser using custom Keynote animations. Read the related Meta Engineering article: Introducing the Candle subsea cable ↗

Subsea Cables blog — digital assets
Subsea Cables blog — 30-second motion teaser, edited in Keynote
Subsea cable infographic — information design

Infra Foundation Wiki

The Infra Foundation org needed one clear home for its teams, new-hire onboarding and career resources. I designed the wiki’s visual layout and identity to be exactly that.

Infra Foundation team wiki — design
← Home
Inizio Evoke · May 2021 — Dec 2021

Inizio Evoke

As Art Director at Inizio Evoke, a healthcare agency in San Francisco, my main project was VYEPTI, Lundbeck’s preventive migraine treatment. I art-directed and designed websites for the public, patients and healthcare providers. Most agency work is confidential, so this is the public-facing work, still live at vyepti.com.

The patient site

Art direction and visual design for the patient experience: the overall style, the geometric backgrounds behind the photography, the rounded card system, and the patient-story carousel.

Patient stories — testimonial carousel and support cards

The Infusion Locator

A find-a-provider tool for infusion care: search, a legend of facility types, map pins, and result cards that mirror the map. Still live today.

Infusion Locator — search, map pins and result cards
Facility types — locator legend

The icon system

One consistent line style across the whole experience — support, locator, and treatment-journey icons drawn as a single system.

Patient profile icon
IV infusion icon
Schedule icon

Components & print

The stat tab was an original component, built to showcase the three product differentiators. The savings card carried the same system into print — the card patients actually hold.

Stat tabs — 1st and only / 100% delivery / lasts 3 months
VYEPTI savings card — pay as little as $0 per infusion

The provider site

The same system, tuned for healthcare providers: direct and practical, with the locator at the center.

HCP site — Infusion Locator section and map illustration
← Home
Meta · Mar 2019 — Mar 2021

Meta Infra Data Center

As Creative Designer for Meta’s Infrastructure Data Center team, I led the visual design for IDC TeamEx: program branding, executive communications, large-scale events and digital storytelling.

Slide Presentations

TeamEx programs and executive communications needed decks that stayed clear and consistent across many teams, so I designed them to work as one family.

Slide presentation design
Slide presentation design
Slide presentation design
Slide presentation design
Slide presentation design
Slide presentation design
Slide presentation design

Web Graphics & Email Banners

TeamEx programs and events were announced by email and on internal pages. I designed the banners and web graphics that carried each announcement.

Web graphic / email banner
Web graphic / email banner
Web graphic / email banner
Web graphic / email banner

Wikipages

Each TeamEx program needed a home that was easy to scan. I designed internal wiki pages that gave each one a clear, branded place.

Wikipage design
Wikipage design
Wikipage design

Event Posters

Every TeamEx event poster is built on its program’s branding, so each one is instantly recognizable.

Event poster
Event poster
Event poster
Event poster
Event poster
Event poster
Event poster
Event poster
Event poster

Characters

I created a cast of characters to give IDC programs, events and internal storytelling a consistent, recognizable face.

Character illustration
Character illustration
Character illustration
Character illustration
Character illustration
Character illustration
Character illustration
Character illustration

Iconography & Logos

I designed icon sets and logos so each TeamEx program and community had its own recognizable mark, including the Book Club identity.

Iconography & logos
Iconography & logos

Logos

Logo design
Logo design
Logo design
Logo design
Logo design
Book Club logo
Logo design
Logo design
Logo design
Logo design

Other Graphic Projects

Smaller graphic pieces made alongside the larger programs.

Graphic project
Graphic project
Graphic project
Graphic project
Graphic project
Graphic project
Graphic project
Graphic project
← Home
Laughlin AFB, Del Rio, Texas · Mar 2012 — Feb 2016

US Air Force

I served on active duty in the US Air Force from 2012 to 2016 as an Engineering Technician at Laughlin Air Force Base. Design was my passion, so I volunteered as the base’s graphic designer, on everything from classified programs to local military events. For four years I was lead designer for the Annual Awards Banquet and the Air Force Ball, creating logos, military coins, posters, tickets and AV presentations.

A Flyer That Opened Doors

My proudest project. I worked with base leadership and pitched ideas for how to make the case, then designed the flyer that was presented to senior USAF officials and local government leaders. It helped the base secure millions of dollars in funding and earned me Base Airman of the Year at Laughlin AFB. (Some copy and details omitted due to classified information.)

Laughlin AFB — promotional flyer

Annual Awards Banquet 2013

The 2013 banquet came together as three pieces, left to right: the admission ticket, the AV presentation slides, and the main promotional poster, which hung on bulletin boards across the base.

Below is the actual medal I designed for the event and used on the poster. This one is mine, received for winning Base Airman of the Year.

Annual Awards Banquet 2013 — admission ticket
Annual Awards Banquet 2013 — AV presentation
Annual Awards Banquet 2013 — promotional poster
The Awards Banquet medal I designed — my own, received for Base Airman of the Year
Laughlin AFB — design work
Laughlin AFB — design work
Laughlin AFB — design work

Combat Dining Out 2014

The ticket used a different color for each of the two participant types, so the event coordinator could tell them apart at a glance.

Combat Dining Out 2014 — ticket for military personnel
Combat Dining Out 2014 — ticket for military civilians

Military Coins

One of my favorite projects was the Mission Support Group Commander’s challenge coin — a limited edition awarded only to the “best of the best” in the mission support organization. I’m humbled to have received the very first one, handed to me by the Commander.

Another concept: a coin for participants in the annual Adventure Race in Del Rio, Texas, that doubles as a bottle opener. The Civil Engineer Squadron and AF Sergeants coins are below.

Challenge coin design
Challenge coin design
Challenge coin design
Challenge coin design
Challenge coin design
Challenge coin design
Challenge coin design
Challenge coin design
Challenge coin design
Civil Engineer Squadron coin — front
Civil Engineer Squadron coin — back
AF Sergeants coin
Poker chip — final design

Other Design Projects

More design work from my years at Laughlin AFB, beyond the major events above.

Additional design project
Additional design project
Additional design project
Additional design project
Additional design project
Additional design project
Additional design project
Additional design project
← Home
Metro Manila · Feb 2016 — Mar 2019

Heat Stroke Grill

Heat Stroke Grill began as a pop-up barbecue restaurant in Metro Manila. From 2016 to 2019 I was its business partner and creative lead, building the business and the brand together. Barbecue is a beloved comfort food in the Philippines, so we gave the brand an authentic, welcoming voice and grew through social media and mobile food app partnerships. In 2019, Fruitas Inc., a major Philippine food service company, acquired Heat Stroke Grill.

Three Branches

The pop-up grew into three locations across Metro Manila.

First Heat Stroke Grill — Marikina City
Second branch — Quezon City
Third branch — Quezon City

Branding

The identity is simple on purpose: authentic and comforting. I designed the logo to welcome customers warmly and bring an instant smile. In marketing, playful hashtags on social media and little pins to share with our community kept that warmth going.

Heat Stroke Grill — brand identity
Heat Stroke Grill — social & community branding
Heat Stroke Grill — menu book
Heat Stroke Grill — table menu
Heat Stroke Grill — promotional pins
← Home

Presentation Designs

Presentations built end to end. The information-design pieces turn dense technical material into clear infographics; the campaign decks cover research, strategy, concept, and design. I led each project from start to finish, setting direction and refining the work with cross-functional teams.

Information designOCP EMEA Keynote 2026 — “Rack Power” slide: 80% CPU + Memory

Infographics and visual overviews that turn dense, technical material into something clear at a glance.

Commissioned work

Presentations designed on commission.

More Live Recordings

The talks I designed for, as presented by Meta at external industry events.

Campaign and Concept PresentationsBrooks PawRunners slide — “Here’s how it works”: buy Brooks DNA AMP, run 25 miles, adopt a happy dog

Concept, strategy and design — for each of these five, I created the idea and built the deck end to end.

← Home

Logo, Icons & Badges

Logos, icons, and emblems from across my work: program identities at Meta, a barbecue brand in Manila, and challenge coins for the US Air Force.

Badge Designs

Emblem-style badge marks, each designed to stand alone as insignia.

Culture & Pulse
Strong Communities
Performance & Recognition
Learning & Development
Recruiting & Onboarding
Code Red MTIA
InSite Podcaster

Meta Infra Data Center

Iconography and logos that gave IDC TeamEx programs and communities their own identities.

SiteOps — Infra Data Centers
Iconography & logos — Meta IDC
Logo design — Meta IDC
Logo design — Meta IDC
Logo design — Meta IDC
Logo design — Meta IDC

Meta Infra Foundation

Identity work that gave the Infra Foundation org and its programs a recognizable look.

Infra Foundation
RUBY
SPACE — Supply Planning and Capacity Ecosystems
Women @FDN

Heat Stroke Grill

A warm, welcoming mark for a comfort-food brand — designed to bring an instant smile.

Heat Stroke Grill — primary brand identity
Heat Stroke Grill — brand marks in use

Emblems & Challenge Coins — US Air Force

Coin and emblem designs from my time at Laughlin AFB, including the Civil Engineer Squadron coin and the AF Sergeants coin.

Civil Engineer Squadron coin — front
Civil Engineer Squadron coin — back
AF Sergeants coin
Poker chip — final design
← Home
UX case study

SH Water

A mobile experience that makes hydration visible, simple, and motivating — without turning everyday health into homework.

Role — UX/UI designer: I framed the problem, synthesized the research, and designed the interaction and visual system end to end.

Skills: Research · Branding · Visual Design · User-Centered Experience and Design

Overview

Stay Hydrated is a drinking water mobile app. The company’s mission: use software to get people to drink more water and eat healthier. My job was to turn that mission into an app people would actually keep using.

ProjectStay Hydrated — drinking water mobile app
RoleUX/UI designer
ScopeResearch, wireframing, prototyping, user testing, UI, visual design & branding
Stay Hydrated — a drinking water mobile app

The challenge

Most food-related decisions aren’t the healthiest, and people everywhere could be better educated on the long-term damage of not drinking enough water. Most people don’t drink enough water per day, and most could make healthier food-related decisions.

Business goals

  • Educate people on water drinking habits.
  • Educate people on healthy food options.
  • Drive people to drink more water.
  • Delight users with an experience that retains them.

User goals

  • People looking to live a healthy lifestyle — improving diet and health.
  • People who may not be health conscious, but this will help them.
  • Health nuts.

Learning goals

  • Users learn the importance of drinking water and eating healthy.
  • Users can classify healthy and unhealthy food options.
  • Users can monitor how much water they need to drink a day.

Research

Being healthy takes time, money, and sacrifice, so research started with who the users are and what gets in their way. I mapped the user, the problem, and the solution, then tested three assumptions against seven personas, from an engineer to a full-time student.

User
  • Students to professionals
  • Health conscious
  • Busy jobs
Problem
  • No time to prep good meals
  • No time for organic food markets
  • Always forget to drink water
  • Want availability easy and fast
Solution
  • Software that gets people to drink more water and eat healthier meals
Assumed

All personas drink water and eat healthy meals every day.

Found

Almost all drink water daily; some forget because of work. Almost all want to eat healthy, but availability and budget decide. Most prefer organic and skip it because of price, unless it’s on sale.

Partly
Assumed

All personas prefer bottled water to tap.

Found

Only one prefers bottled, because of a health condition. Most prefer filtered water, most drink tap, and almost all won’t buy expensive bottled water. Almost all drink water first thing in the morning and at least 20 minutes before bed.

Didn’t hold
Assumed

All personas are more health conscious and know what is healthy.

Found

All know the importance of drinking water and eating healthy, believe water keeps them awake and energized at work, and believe exercise matters. Most have used an app that tracks water and food.

Held

In their words

“…I have an app before that tracks my food and water but I stopped using it because it was complicated to use, you have to click a lot of button…” — Engineer, 25

“…I have never used an app for that, but I have a water tumbler that I use as my reference of how much water I have taken in a day…” — Call center agent, 30

Insight

  • Most personas know health matters in their daily activities, but income, kind of work, and budget limit their options, so they take the cheaper route — usually the unhealthy one.
  • Most have tried tracking apps and stopped, because of time, experience, and interfaces that are unfriendly and complicated.
  • All value water for getting through the day, and opt for tap.

The less interaction the user has, the more chance they will use the app.

New mission

Build an app that is user friendly and easy to use, with a cool interface that motivates users to drink more water.

Process

  1. 1User Research
  2. 2Wireframing
  3. 3Product Prototyping
  4. 4User Testing
  5. 5UI Design
  6. 6Visual Design & Branding

Paper wireframes for the Profile, Homepage, and Customize screens went in front of users, who answered on sticky notes. Their feedback shaped the prototype before any visual design began.

The solution

Drag a drink, don’t fill a form. “What did you drink today?” — drag the drink icons from the bottom into the open space. Logging a drink is one gesture, because fewer interactions mean more use.

A screen that reacts to you. The home screen shifts from blue to yellow to red alongside the heart-rate reading, with a prompt to “Drink some water!!” when it runs red. A smart watch or Health Kit can be connected.

Calm72 BPM
Rising98 BPM
Drink some water!!132 BPM
Drink tracking — the core loop

Progress you can see. The profile shows a status — excellent, enough, or not good — plus points collected by drink, daily to yearly views, and a QR reward to redeem.

Profile and progress — status, points, and rewards

A first run that asks little. Sign in with email, Facebook, or Google, connect a watch or Health Kit, and pick the drinks you always have besides water.

Onboarding — sign in, health connection, favorite drinks

Testing & results

Overall, the user testing was successful, and many suggestions went into improving usability. Testers liked that it was “simple and clean,” “easy to use,” and that the icons worked well. The confusion — “I’m not sure what to do,” “what’s the empty middle screen” — came from one place: the prototype’s lack of animation. Users eventually solved it and understood the nature of the app.

The screen set
The sign-in screen

Next

Prototype the motion the testers needed to see.

← Home
UX design concept

Imbento

A bento-box ordering app that makes the meal yours — its signature interaction lets you adjust the portions of your food by dragging.

Role — UX designer: the concept end to end — personas and journey boards, the step flow, wireframes, and the interface design.

The problem

Bento ordering is fixed-portion and rigid: the box arrives as a set menu — set items, set amounts — and the apps that sell it inherit that rigidity. There is no room to make the meal your own.

Key decisions

Portions you drag, not pick. The signature interaction replaces size menus with a direct gesture: drag the serving line, and the portions change with it. Portion control becomes something you do with your hands, not something you request.

Modify — drag to adjust servings
Modify — servings set item by item

A five-step guided flow. Ordering runs as a step guide — Create, Select, Modify, Deliver, Confirm — so a customizable order never turns into a complicated one; each step asks for one thing at a time.

Use case — Create, Select, Modify, Deliver, Confirm

A visual language rooted in Japan. The mood board grounds the design in Japanese culture, where the bento box began; its interiors, gardens, and bonsai set the tone the interface follows.

Mood board — Japanese culture, where the bento box began

The result

Landing page — the app’s opening screen

The final screen set pulls the system together: the landing page opens on the menu categories and the steps ahead, and the box that arrives is portioned by the person who will eat it. One direct interaction loosens a rigid format.

← Home
Concept campaign

Google Ad Campaign

A poster series that translates Google’s core brand identity into print — iconic color and playful language, pushed through experimental layout and composition.

Role — Art Director, Copywriter & Strategist

The problem

Google’s identity is unmistakable, which makes it hard to extend: the series has to stay instantly recognizable while saying something new — experimental layouts that balance bold typography, photography, and the iconic identity, without breaking the brand.

Key decisions

Play with the logo’s letters. The first drafts establish a brand-consistent aesthetic, and the first version builds the posters from the wordmark with letters dropped. The feedback likes the background colors but asks the right question: with letters missing, does it still communicate? The layout goes back to work.

First draft — establishing a brand-consistent aesthetic
First version — the wordmark with letters dropped

Rebuild on a modular grid. The second version answers with structure: a modular grid system creates a more dynamic hierarchy across typography, photography, and identity. It also plays the logo as it appears on Google’s search page — a search engine that already knows what you’re looking for.

Second version — modular grid, shown across devices

Push the playfulness, and add the ask. The next feedback round asks for a call to action and even more play. The final direction sets the series among everyday objects from home and workspace, and weaves in Android’s dessert names — Cupcake, Donut, and Honeycomb.

The result

Final poster — Connect Now
Final poster — Join Now
Final poster — Apply Now

The final feedback lands where the series aims: the posters’ playful tone captures the company’s identity — and each poster now closes with its call to action.

← Home
Concept campaign

Awarenest

An awareness campaign about the effects of television shows, video games, and music on children — and the lack of adult supervision, especially at home.

Role — Visual design: identity, poster series, and microsite.

The problem

The effects of television, video games, and music on children are easy to dismiss as harmless — adults often neglect them entirely. And they land hardest where supervision is thinnest: at home.

Key decisions

Speak to the parents, not the children. Every message addresses the adult: the posters ask “Aware?” and the campaign asks whether we are all responsible enough. Awareness is framed as the adult’s job.

The poster series in place — transit stations

Give the campaign a watching eye. The identity builds on a single eye mark set over a pattern of faces: the nest is the home, and the eye is the attention the campaign asks adults to pay.

AwareNest identity — the watching eye

Confront each medium directly. Television, video games, and music each get their own poster — no abstract danger, just the everyday inputs named one at a time, in the series below.

The result

Poster series 1 — television
Poster series 2 — music
Poster series 3 — video games

Three media, three posters, one question for the adults in the room. This project is dedicated to my nephews and nieces.

← Home
Ongoing collaboration

Artist Identity & Creative Direction

Giving a new voice its own look: the identity, the album covers, and the photography for an emerging music artist, built one release at a time.

Role — Creative Director, Album Cover Designer & Photographer

The collaboration

This started as a conversation between two creatives, not a client brief. He had the songs and a clear sense of who he wanted to be. My role was to translate that into a visual identity through photography, typography and album artwork, pushing each idea further while keeping him the author of his story.

Every collaborator has a creative mind worth protecting. That belief shapes how I direct.

Each release became a chance to explore something new while building a recognizable visual language. When he took a new stage name, the challenge wasn’t to start over. It was to carry forward what we’d built and give the next chapter its own voice.

StrategyEvery release starts from the song, not a template. One rule holds across all of them: bold, high-contrast and instantly readable at thumbnail size. After each release we read the response, and it steers the next one.
Art directionI set the concept, the photography direction, the type and the color for each release, and I shoot the sessions myself. The mirror for Imposter Syndrome, another planet for Magic Man and a brushed red slash for Savior all came from the song’s own story.
CollaborationHe brings the ideas and the story. I bring options and push each one further, then we choose together. Imposter Syndrome had three directions on the table before one won.
  1. 1Listen & talk through the story
  2. 2Explore directions together
  3. 3Direct & shoot the session
  4. 4Design cover & type
  5. 5Release & read the response

The creative decisions

One monogram, everywhere. A bold TV monogram became his signature. It lands on the covers, the portraits, and the heart of the QR code.

Rattlesnakes
Imposter Syndrome
Good Hatred

Three covers, one winner. For one record I developed three directions and we chose on concept, not an audience test. The mirror won: him confronting his own reflection, with the flipped S letters in the title echoing it.

Direction 1 — walking the street
Direction 2 — crossing in motion
Direction 3 — the mirror

Every release gets its own world. For “Magic Man” the song felt hopeful and assertive, so we built a world to match: a lone figure on another planet. I directed and shot the sessions myself in Valley of Fire.

Cover — portrait with serif title
Portrait
In motion

A business card that connects listeners directly to the music. The portrait goes on one side, the monogram and a QR code on the other.

Business card — both sides
Business card — back
Business card — front

Chapter two: a new name

When he changed his stage name to Vé Tristan, the brand had to move with him. The overall theme stayed bold red and black, but he wanted to try a different logo style: flashier and edgier than the original monogram. Engagement on Instagram kept pointing to the strongest work, so “Savior” leans into it: the same high-contrast photography, plus a brushed red title that cuts across the frame like a slash.

Savior — single cover
Savior — on the streaming player

The result so far

It is still unfolding. Every release adds to a system people can recognize, and the response to each one shapes the next. The follower growth reflects the whole release effort, not the design alone. What the design did was give the audience something instantly recognizable to respond to.

Growth0 to 700+ Instagram followers in three months
ChannelInstagram, where most of the marketing happened
What informed the workEngagement on bold, high-contrast releases steered each next direction

It is also where I am growing most as a leader: pushing ideas hard while guiding without taking over.

Mark Concepcion

Summary

Multidisciplinary Designer with 15+ years of experience across technology, healthcare, brand identity, web and digital experiences, campaigns, presentations, events, motion, video, and visual communication.

Spent 6+ years at Meta turning complex technical ideas across AI infrastructure, hardware, networking, compute, and data centers into clear, engaging visual stories and scalable design systems. Previously worked in healthcare advertising at Inizio Evoke, developing digital and brand experiences for VYEPTI, Lundbeck’s preventive migraine treatment.

Hands-on from early concept and creative direction through design, iteration, stakeholder feedback, production, and final delivery. Known for bringing clarity to ambiguous problems, building visual systems that scale, and maintaining a high creative bar while managing multiple fast-moving projects.

Core skills

Brand & Visual Design Brand Identity, Creative Direction, Art Direction, Visual Systems, Typography, Logo Design, Iconography, Visual Storytelling

Web & Digital Design Web Design, UX/UI Design, Figma, Information Architecture, Digital Experiences, Landing Pages, HTML, CSS

Marketing & Campaign Design Campaign Design, Digital Advertising, Marketing Collateral, Social Content, Email Design, Presentations, One-Pagers, Print, Event Creative

Motion & Multimedia Motion Graphics, Animation, Video Production, Video Editing, Storyboarding, Photography, Photo Editing

Tools Figma, Adobe Creative Suite, Illustrator, Photoshop, After Effects, Premiere Pro, InDesign, Apple Keynote, PowerPoint, Google Slides, HTML, CSS, Generative AI Tools

Professional experience

Senior Creative Designer

Meta, FTE | Menlo Park, CA | Feb 2022 – Jul 2026
  • Led end-to-end multidisciplinary creative across Meta Infrastructure, partnering directly with VPs, engineers, Communications, strategists, program managers, Executive Admins, Legal, and cross-functional teams to take complex and often ambiguous needs from concept through final delivery.
  • Built brand identities and scalable visual systems for teams, programs, onboarding experiences, organizational initiatives, and events, creating logos, typography, iconography, illustrations, templates, and reusable design assets that gave each organization a clear and consistent visual presence.
  • Translated complex AI infrastructure, hardware, networking, compute, and data center concepts into visual stories that made highly technical information easier to understand for executive, employee, and industry audiences.
  • Designed and supported major industry and leadership experiences reaching audiences of 10,000+, while managing executive presentation decks of 300+ slides and maintaining clarity, accuracy, consistency, and a high visual standard.
  • Designed internal web, wiki, and communication experiences in Figma, working with stakeholders to improve information hierarchy, navigation, usability, readability, and visual consistency.
  • Created work across digital communications, presentations, events, print, illustration, motion graphics, video, photography, and other multimedia formats, adapting ideas across channels rather than treating each deliverable as a standalone piece.
  • Managed multiple concurrent creative workstreams and shifting priorities while consistently delivering polished, production-ready work on schedule.

Art Director

Inizio Evoke | San Francisco, CA | May 2021 – Dec 2021
  • Developed concepts, visual direction, and integrated brand experiences for healthcare clients including Pfizer, Gilead, and Bayer.
  • Worked closely with Creative Directors, copywriters, UX designers, strategists, account teams, and production partners to turn healthcare and product narratives into clear, engaging creative across websites, campaigns, and digital experiences.
  • Provided art direction and hands-on design for websites, digital advertising, email, presentations, print, and branded communications using Figma and Adobe Creative Suite.
  • Partnered with UX teams on page structure, information hierarchy, usability, and visual design while maintaining brand consistency across customer touchpoints.
  • Presented creative work to internal teams and clients, incorporated feedback quickly, and carried visual systems consistently across digital and print executions.

Creative Designer

Meta, CW | Menlo Park, CA | Mar 2019 – Mar 2021
  • Partnered with Communications, engineering teams, Executive Admins, and program managers on employee communications, presentations, programs, events, and digital experiences.
  • Created visual identities, presentation systems, templates, iconography, motion graphics, video, digital content, and event creative for organizations across Meta.
  • Helped establish reusable visual assets and multimedia libraries that improved consistency and made creative resources easier for teams to find, share, and reuse.

Art Director

Y&H Creative | San Francisco, CA | Feb 2019 – May 2019
  • Supported creative direction and hands-on visual design across campaign concepts, motion graphics, digital content, and publication design.

Business Partner & Creative Lead

Heat Stroke Grill | Philippines / Remote from U.S. | Feb 2016 – Mar 2019
  • Helped build the restaurant brand from the ground up while leading its creative and marketing direction, developing an identity that supported the business as it expanded to three locations.
  • Created the complete visual system across logo, typography, menus, signage, social content, marketing campaigns, promotional graphics, and customer-facing materials.

Graphic Designer & Engineering Assistant

United States Air Force | Active Duty | Mar 2012 – Feb 2016
  • Partnered with senior officers, engineering teams, and program leads to translate operational and technical information into presentations, visual communications, programs, and branded experiences.
  • Designed presentations and communication materials supporting multimillion-dollar budget requests and engineering initiatives, while also developing logos, posters, signage, promotional materials, event branding, and custom military challenge coins.

Lead Graphic Designer

MERGE Review | Manila, Philippines | Jun 2008 – Jun 2010
  • Led graphic design for a nursing education organization, working with lecturers to turn complex healthcare topics into presentations, educational graphics, handouts, and visual learning materials for 200+ nursing students.
Education

Master of Arts, Advertising & Branded Media
Bachelor of Arts, Web & New Media Technology
Academy of Art University | San Francisco, CA

Bachelor of Science, Nursing – Registered Nurse
Trinity University of Asia | Manila, Philippines