Creative Tech Studio, Baast's first campaign identity, from a single message to a cohesive system across website and social.

Type

Brand Campaign Identity

Credit

Creative Director

Roel Kok

Abril Alvarez

Business Development Lead

Monica Liu

Work scope

Art Direction, Concept Development, Contents Creation, Photography, Videography, Motion design, Web design

Year

2025

I had the opportunity to lead Baast's first campaign identity system from concept to execution — establishing their R&D positioning for the first time across website and social media. The brief had a defined target and service offer, but no single-line message to anchor it. My role was to extract the concept from scratch through stakeholder auditing, competitor research, and conceptual development, then shape it into a narrative-led campaign direction. From there, I set the art direction and built a scalable system: core visual elements, layout rules, and templates that work across posts, case study content, and the website. The result gave Baast a confident, coherent visual language that holds its own in a competitive tech space and can be executed consistently at scale.

Type

Brand Campaign Identity

Year

2025

Credit

Creative Director

Roel Kok

Abril Alvarez

Work scope

Art Direction, Concept Development, Contents Creation, Photography, Videography, Motion design, Web design

I led Baast’s first campaign identity for their R&D offer, building it from concept to rollout across website and social. The brief had a defined audience and service, but no clear message to tie the campaign together. I shaped that through stakeholder audits, competitor research, and concept development, then turned it into a focused visual direction. I built the art direction, core assets, layout rules, and templates for use across posts, case study content, and the website. The result gave Baast a clearer story, a stronger visual identity, and a system the team could keep using.

Type

Brand Campaign Identity

Year

2025

Credit

Creative Director

Roel Kok

Abril Alvarez

Work scope

Art Direction, Concept Development, Contents Creation, Photography, Videography, Motion design, Web design

Outcome

Brand’s First

Campaign

Storytelling

Brand’s First Campaign Storytelling

I built Baast’s first campaign story for the R&D offer. It gave the team a clearer way to explain the service, its value, and why it matters in the market.

Hero image

Modular Visual Asset

I also built a modular visual system with rules for type, image, and layout. This made it easier to use the campaign across the website, social, and decks while keeping the brand consistent.

Problem Context

Baast did not yet have one clear story for this offer. That made it harder to explain its value, show its relevance in the market, and attract the right partners.

The social channels were also not supporting business development well. Reach was low, and the content was not giving the right audience a strong reason to engage.

At the same time, the brief used “innovation” as a key value, but it was still too broad. It needed a clearer meaning before it could become a strong campaign message.

PROJECT SCOPE

Discovery

2 days

Interviewing the sales stratigist and client with extensive research into target group. understanding the challenges and user perspective. brainstorming the right solutions within team.

*

Market research

client interview

Art Direction

5 days

Brainstorming compelling concept and further develop the selected concept through team discussion. Analysing and evaluating compatitor’s campaigns and build do/don’t art direction form.

*

compatitor research

Concept Development

Art Direction

Design

12 days

Implementing the solutions and ideas for new campaign. designing graphics assets / typography lock-up / visual rule / contents structure / for website, socials and motion graphics simultaneously for consistent same brand identity

*

editorial Design

motion design

Product

7 days

Optimize the design in target platforms and application and build a design system.designing marketing assets for promotional purposes.

*

Systemization

Publication

Discovery

Art Direction

Design

Product

1.

Concept Development

  1. Concept Development

1.01 Insight Before Ideation

Before developing concepts, I needed a clearer picture of what mattered most to both the team and the audience. I used co-work meeting notes as a starting point, tracking repeated priorities and the key benefits that came up again and again. To ground that in real decision-making, I also spoke with the sales strategist and client to understand the objections, triggers, and language that customers actually respond to. At the same time, I reviewed competitor campaigns and common patterns in the category to see what the market was already saying, both visually and verbally. That gave me a clearer base for ideation. It helped define what the audience needed to understand, trust, and remember, and made it easier to move toward a direction that felt both distinct and relevant.

1.

Concept Development

1.01 Insight Before Ideation

Before developing concepts, I needed a clearer picture of what mattered most to both the team and the audience. I used co-work meeting notes as a starting point, tracking repeated priorities and the key benefits that came up again and again. To ground that in real decision-making, I also spoke with the sales strategist and client to understand the objections, triggers, and language that customers actually respond to. At the same time, I reviewed competitor campaigns and common patterns in the category to see what the market was already saying, both visually and verbally. That gave me a clearer base for ideation. It helped define what the audience needed to understand, trust, and remember, and made it easier to move toward a direction that felt both distinct and relevant.

1.02 Market & Competitor Analysis

1.02 Market & Competitor Analysis

I reviewed six creative tech competitors to understand how the market was already presenting similar offers. I looked at their visuals, messaging, and overall brand feel. A clear pattern came up: many were using bold, high-energy campaign work to grab attention. That left room for a different approach. Instead of trying to be louder, Baast could stand out through a more controlled and story-led direction.

1.03 Concept Research

1.03 Concept Research

