Debaditya
Bhowmik

Welcome to my portfolio

Intro

Hello! I am Deba. A Designer with nearly a decade of experience creating intuitive, meaningful, and visually engaging digital experiences. Passionate about interaction design, visual systems, and turning complex ideas into clear human-centered communication.

Work

My work is at the intersectionality of Education, Marketing, Illustration and Concept Art.

01

Instructional Design

E-Learning · Training · LMS

E-learning modules, training programs and UX-driven learning solutions built for corporate environments.

Hydraulics Basics

Hapag-Lloyd · Wind Turbine Systems Training
Hero image or GIF · 16:9
<img src="images/hydraulics-hero.jpg" />

The Problem

Technicians needed foundational knowledge of hydraulic systems inside wind turbines — specifically three core components: Valve, Accumulator, and Filter. Hydraulic fluid behavior is dynamic and invisible in static diagrams, and the circuit symbols were completely unfamiliar to new learners.

Tools

Articulate Storyline Adobe Creative Suite LMS Platform ADDIE Framework

UX Design Decisions

Screenshot 1 · 16:9 — Bladder Accumulator step-by-step reveal
<img src="images/hydraulics-01.png" />

Step-by-step progressive reveal — each click fills the accumulator with fluid incrementally

Screenshot 2 · 16:9 — Valve Actuation interactive symbol cards
<img src="images/hydraulics-02.png" />

Circuit symbols taught as clickable cards — active discovery instead of passive memorisation

Screenshot 3 · 16:9 — Bladder Accumulator diagram with hotspots
<img src="images/hydraulics-03.png" />

Clean cross-section with memory bubble hotspots — building a mental model before the abstract circuit

Screenshot 4 · 16:9 — Full circuit with all learned symbols highlighted
<img src="images/hydraulics-04.png" />

Cumulative circuit — all learned symbols placed inside a real-world system diagram

UX Flow

Enter Module ↓ Concept Introduction (what is this component?) ↓ Video: fluid in motion + circuit diagram animates in sync ↓ Symbol Guide: interactive legend of electronic symbols ↓ Mid-module Questionnaire (formative check) ↓ Repeat for all 3 components ↓ Surprise Questionnaire (retention check — unannounced) ↓ Module Complete

Outcome

Learners progressed from zero hydraulics knowledge to reading real circuit diagrams — identifying components, understanding fluid flow, and recognizing industry-standard symbols in context.

[Project Title]

[Client] · [Context]
Hero image or GIF · 16:9
<img src="images/[file].jpg" />

The Problem

[Describe the challenge.]

Tools

[Tool 1][Tool 2]

UX Design Decisions

Screenshot 1 · 16:9
<img src="images/[file]-01.png" />

[Caption]

Screenshot 2 · 16:9
<img src="images/[file]-02.png" />

[Caption]

UX Flow

[Step 1] ↓ [Step 2] ↓ [Outcome]

Outcome

[Results]

02

Brand Design

Identity · Guidelines · Visual Systems

Brand identities, visual systems and graphic communication — from guidelines to finished assets.

Navaliga Store

Brand Identity · Visual System · Football Teamwear
Navaliga Store homepage

Brief

Navaliga Store sells football jerseys handmade in India to student groups in Bremen, Germany. The brief was to create a visual identity that sits honestly between South Asian craft tradition and European street football culture — rough around the edges, symbolic, and never generically sporty.

Concept

One hand-painted symbol. Repeated, rotated, and reflected into an entire visual language. The roughness of the brushwork is preserved intentionally — never cleaned up, never vectorised. A gradient sphere is the only smooth element, referencing the football and bridging craft with sport.

Typography is Times New Roman throughout — the most universally available serif, used boldly rather than as a default. All caps italic for headlines. Regular with 2% tracking for body. The font's familiarity is the point.

Tools

Adobe Illustrator Adobe Photoshop Adobe After Effects Times New Roman

Colour

White is the dominant surface. Red is used sparingly — only for symbol marks, accents and calls to action. Saffron appears exclusively in the gradient ball. Black carries all text and structure.

Brand Red
#EA3A01

Saffron
#FCC604

Black
#0D0D0D

White
#FFFFFF

White 60% · Black 25% · Red 10% · Saffron 5%

Typography

A single typeface throughout — Times New Roman. Made distinctive entirely through how it is applied.

H1 — Italic · All Caps · 0–0.02em

Navaliga
Store

H2 — Regular · All Caps · 0.2em

Welcome to · Catalog · Projects

Body — Regular · Sentence case · 0.02em

Teamwear made in India for student groups in Bremen.

The Symbol

A single hand-painted brushwork mark is the foundation of the entire visual system. Raw, uneven ink edges are intentional — this is the brand's most distinctive quality. All patterns and category icons derive from this one form.

Symbol on white
Symbol on red

Base symbol — on white · on brand red

Logo

Primary logo on red

Primary — on brand red

Logo on dark

Secondary — on black

Logo on white
Badge mark

Logo on white · Badge mark on black — for favicon and garment labels

Tessellation System

The symbol is tiled, rotated and reflected to produce a family of geometric compositions. All derive from the same base mark — what changes is scale, density, orientation and colour. These tessellations form the visual core of the brand.

Tessellation 1
Tessellation 2
Tessellation 3
Tessellation 4

Four tessellation compositions — each a permutation of the single base symbol

Category Icons

Three tessellated compositions serve as category identifiers — not garment prints. They appear in the catalog, navigation and product pages to identify Jerseys, Shorts and Hoodies. The same mark at different densities and colour combinations.

Jerseys icon

01 — Jerseys

Shorts icon

02 — Shorts

Hoodies icon

