TAKAKO TANAKA
動く演出の切替にはJavaScriptが必要です。端末の動きを減らす設定を優先します。

TAKAKO TANAKA — PORTFOLIO 2026

PORTFOLIO 2026。花や香水、ピンクのショッピングバッグを載せたカート。TAKAKO TANAKA、Brand & EC Designer。
TAKAKO TANAKA — BRAND / EC / WEB — PORTFOLIO 2026 — DISCOVER — EXPLORE — SELECT — CONTACT —
TAKAKO TANAKA — BRAND / EC / WEB — PORTFOLIO 2026 — DISCOVER — EXPLORE — SELECT — CONTACT —

VISUAL INTRO

Web・EC・ブランディング作品を、パソコン、タブレット、スマートフォン、名刺で見せた完成モックアップ。

DIGITAL BRAND STORE

DIGITAL BRAND STOREの目次ビジュアル。PROFILE、SERVICE、WORKS、OTHER WORKS、CONTACT。検索欄・アカウント・カートは画像内の装飾です。

PROFILE

PROFILE。花を添えたピンクのタグを配したプロフィール章の表紙。

ABOUT ME

ABOUT ME。ポートレートと、デザインで大切にしていることを紹介するページ。

ABOUT ME — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

CAREER

CAREER。これまでの経歴と、経験から得たスキルをまとめたページ。

CAREER — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

STRENGTH & SKILLS

STRENGTH & SKILLS。強み、使用ツール、AIと人の役割を紹介するページ。

STRENGTH & SKILLS — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

MY VISION

MY VISION。花束のビジュアルと、目指すデザイナー像を示すページ。

MY VISION — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

DISCOVER THE VALUE — SHAPE THE WORLD — MOVE THE HEART —
DISCOVER THE VALUE — SHAPE THE WORLD — MOVE THE HEART —

SERVICE

SERVICE。ショッピングバッグを配したサービス章の表紙。

WHY ME

WHY ME。4つのビジュアルとともに、提供できる価値を紹介するページ。

WHY ME — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

CHALLENGES

CHALLENGES。ブランドづくりに関する4つの課題をまとめたページ。

CHALLENGES — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

BRAND FOUNDATION

BRAND FOUNDATION。ブランドの土台づくりを、制作物のビジュアルと工程で紹介するページ。

BRAND FOUNDATION — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

SELECTED WORKS ✦

WORKS INDEX

WORKS。ロゴ、LENTO BLOOM、LUNÉA PILATES、MÉLIA NOIRの4作品を紹介する制作実績一覧。

LOGO PROJECT

TAKAKO TANAKA。黒・白・赤のロゴと名刺で見せるパーソナルブランディングの表紙。

LOGO PROJECT — PROJECT OVERVIEW

制作概要。ロゴガイドラインと名刺のビジュアル、制作範囲・期間・使用ツールを紹介。

LOGO PROJECT — BRAND STRATEGY

ブランド戦略。WHO・WHAT・HOWの3項目で、届けたい相手・提供する価値・届ける方法を整理。

LOGO PROJECT — BRAND STRATEGY — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LOGO PROJECT — IMAGE BOARD

参考ボード。参考画像と、MINIMAL・CURVE × LINE・RED DOTの方向性を提示。

LOGO PROJECT — IMAGE BOARD — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LOGO PROJECT — DESIGN DIRECTION

デザイン方向性。曲線・直線・赤い点の立体ビジュアルに、表現の意図を添えたページ。

LOGO PROJECT — DESIGN DIRECTION — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LOGO PROJECT — DESIGN INTENT

造形意図。ロゴの曲線・直線・赤い点・余白の意味と、プロポーションを説明。

LOGO PROJECT — DESIGN INTENT — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LOGO PROJECT — BUSINESS CARD

名刺の表裏。ロゴを大きく配置した表と、情報を整理した裏をモックアップで紹介。

LOGO PROJECT — LOGO MOCKUP

ロゴの展開イメージ。サイン、エンボス、ガイドラインのモックアップ。

LENTO BLOOM

LENTO BLOOM。花・香り・パッケージ・スマートフォンを配した、ブランドとECデザインの表紙。

LENTO BLOOM — VISUAL BOARD

ビジュアルボード。花、パッケージ、配色、EC画面の組み合わせでLENTO BLOOMの世界観を紹介。

LENTO BLOOM — PROJECT OVERVIEW

プロジェクト概要。季節の花と香りに5分間のセルフケアを組み合わせ、商品価値から体験価値への転換を説明。自主制作の架空ブランド。

LENTO BLOOM — POSITIONING

ポジショニング。花と過ごす時間・ブランド体験を重視する位置づけを図示。制作時の定性的な仮説であり、競合の順位や定量的な優劣を示す図ではありません。

LENTO BLOOM — POSITIONING — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LENTO BLOOM — DESIGN CONCEPT

デザインコンセプト。惹きつける、わかりやすくする、迷わず進めるという3つの設計方針。

LENTO BLOOM — DESIGN CONCEPT — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LENTO BLOOM — EC CUSTOMER FLOW

ECの顧客導線。HERO、ABOUT、HOW IT WORKS、CHOOSE、PLAN、CTAの6段階で、理解・選択・申込みへの流れを説明。

LENTO BLOOM — EC CUSTOMER FLOW — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LENTO BLOOM — DESIGN SYSTEM

デザインシステム。ブランドの配色・書体・写真表現・UI原則・Mobileルールを整理。

LENTO BLOOM — DESIGN SYSTEM — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LENTO BLOOM — KEY UI 01

主要UI 01。HERO、サービス紹介、利用の3ステップ、同梱内容の画面と、体験を理解させる設計意図。