With the market gap clear, I explored three concept directions: Supermarket Lab, Organic Grid, and Prism. Each one tested a different way to express the offer. Prism stood out as the strongest direction. It gave the team the clearest story and the strongest structure to build on. The other concepts still mattered. They helped test the criteria and sharpen the decision. But Prism was the one that made the next step clear.

1.04 Concept Key Phrase

1.04 Concept Key Phrase

1.04 Concept Key Phrase

REFERENCE

TWO PRISMS, INNOVATOR

The Prism idea became stronger once I linked it to a simple thought: Baast does not force a new color onto an idea. It helps reveal the full range that is already inside it.

That became the key phrase behind the concept. Like a prism splitting light into a spectrum, Baast takes something that may still look unclear at first and makes its real potential visible.

This mattered because it gave the campaign a clearer way to talk about innovation. Not as decoration or noise, but as a way of seeing more clearly, finding what matters, and turning it into a focused outcome.

Before Newton, it was widely believed that prisms somehow added or changed the color of
pure white light.

Before Newton, it was widely believed that prisms somehow added or changed the color of
pure white light.

REFERENCE

1.05 Art Direction

1.05 Art Direction

With the market gap clear, I explored three concept directions: Supermarket Lab, Organic Grid, and Prism. Each one tested a different way to express the offer. Prism stood out as the strongest direction. It gave the team the clearest story and the strongest structure to build on. The other concepts still mattered. They helped test the criteria and sharpen the decision. But Prism was the one that made the next step clear.

1.06 Storytelling System

1.06 Storytelling System

I built a storytelling map to help the team work from one clear idea before production started. It gave us a shared structure for how the concept should move across the campaign. The story had two parts. First, the prism opens one beam into a full spectrum, showing the possibilities inside a problem. Then it brings that spectrum back into one clear beam, turning exploration into a focused result.This made Baast’s process easier to explain: open things up, then shape them into one clear direction.

1.07 Key Concept

1.07 Key Concept

2.

visual identity development

  1. visual identity development

2.01 Color

2.01 Color

Baast is built on contrast: a deep, trustworthy blue for precision and reliability, and a bright white for clarity and real-world results. Thin beams of red, yellow, green, purple, and orange add the energies of innovation: vision, logic, scalability, imagination, and creativity. Like a prism, BAAST takes complexity and turns it into something visible, aligned, and actionable. It doesn’t just make things look clear, it helps innovation become clear.

PRIMARY COLOR

Glare White

character

Represents the beam of innovation — focused, validated, ready for impact

Represents the beam of innovation — focused, validated, ready for impact

usage

End-state visuals, prototypes, headlines, final outcomes

End-state visuals, prototypes, headlines, final outcomes

Breakthrough

Breakthrough

finished solution

Finished Solution

Clarity

Clarity

Trust Navy

character

The bedrock of the process — analytical rigor, strategic depth, operational confidence

The bedrock of the process — analytical rigor, strategic depth, operational confidence

usage

Backgrounds, typography, charts, process visuals, anything that anchors or signals trust

Backgrounds, typography, charts, process visuals, anything that anchors or signals trust

measurable execution

Measurable Execution

structure

Structure

expert

Expert

SECONDARY SPECTRUM COLOR

Color

Frequency

Symbolism

Messaging Role

🔴 Dark Red

Low

Low

Vision, strength, risk appetite

Vision, strength, risk appetite

Founder narrative, bold R&D leadership

Founder narrative, bold R&D leadership

🟡 Sharp Yellow

High-mid

High-mid

Validation , logic, decision-making

Validation , logic, decision-making

Analytical proof, prototyping campaigns

Analytical proof, prototyping campaigns

🟢 Electric Green

MidGrowth

MidGrowth

systems thinking, scalability, Feasibility

systems thinking, scalability, Feasibility

tech roadmap

tech roadmap

🟣 Ultra Purple

High

High

Imagination, frontier R&D, Experimental

Imagination, frontier R&D, Experimental

breakthrough-led narratives

breakthrough-led narratives

🟠 Burnt Orange

Mid-low

Mid-low

Creativity, agility, maker energy

Creativity, agility, maker energy

Rapid iteration, cross-functional creation

Rapid iteration, cross-functional creation

PRIMARY COLOR

GRADIENT

GRADIENT

0-100%

0-100%

PLUS LIGHTER

PLUS LIGHTER

0

0

X1

X2

SECONDARY COLOR

2.02 Design Elements

2.02 Design Elements

Internal Reflection translates complexity into structure through a refracted grid, supporting precision scan and measuring cues with depth and system logic, while Glare acts as a controlled highlight that marks clarity, used for proof moments, clarity spikes, and punctuation cues to direct attention and signal a premium sense of resolution.

Internal Reflection

Refracted grid

Refracted grid

Precision scan

Measuring

Precision scan

Measuring

Glare

Proof moment

Clarity spike

Punctuation

Punctuation

Proof moment

Clarity spike

Percision

Perspective

Measuring

2.03 Typography

2.03 Typography