03 — Hoodies

Noise Treatment

Every image carries a grain overlay applied as a non-destructive adjustment layer — monochromatic, Gaussian, 8–14% at Overlay blend mode, 60–80% opacity. This unifies photography, flat colour and pattern into a single surface quality. No Navaliga image is exported without grain.

Pattern with grain treatment

Pattern with grain overlay — the noise is visible across the flat colour field

Website

White background throughout. Red appears only in symbol marks, navigation accents, and the thin corner markers that frame sections. Pattern never fills page backgrounds — it is contained to the narrow scroll strip and garment imagery.

Navaliga homepage

Homepage — white bg, Times New Roman italic all-caps headline, red only in corner mark

Catalog
Website detail

Catalog — category icons in red tiles · Website detail — red used only as accent

Brief

Navaliga Store makes football jerseys in India, sold to student groups in Bremen, Germany. The identity needed to sit between two worlds — South Asian craft tradition and European street football culture — without flattening either. Not polished sportswear. Something with texture, symbolism, and a handmade soul.

Tools

Adobe Illustrator Adobe Photoshop Adobe After Effects Times New Roman

Colour

White is the dominant colour — red is used sparingly, only for symbol marks, accents and calls to action. Saffron appears only in the gradient ball. Black carries all text and structure.

Brand Red
#EA3A01

Saffron
#F5C300

Black
#0D0D0D

White
#FFFFFF

White 60% · Black 25% · Red 10% · Saffron 5%

Typography

A single typeface throughout — Times New Roman. Familiar to the point of invisibility; made distinctive by how it is applied.

H1 — Italic, All Caps, 0–0.02em tracking

Navaliga Store

H2 — Regular, All Caps, 0.2em tracking

Catalog · Projects · Contact

Body — Regular, sentence case, 0.02em

Teamwear made in India for student groups in Bremen.

Label — Regular, All Caps, 0.22em

jerseys · shorts · hoodies

The Symbol

A single hand-painted brushwork form is the entire foundation of the visual system. Raw ink edges are intentional — never clean it up. All three category icons and all patterns derive from this one mark through rotation and tessellation.

Symbol on white
Symbol on red

Base symbol — on white and on brand red

Logo

Primary logo

Primary — on brand red

Logo on dark

Secondary — on black

Badge mark

Badge mark — favicon & labels

Category Icons

Three tessellations of the base symbol serve as category icons — not garment prints. They identify Jerseys, Shorts and Hoodies across the catalog and navigation. Same mark, different scale and density.

Jerseys icon

01 — Jerseys

Shorts icon

02 — Shorts

Hoodies icon

03 — Hoodies

Pattern Variations

Pattern variation
Pattern variation
Pattern variation

Variations used across different sections of each garment — asymmetric splits, compact grids, scattered layouts

Noise Treatment

Every image carries a grain overlay applied as an adjustment layer — monochromatic, Gaussian, 8–14% at Overlay blend mode. This ties digital imagery back to the rough brushwork and creates consistency across photography, flat colour and pattern.

Website

Homepage

Homepage — white background, Times New Roman italic all-caps headline, red only in the corner mark and scroll strip

Catalog

Catalog — category icons on red tiles

Projects

Projects — photography with italic pull quote

[Brand Project Title]

[Client] · [Type of work]
Hero image or GIF · 16:9
<img src="images/brand-2-hero.jpg" />

Brief

[Describe the project brief and context.]

Tools

Adobe Illustrator[Other tool]

Visual Direction

Image 1 · 16:9
<img src="images/brand-2-01.jpg" />

[Caption]

Image 2 · 16:9
<img src="images/brand-2-02.jpg" />

[Caption]

Outcome

[Results or deliverables.]

03

Concept & Research

Experimental · Academic · AI Interaction

Experimental methods, academic research and speculative work — exploring the edges of interaction, illustration and concept art.

Experimental Methods to Interact with AI

Academic · University of Bremen · Ongoing
Hero image or GIF · 16:9
<img src="images/ai-research-hero.jpg" />

Research Question

[Describe the core research question and what you are investigating.]

Methods

[Method 1][Method 2][Framework]

Work in Progress

Image 1 · 16:9 — [Diagram, prototype or sketch]
<img src="images/ai-research-01.jpg" />

[Caption]

Image 2 · 16:9
<img src="images/ai-research-02.jpg" />

[Caption]

Current Findings

[What have you discovered so far?]

Experimental Artworks

Personal · Ongoing
Hero image or GIF · 16:9
<img src="images/art-hero.jpg" />

About this Work

[Describe what drives this series — themes, materials, influences.]

Selected Works

Work 1 · 16:9
<img src="images/art-01.jpg" />

[Title and note]

Work 2 · 16:9
<img src="images/art-02.jpg" />

[Title and note]

About

Education

2019 — Present
M.Sc Digital Media
University of Bremen
Bremen, Germany
2015 — 2019
B.Tech Computer Science & Technology
National Institute of Technology
Agartala, India

Experience

Oct 2024 — Present
Instructional Designer
Hapag-Lloyd · Hamburg, Germany
Training programs for internal systems, digital learning content, UX-centered design.
Oct 2020 — Oct 2024
Instructional Designer
Nordex GmbH · Hamburg, Germany
Digital learning & communication assets, UX/UI for training materials.
2017 — 2019
Graphic Designer / Consultant
Various Clients · India
Visual content for training, communication, and branding.

Skills

Articulate Storyline Adobe Creative Suite LMS Platforms UX Design Instructional Design ADDIE MS Office Visual Systems

Languages

English
Fluent
Hindi
Fluent
Bengali
Native
German
Basic

Contact