ALL WORKS

伝統と革新を繋ぐ、刃物専門企業のブランドサイト構築

🔗 SHARE

伝統的な鍛造技術と最先端技術を融合させた刃物を展開する、株式会社北正の公式サイト構築。企画立案から、情緒的なライティング、デザイン、そしてWordPressを用いた深度の高いカスタマイズ実装まで、公開に至る全工程を一人で担当しました。 ●担当範囲 企画・ディレクション: サイト構成、ユーザー導線の設計 ライティング: 「伝統と革新」をキーワードにしたコピーライティング デザイン: UI/UXデザイン 実装: WordPress高度カスタマイズ（コーディング、公開作業一式） ■デザイン・実装のこだわり（Approach） 「職人の息遣い」を伝えるビジュアル設計 火花が散る鍛造の瞬間の写真を大胆に使用し、製品のバックボーンにある職人魂を視覚的に表現。金箔を思わせる背景テクスチャにより、高級感と日本企業としての矜持を演出しました。 ■更新性を追求したWordPressカスタマイズ 多岐にわたる製品ラインナップ（包丁、アウトドアナイフ等）をクライアント自身が容易に管理できるよう、カスタム投稿タイプを駆使して構築。 「使いやすくて気に入っている」との評価をいただいた通り、運用担当者のリテラシーに合わせた管理画面の最適化を行いました。 ■信頼を生むライティングと構造 製品仕様の羅列ではなく、その切れ味がもたらす体験を伝えるライティングを意識。NEWSセクションや製品詳細への動線をスムーズに配置し、ビジネス成果に繋がる設計にしました。 ■成果・評価（Result） 公開後、クライアントより「管理画面が使いやすく、日々の更新がスムーズになった」と高い評価をいただいております。デザインの美しさだけでなく、実運用における機能性を高く評価されたプロジェクトです。

VIEW LIVE PROJECT ↗

大日本絵画 公式サイト制作

🔗 SHARE

専門書や仕掛け絵本を展開する出版社「大日本絵画」の公式サイト構築プロジェクト。デザイナー杉本氏による緻密なビジュアルを、WordPressを用いた深度の高いカスタマイズによって実装しました。膨大な既刊書籍のデータベース化と、直感的な更新フローを両立させた、実務直結型のコーディング案件です。 ●担当: コーディング / WordPress構築 / CMS設計 ●デザイン: 杉本デザイン（杉本氏） ●技術: HTML5 / CSS3 / JavaScript / PHP / WordPress (Custom Post Types, Advanced Custom Fields等) ■実装のこだわり（Technical Approach） ●深度のあるCMSカスタマイズ 「新刊」「ランキング」「ピックアップ」など、出版社特有の複雑な動的コンテンツを、カスタム投稿タイプとカスタムフィールドを駆使して構築。専門知識がないスタッフでも、管理画面から簡単に書籍情報の追加・編集ができる設計にしました。 ●緻密なデザイン再現 デザイナー杉本氏の意図を汲み取り、グリッドレイアウトや細かなタイポグラフィ、バナーの整列など、どのデバイスで見ても崩れないピクセルパーフェクトな実装を追求しました。 ●データ構造の最適化 多岐にわたるジャンルの書籍を適切に分類・フィルタリングできるよう、タクソノミー（カテゴリー体系）を整理し、ユーザーが目的の書籍に辿り着きやすい導線を技術面からサポートしました。 ■成果（Reflection） 大規模なコンテンツを持つサイトにおいて、単なるコーディングに留まらず、運用フェーズを見据えたバックエンド設計の重要性を再認識しました。高度なカスタマイズにより、クライアントの業務効率化とブランドイメージの両立に貢献できた案件です。

VIEW LIVE PROJECT ↗

【習作・表面】「家族がくつろぐ庭」：情緒と信頼を両立させた造園会社チラシ

🔗 SHARE

習作です。「家での時間を大切にする層」をターゲットに、表面では庭がもたらす情緒的な価値を、裏面では施工までの透明性と安心感を伝える構成にしています。 表面：ビジュアル・インパクトと静謐さ 深いグリーンの写真を大胆に全面使用し、都会の喧騒を忘れさせるような「静かな庭」を表現。メインコピーには優美な明朝体を選び、縦書きで配置することで、日本庭園の伝統と品格を感じさせるレイアウトにしました。