Baast’s previous typographic assets leaned heavily on bold weights, which made the brand feel louder than premium. For this direction, I shifted the typographic voice toward restraint and precision. I chose Avantt as the primary typeface even though it’s often used as a secondary or body font. That decision was intentional: its cleaner, more neutral tone supports a premium feel when the typesetting is disciplined. Instead of relying on weight for impact, I focused on typeset control in hierarchy and spacing for less manual mico-typesetting .

Avantt

2.04 AI-powered Developement

2.04 AI-powered Developement

AI was used as a fast visual exploration tool. I generated background directions in Midjourney to test premium gradient atmospheres and light motifs (horizon glow, point light, controlled contrast, color spectrums etc.). I then curated the strongest outputs and finished them in Photoshop for retouch.

2.05 Grid and Layout

2.05 Grid and Layout

I built a grid system for 1080×1350 so Instagram posts can scale without losing a premium tone. Premium, for me, is spacing discipline: generous margins, clear hierarchy, and enough air for the content to feel intentional rather than crowded. The vertical grid matters because it locks alignment and proportion across every post, so type and imagery always sit on the same invisible structure. That consistency is what makes a feed feel curated, even when topics change. The horizontal grid then controls reading rhythm by standardising where headings, supporting lines, and details land, so each post feels edited and calm. Together, the system supports announcements, proof posts, and carousels without redesigning from scratch each time.

VERTICAL GRID

VERTICAL GRID

1080 X 1350 / IG / Vertical Grid

1080 X 1350 / IG / Vertical Grid

HORIZONTAL GRID

HORIZONTAL GRID

1080 X 1350 / IG / Horizontal Grid

1080 X 1350 / IG / Horizontal Grid

2.06 Layout Do and Don't

2.06 Layout Do and Don't

This layout do and don’t guideline provides a practical framework for assembling campaign assets. I focused on legibility, grid alignment, and visual hierarchy to ensure a sophisticated look and a clear message across every compartments as listed below:

  • Image/video/graphic (no text)

  • Cta / link + image/video

  • Paragraph + image/video

  • Header + image/video + data points

  • Header + graphics + data points

  • Header + image/video

  • Header + subheader + image/video

  • Paragraph

  • Header + subheader

  • Header + paragraph

Do

Do Use a consistent split logic: left text / right image, or centered text on top of image, or full-bleed image with centered text Pick one per carousel section so the system feels intentional.

Do Place text in quiet areas of the image (negative space like sky, plain walls, blurred zones).

Do One dominant headline. One short supporting paragraph. Keep supporting text short enough to read in one breath. Keep the footer line (URL / tag) small and consistent, aligned to the same baseline.

Don’t

Don’t place text over busy texture / high-detail zones (hands, edges, highlights, product details). Don’t let text sit on top of hard image transitions (horizons, sharp diagonals, strong highlights) unless the layout intentionally anchors there.

Don’t mix alignments inside one layout (headline centered but paragraph left, etc.) unless you have a clear grid reason. Don’t “almost center” the split. If there is a vertical axis, it must be exact.

Don’t compress line spacing or shrink paragraph text to fit. If it doesn’t fit, reduce copy or change layout. Don’t let the paragraph run too long. If it becomes dense, move detail to the next slide.

2.07 Cross-platform Optimization

2.07 Cross-platform Optimization


Reflection

Prism pushed me to understand art direction less as styling and more as selection. I kept noticing that a campaign can lose strength very quickly when too many references, messages, or visual gestures compete at once. In this project, the challenge was not to make it louder. It was to make it more deliberate. I learned that premium presence rarely comes from adding more visual effects. It comes from knowing what to keep, what to repeat, and what to leave out.

PROJECT SCOPE

Discovery

2 days

Interviewing the sales stratigist and client with extensive research into target group. understanding the challenges and user perspective. brainstorming the right solutions within team.

*

Market research

client interview

Art Direction

5 days

Brainstorming compelling concept and further develop the selected concept through team discussion.analysing and evaluating compatitor’s campaigns and build do/don’t art direction form.

*

compatitor research

Concept Development

Art Direction

Design

12 days

Implementing the solutions and ideas for new campaign. designing graphics assets / typography lock-up / visual rule / contents structure / for website, socials and motion graphics simultaneously for consistent same brand identity

*

editorial Design

motion design

Product

7 days

Optimize the design in target platforms and application and build a design system.designing marketing assets for promotional purposes.

*

Systemization

Publication

R&D Campaign Web Page Design

Luxury art technology brand, Baast Contents creation

R&D Campaign Web Page Design

Luxury art technology brand, Baast Contents creation

R&D Campaign Web Page Design

Luxury art technology brand, Baast Contents creation

Designer specializing in branding, web, and motion. Been designing since noticing things nobody else cared about. Grew up. The obsession didn't. Now turning that into experiences people love.

© 2026 All rights reserved.

Designer specializing in branding, web, and motion. Been designing since noticing things nobody else cared about. Grew up. The obsession didn't. Now turning that into experiences people love.

© 2026 All rights reserved.

Designer specializing in branding, web, and motion. Been designing since noticing things nobody else cared about. Grew up. The obsession didn't. Now turning that into experiences people love.

© 2026 All rights reserved.