LENTO BLOOM — KEY UI 01 — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LENTO BLOOM — KEY UI 02

主要UI 02。花の比較、料金・内容・条件の確認、購入CTAへ進む導線と設計意図。

LENTO BLOOM — KEY UI 02 — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LENTO BLOOM — BEFORE / AFTER

BeforeとAfter。初期LPと最終EC画面を並べ、花を紹介するLPから商品選択・購入導線までの再設計を紹介。

LUNÉA PILATES — HERO / OVERVIEW

LUNÉA PILATES。女性専用プライベートマシンピラティスのLP。初回体験予約を目的に、ターゲット・制作範囲とPC・Mobileの画面を紹介。

LUNÉA PILATES — TARGET / USER CHALLENGE

ターゲットと課題。38歳の働く女性を想定し、身体への不安、人目への不安、予約への迷いを整理。

LUNÉA PILATES — TARGET / USER CHALLENGE — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LUNÉA PILATES — INSIGHT / DESIGN CONCEPT

インサイトとデザインコンセプト。自分でもできるかという不安に対し、CALM・TRUST・EASYの3つの方針で安心感と予約のわかりやすさを設計。

LUNÉA PILATES — INSIGHT / DESIGN CONCEPT — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LUNÉA PILATES — RESERVATION FLOW

予約導線。不安・共感・安心・理解・納得・体験予約というユーザー心理と、LP各セクションの対応関係を線で示した図。

LUNÉA PILATES — RESERVATION FLOW — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LUNÉA PILATES — VISUAL SYSTEM

ビジュアルシステム。英字・見出し・本文の書体、5色の配色、自然光と静かな動きを中心とする写真の方向性。

LUNÉA PILATES — VISUAL SYSTEM — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LUNÉA PILATES — DESIGN POINTS

デザインの要点。FIRST VIEWで対象と価値、TRUSTで空間と人への信頼、DECISIONで料金・内容・CTAを明確にする設計を説明。

LUNÉA PILATES — DESIGN POINTS — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LUNÉA PILATES — FINAL DESIGN

LUNÉA PILATESの完成デザイン。スタジオへのアクセスと体験予約の画面を、PC・Mobileのモックアップで紹介。

MÉLIA NOIR — PROJECT COVER

MÉLIA NOIR。甘さだけでも、強さだけでもない。ファッション写真とWeb画面でブランドの世界観を見せる表紙。

MÉLIA NOIR — PROJECT OVERVIEW

プロジェクト概要。甘さと強さを重ねた女性らしさを表現。28〜42歳前後の都市部の女性を対象に、コレクションへの興味とブランドへの共感をつくる。

MÉLIA NOIR — PROJECT OVERVIEW — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

MÉLIA NOIR — DESIGN CONCEPT

デザインコンセプト。静かな強さを、やわらかくまとう。CONTRAST・EDITORIAL・TEXTUREの3つの方針で、配色・余白と非対称・光と素材感を説明。

MÉLIA NOIR — DESIGN CONCEPT — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

MÉLIA NOIR — VISUAL SYSTEM

ビジュアルシステム。Cormorant Garamond・Shippori Mincho・Noto Serif JPの書体と、NOIR・IVORY・GOLD・PINK BEIGE・GREIGE・WARM GRAYの6色を紹介。

MÉLIA NOIR — VISUAL SYSTEM — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

MÉLIA NOIR — DESIGN INTENT / FIRST VIEW

ファーストビューの設計意図。黒い服とやわらかな光の対比、主役を引き立てる余白、細い文字による静かな緊張感を説明。

MÉLIA NOIR — DESIGN INTENT / FIRST VIEW — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

MÉLIA NOIR — DESIGN INTENT / COLLECTION

コレクションの設計意図。シーズンの物語からDress・Blouse・Jewelryのカテゴリへ。同じ世界観の中で、それぞれの魅力を選べる導線を紹介。

MÉLIA NOIR — DESIGN INTENT / COLLECTION — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

MÉLIA NOIR — FINAL DESIGN

MÉLIA NOIRの完成デザイン。静かにまとい、印象を残す。DesktopとMobileのモックアップでファーストビューを紹介。

OTHER WORKS

OTHER WORKS。花と黒いリボンを添えたピンクのボックスを配した、その他の制作物の章扉。

OTHER WORKS — MORE TO EXPLORE

世界観の異なる3つのWebサイト。KUKKA LIVINGは見学前の不安をやわらげる導線、NO.8 HAIR SALONは黒とゴールドの世界観と予約導線、TSUZURI RESIDENCEは和の静けさと暮らしの安心を紹介。

OTHER WORKS — MORE TO EXPLORE — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

OTHER WORKS — MADE FOR EVERY SCREEN

Made for every screen。KUKKA LIVING、NO.8 HAIR SALON、TSUZURI RESIDENCEの端末展開を紹介するモックアップ。

CONTACT

CONTACT、お問い合わせ。花と黒いリボンを添えたピンクの封筒に05を配した章扉。

VISION — これから目指す姿

ブランドの魅力を、世界観から体験まで一貫して設計できるデザイナーへ。1年後は品質を磨く、3年後は提案を広げる、5年後は方向性を導く。

VISION — これから目指す姿 — 拡大閲覧

原寸 100%に切り替えると、本文や図を大きく確認できます。

LET'S CREATE SOMETHING MEMORABLE • TAKAKO TANAKA •

CONTACT →(お問い合わせフォーム・新しいタブで開きます)

FINAL CONTACT

想いを、ブランドのかたちへ。採用・協業・制作のご相談など、お気軽にご連絡ください。お問い合わせフォームとXのQRコードを掲載。