Portfolio 2023
Vincent Angelo Pablo
Graphic & UI/UX Designer
Contents Profile Digital Marketing Editorial Design 02 03 11
Profile
Work Experience Skills
Eye for Aesthetics
Dedicated to Work
English Speaking
Great Resolve
Always Present
Strong Sense of Responsibility
Project Management
Marketing Skills
Fast Learner
Softwares
•Adobe Photoshop
•Adobe Indesign
•Adobe Illustrator
•Adobe Lightroom
•Adobe Aftereffects
•Adobe Premiere
•Adobe XD
•Figma
•AutoCAD
•Sketchup 3D
•Vray Rendering
Freelance Graphic Designer 2018 - Present
I take local projects in Graphic Design, mostly school papers and posters. I also made brochure and trophy designs.
Art Director
Pacesetter, The Official Student Publication of Bulacan State University (2017 - 2019)
I lead a team of graphic artists, layout artists, and photojournalists to create campus newspapers, magazines, and literary folios. We also attend press conferences around the Philippines for journalism.
Site Engineer
Sumitomo Mitsui Construction Company Ltd. (2021 - Present)
Tasked to supervise a large diverse group of construction workers to build the multi-billion project of the Department of Transportation in the Philippines, the North South Commuter Railway. I gained greater Project Management, Marketing, and Analytical Skills. I also developed my English Speaking Skills talking to foreign managers and consultants
Profile 02
Vincent Angelo R. Pablo
UI/UX & Graphic Designer Civil Engineer
Radiant Harvest
Red Rice Infused Skincare for Healthy, Glowing Skin
I’ve conceptualized a skincare brand that infuse red rice in moisturizers, facial cleansers, and tone up creamers.
Problem Statement
Developing a skincare product with Red Rice
Creating a skincare product utilizing the unique benefits of red rice. Red rice is known for its exceptional properties that promote healthier skin, including moisturization, rejuvenation, and nourishment.
Illustrator
For design and prototypes
For illustrations
Photoshop Bard AI
For imagery and mockups
For idea prompts
Digital Marketing 03
Figma
Happiness, delivered right at your door-step
While taking my course at Google, we are tasked to develop a mobile app for an assigned prompt with application of the basics of UX Design. The prompt I was tasked to design is a coffee delivery app. I will share the results of the whole project development.
Problem Statement
Not everybody wants to go out for coffee
Users want to order coffee while doing something else. Some are busy at work to go out for coffee.
Digital Marketing 05
Plan of action
Scope of Work
UI/UX Design
Design a userfriendly mobile app for a quick and easy ordering of coffee.
Figma Illustrator
For design and prototypes For illustrations
Branding
I’ve worked on also for the branding of a coffee delivery shop.
Photoshop Bard AI
For imagery and mockups For idea prompts
Marketing
Made ads focused on marketing the coffee ordering app
Project Timeline
Week 1 Week 2 Week 3 Week 4 Week 5 Week 6
Discover Define Ideate Wireframing Design Test
Digital Marketing 06
Define
User Persona
Goals
• Time economy
• Doesn’t have to leave the office for a cup of coffee
• Easy and quick ordering
Frustrations
• Doesn’t know how long the process will take
• Doubts about overall product quality
• Isn’t sure if the coffee will be delivered hot and cold depending on the ordered cofeee-type
Ben
Age: 27
Status: Single
Occupation: Software Engineer
Location: Quezon City, Philippines
Personality
Empathy Map
Influences
• Social Media
• Internet
• Friends
Technology
• Computer
• Mobile phone
• Social Media
• Applications
• I want some coffee at the office
• I can do something else while my coffee is delivered
• I want quick delivery
Says Does
• Downloads the app
• Checks promotions and seasonal offers
• Compares products
Thinks
• Which coffee should I buy?
• Different customizations can be great
• Is the coffee still hot when delivered
Feels
• Excited to order different coffee
• Frustrated to wait long for the coffee delivery
• Happy to get a scheduled delivery
Digital Marketing 07
Hardworking Creative Friendly Thinker Judging
Application Mapping
Digital Marketing 08 Ideate Low-fidelity Wireframe High-fidelity Wireframe
Wireframes Splash Screen Onboarding Log In Start Sign Up Home Notifications Basket Search Product List Orders Profile Search Results Product Details Active My Address Delivered My Cards Order Rating My Rewards Support Chat Checkout Confirmation Order Completed
Art Direction
Digital Assets
Digital Marketing 09
Design Application
Harmony Typface Mid Blue Montserrat Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Bright Orange
Star White
Mobile Application
Digital Marketing 10
Design Application
Editorial Design and Art Direction
Pacesetter, The Official Student Publication of Bulacan State University
I was appointed tp lead a team of college artists, photographers and designers from our university to create campus newspapers like Broadsheets, Newsletters and Tabloids.
Editorial Design 11
Illustrator InDesign
For layouting
For illustrations
Photoshop Lightroom
For imagery and graphics For photo enhancement
Harmony
I’m responsible for the overall layout, photography idea, and graphic illustration general idea to make a harmonic editorial design for the campus paper.
Editorial Cartoon
I also do Editorial Cartooning, and some graphic illustration for pages.
Editorial Design 12