【習作・裏面】「家族がくつろぐ庭」：情緒と信頼を両立させた造園会社チラシ

🔗 SHARE

習作です。インパクト重視の「表面」と、情報整理を主とした「裏面」という、役割の異なる両面をデザインすることで、ブランドイメージの構築と販促（CV）の両立を考慮した実務的な視点を養いました。 裏面：ユーザビリティと親しみやすさ 手書き風のあしらいや柔らかなイラストを使い、相談のしやすさを演出。「3つの特長」や「サービスの流れ」をステップ形式で図解し、初めて依頼する方でも不安を感じないよう、情報の優先順位を整理しました。 配色・書体：信頼感を損なわないよう、フォントは読みやすさを重視しつつ、自然を感じさせるアースカラーで統一しています。

Graphic Study - 躍動感と群像レイアウト

🔗 SHARE

●習作の目的 複数の被写体を組み合わせ、視線を誘導する「動的コンポジション（構成）」の習得。スポーツ特有のエネルギーを伝えるタイポグラフィと配色の検証。 ●注力した点 10名以上の選手の動きを統合しつつ、興行ポスターとして必要な情報を視認性を保ちながら配置するバランスを追求しました。

【コンペ採用作品】某YouTubeチャンネル会員限定オリジナルタオル

🔗 SHARE

YouTubeチャンネルの会員向けノベルティ（タオル）のデザインコンペに参加し、採用・商品化された事例です。チャンネルのアイデンティティを保ちつつ、ファンが「持ちたい」「身につけたい」と感じるような、シンボリックでインパクトのあるビジュアルを追求しました。 1. デザインのこだわり（Approach & Strategy） ●アイコンのシンボル化と視認性 チャンネルのキャラクターを中央に配置し、エンブレムのような力強い構成に。チャンネルの熱量の高いジャンルに合わせ、赤と黒のコントラストでエネルギッシュな印象を強調しました。 ●「プロダクト」としての成立 タオルとして首に巻いた際や、広げて掲げた際の「見え方」を意識。左右に配置したタイポグラフィは、どの角度からもブランド名が認識できるようレイアウトを最適化しました。 ●ファン心理へのアプローチ 単なるグッズではなく、「会員であることの証（アイデンティティ）」を感じさせるよう、ストリートブランドのようなクールな佇まいを目指しました。 2. 習作・コンペとしての視点（Focus） ●制約の中での表現最大化 タオルの印刷範囲や色数といった製造上の制約を理解し、その中で最も映えるフラットデザインの精度を高める練習となりました。 ●コンセプトの言語化 「なぜこの配置なのか」「なぜこの色なのか」を明確にプレゼンできるよう、デザインの論理性（ロジック）を組み立てるプロセスを強化しました。 3. 結果（Result） コンペにて採用。実際の会員向け特典商品として活用され、クライアントおよびユーザーの期待に応えるアウトプットを実現しました。

Visual Logic Study：色のコントラストと情報設計による集客チラシの習作

🔗 SHARE

【表面】概要と設計意図 タイトル案：インパクトと利便性の可視化 設計意図： ・色の心理効果： 補色に近い青と黄色の組み合わせにより、駅前や街頭でパッと目を引く視認性の高さを追求しました。 ・ターゲットへの訴求： シニア層のモデルを起用し、ハイタッチする躍動的な構図を採用することで、「誰でも、いつでも、元気に」というジムのポジティブな空気感を表現しています。 ・情報の絞り込み： 「24時間」「駅前」「月々5,000円〜」という、ユーザーが最も重視する3大メリットを紙面の四隅と中央に配置し、一瞬でベネフィットが伝わるレイアウトを研究しました。 習作としての評価（Reflection） 「一瞬で惹きつける表面」と「じっくり読ませて納得させる裏面」という、広告における役割分担を明確に分けたデザインスタディです。特に、実務で求められる「情報の詰め込み」と「視覚的な心地よさ」のバランスをどこで取るか、という点を重点的に検証しました。

Visual Logic Study：色のコントラストと情報設計による集客チラシの習作

🔗 SHARE

【裏面】概要と設計意図 タイトル案：信頼と気楽さを醸成するインフォメーション設計 設計意図： ・安心感の演出： 表面の強いインパクトに対し、裏面は白をベースに多種多様な人々（モデル）を配置。「もっと気楽に」のコピー通り、心理的ハードルを下げるクリーンなトーンで統一しました。 ・複雑な情報の構造化： 料金表、施設案内、入会フロー、地図といった情報量の多い要素をグリッドシステムに沿って整理。アイコンや写真、表組みを効果的に使い、読み進めるストレスを最小限に抑える構成を試みました。 ・アクセシビリティの配慮： 連絡先や地図、QRコードを最下部にまとめ、興味を持ったユーザーが迷わずネクストアクションに移れるような導線設計を意識しました。 習作としての評価（Reflection） 「一瞬で惹きつける表面」と「じっくり読ませて納得させる裏面」という、広告における役割分担を明確に分けたデザインスタディです。特に、実務で求められる「情報の詰め込み」と「視覚的な心地よさ」のバランスをどこで取るか、という点を重点的に検証しました。

Information Design Study：ターゲットの安心感を醸成するエモーショナルな情報設計

🔗 SHARE

概要（Overview） 入園説明会を告知するチラシの習作です。 大切なお子様を預ける保護者の不安を解消し、園の明るい雰囲気を直感的に伝えるビジュアル構築と、正確な情報伝達の共存を目指しました。 3. デザインのこだわり（Approach） ■視覚的な「楽しさ」と「安心感」の演出 ・虹、青空、新緑といったモチーフを組み合わせ、健やかな成長をイメージさせる明るい配色を採用。 ・丸みのある書体や親しみやすいイラストを使用することで、園の持つ温かみや「子供主役」の教育姿勢を表現しました。 ■徹底した情報の優先順位付け（アクセシビリティ） ・最も重要な「日付」を紙面中央に最大級のサイズで配置。白フチを付けることで、背景がカラフルでも一目で認識できるよう視認性を高めています。 ・募集対象の年齢制限など、誤認しやすい項目は表組みのようなレイアウトでスッキリと整理し、実務的な読みやすさを追求しました。 ■アイデンティティの統一 下部には園のロゴやキャラクター、Webサイト、SNSへの導線をまとめ、オフィシャルな制作物としての信頼性を担保する構成にしています。 ■習作としての評価（Reflection） 要素が多いデザイン（イラスト、音符、文字情報）において、紙面を散漫にさせず、いかに整然と情報を流し込むかという「整理能力」の維持・向上を目的としました。特に、強調すべき数字と補足情報の強弱（ジャンプ率）のコントロールを重点的に研究しました。

Functional Design Study：視認性と即時性を追求したBtoB販促チラシ

🔗 SHARE

概要（Overview） 警備・交通誘導サービスを展開する「株式会社RHS」のサービス紹介チラシ。 街中や現場、あるいはDMとして手に取った際に、0.5秒で「何ができるか」「いくらか」を伝えるための、徹底した実用志向のデザインです。 デザインのこだわり（Approach） ■アテンション（注目）を奪う配色設計 ・ 視認性が最も高い「イエロー×ブラック」を基調に採用。警備業のアイコンである「交通誘導員」のイラストを中央に配し、パッと見て「警備のチラシである」ことを疑いようのないレベルで可視化しました。 ■情報の「塊」を意識したレイアウト ・メインコピー、料金体系、割引条件、連絡先を明確なブロックに分けて配置。 ・「日勤」「夜勤」のアイコンや、円形のバッジデザインを使い、複雑な料金条件も視線が迷わず読めるよう、情報の優先順位（ヒエラルキー）を厳格に管理しました。 ■「安心感」のスパイス ・街並みのイラストや、丁寧にお辞儀をするキャラクターを採用することで、警備業特有の「厳しさ」を「礼儀正しさと安心感」へと変換させるビジュアル表現を試みました。 習作・納品物としての視点（Technical Focus） ・実務に耐えうる可読性の追求 背景色に負けない力強いサンセリフ体（ゴシック体）のウェイト調整を行い、屋外や薄暗い場所でも重要な数字が確実に読み取れるよう設計しました。 ・情報のミニマリズム 掲載内容を「依頼に必要な最小限の要素」まで削ぎ落とし、最短時間でアクション（電話）へ繋げるための導線設計を研究しました。

Conceptual Study：メッセージ性を最大化するビジュアル・メタファーの実験

🔗 SHARE

概要（Overview） 2020年度、未曾有の難局を乗り越えるための経営方針を社内に浸透させるべく制作したポスターの習作です。「一致団結」という普遍的なスローガンを、既存のビジネス文書の形式に囚われず、感情に訴えかけるダイナミックなビジュアルで表現することを目的としました。 ■デザインのこだわり（Approach） ●「躍動感」と「ヒーロー像」による鼓舞 ・パターンA（着物・ジャンプ）： 伝統的な和の衣装を纏いながらも、高く飛び上がる女性の姿を大きく配置。日本企業としての誇りを持ちつつ、常識を飛び越えていく力強さをシンボリックに表現しました。 ・パターンD（スーパーヒーロー風）： ポップアート的な黄色い背景とアメコミ風のヒーロー像を採用。「私たちが難局から救う」という強い意志を、あえてキャッチーでユーモラスなトーンに落とし込むことで、社内の空気を前向きに変える意図を込めました。 ■タイポグラフィの対比 メッセージを紙面中央に大胆に白抜きで配置。背景の力強いビジュアルに負けない視認性を確保しつつ、方針の3本柱を整理してレイアウトすることで、感情（ビジュアル）と論理（文字情報）の調和を図りました。 ■習作としての評価（Reflection） 「方針発表」という本来硬いテーマを、いかに社員の心に残る形に変換できるか、という**「情報の翻訳能力」**を磨くためのスタディです。不採用案ではありますが、クライアントの要望を超えた「攻めの提案」を行う姿勢と、短期間で全く異なるトーンのビジュアルを構築するスピード感を維持するための良い練習となりました。

Web Graphics Study：情報の優先順位と視線誘導を最適化したイベントバナー

🔗 SHARE

1. 概要（Overview） 戦略人事の基礎講座「CANTERA ACADEMY」の開催告知用バナーの習作です。 情報が溢れるWebプラットフォーム上で、ターゲットの足を止め、必要な情報（タイトル、講師、日程）をストレスなく認識させるためのエディトリアル・デザインを追求しました。 2. デザインのこだわり（Approach） ●「面」で見せるタイポグラフィと配色 ・講座タイトルを太いゴシック体の白抜き文字にし、青いベタ面に乗せることで、縮小表示時でも圧倒的な可視性を確保しました。 ・清潔感のあるブルーを基調に、アクセントカラーの赤（ACADEMY部分）を効かせ、プロフェッショナルかつ熱量のある印象を与えています。 ●アイソメトリック・イラストの活用 ・右側にオンライン会議をイメージさせるアイソメトリック（等角投影図）イラストを配置。文字情報の邪魔をせず、一目で「オンラインでの学び」という文脈を補完する視覚的フックとして機能させています。 ●信頼性を担保する要素配置 ・左側に講師の顔写真を配置することで、講座の透明性と信頼感を提示。 ・最下部の日程セクションは、曜日ごとに色分けされたアイコンを使用し、パッと見てスケジュールが把握できるユーザビリティを意識しました。 3. 習作としての評価（Reflection） Webバナー特有の「一瞬の視認性」を向上させるため、要素を「塊（ブロック）」として捉えて配置するトレーニングを行いました。ダミーテキスト（訴求文言）が含まれる状態でも、レイアウトの美しさと情報の整理が両立できることを検証したスタディです。

Safety Graphic Study：注意喚起と行動を促す「指差喚呼」ステッカー

🔗 SHARE

1. 概要（Overview） 現場作業時の安全確認を徹底するための啓蒙ステッカーの習作です。作業中の一瞬の油断を防ぎ、確実に「指差喚呼」という動作へ繋げるための視覚的フックとしての機能を追求しました。 2. デザインのこだわり（Approach） ●アテンションを支配する配色とシンボル ・警戒を意味する「イエロー×ブラック」の配色を採用。中央に太いラインの指差しアイコンを配置し、文字を読まずとも「確認作業」を想起させる直感的なデザインを目指しました。 ●情報の「三段構成」による整理 ・左側（チェック項目）： 「サイロ、品種、圧送圧力、ホース確認」という具体的な確認対象を列挙。 ・中央（アクション）： 最も大きな面積で、行動そのものを象徴。 ・ 右側（マインド）： 「心を込めてヨシ」という力強いタイポグラフィで、作業の締めくくりと安全への意志を表現。 ●過酷な環境に耐える視認性 複雑な装飾を排し、太いサンセリフ体（ゴシック体）を使用。屋外や薄暗い倉庫内、振動のある車両付近でも確実に情報を読み取れるよう、高いコントラストとジャンプ率を設計しました。 3. 習作としての評価（Reflection） 「装飾」ではなく「記号」としてのデザインを研究しました。限られたスペースの中で、特定のルーティン（動作）を誘発させるための、行動経済学的なアプローチを含んだインダストリアル・グラフィックの習得を目的としています。

Iconic Design Study：シンボルとタイポグラフィによる視覚的記号化の実験

🔗 SHARE

1. 概要（Overview） 長野県を拠点とする造園会社「國分緑地」の販促チラシの没案（コンセプト案）です。情報を細かく説明するのではなく、中央に配置した巨大な「一本の木」のシルエットをアイコニックに表現し、遠目からでも「庭・緑」のサービスであることが一瞬で伝わるインパクトを重視しました。 2. デザインのこだわり（Approach） ●「木」のシルエットによるアイデンティティの強調 ・チラシ中央に「お庭の悩み」を受け止める大きな木を配置。造園業の核となる「木」そのものを主役に据えることで、専門性とスケール感を演出しました。 ●高コントラストな配色設計 ・芝生や葉を想起させる鮮やかなグリーンを背景に、警告や注目を引くイエローを組み合わせました。この配色は自然界における「花と葉」の対比でもあり、親しみやすさと視認性の高さを両立させています。 ●情報のグリッド配置 右側に「無料」というメリットを縦に並べ、左側にサービスの根拠（グリーンアドバイザー）を配置。シンボルを挟んで対比させることで、視覚的なバランスを取りつつ、情報の優先順位を整理しました。 3. 習作としての評価（Reflection） 「説明しすぎないデザイン」に挑戦したスタディです。情報を削ぎ落とし、シンボル一つでブランドを象徴させる手法を検証しました。採用案（実務的・親切な設計）とは別の、ロゴマークのような力強さを追求した一案として、表現の引き出しを広げる貴重なプロセスとなりました。

Monochrome Visual Study：モノトーンによる叙情的なブランド告知デザイン

🔗 SHARE

1. 概要（Overview） 2022年春、広島県廿日市市に誕生した社会人女子硬式野球クラブチーム「はつかいちサンブレイズ」の発足を知らせる告知バナーのコンセプト案です。情報の鮮やかさよりも、チームの持つ「決意」や「夢中になる瞬間」の純度を表現するため、色彩を廃したモノトーンの世界観を構築しました。 2. デザインのこだわり（Approach） ●キャラクターとロゴの主従関係 バットを構える凛とした表情のキャラクターを中央に配置し、視線の先に流麗なスクリプト体のロゴ「Sun Blaze」をレイアウト。キャラクターの持つ「静」の力強さと、ロゴの持つ「動」の美しさを対比させました。 ●タイポグラフィの強弱 メインコピー「きっと、夢中になる。」を太いゴシック体で左上に配置し、あえて余白を意識した位置取りをすることで、見る人の想像力を刺激する叙情的な演出を試みました。 ●情報の集約と視線誘導 QRコードやSNS情報を左下に集約。バナー全体を右へ流れるような視線誘導で設計し、最後に「2022年春、誕生」という核心的な情報を認識させる構成にしています。 3. 習作としての評価（Reflection） 「色」という強力な武器を使わずに、いかにしてメッセージを伝えるかという、表現の引き算をテーマにしたスタディです。社会人野球という硬派な世界と、現代的なアニメーションイラストの融合を、モノトーンというフィルターを通すことで違和感なく着地させる検証を行いました。