Azuki Design Portfolio

Works

サムネイルから作品の詳細をご覧いただけます。

架空案件

※掲載している作品は、ポートフォリオ用の架空案件として制作したものです。

• ハンバーガー 600×600 正方形

  10代～40代の男性向けに、シズル感と勢いのあるバナー広告を心掛けました。

• 国内旅行 600×600 正方形

  20代～40代の女性向けに、早期割引と女子旅で惹きつけるバナー広告を心がけました。

• 化粧液 600×600 正方形

  30代～50代の女性向けに、清潔感と透明感のあるバナー広告を心がけました。

応募作品

※掲載している作品は、クラウドワークスの案件として制作したものです。
(自分のポートフォリオとして許可が出ているものを掲載しています。)

• 建設業手続きQ&A「キケルノ」 様 1200×800 横長 Canvaで制作

  既存のサイトと同じフォント・カラーを使用してサイトに溶け込むデザインを目指しました。ステップを2段階のみにすることで、極めて分かりやすい構成にしました。

• 愛知県あま市の建設業専門行政書士事務所 様 1920×900 横長 Canvaで制作

  イラストを使用していた既存のバナーから写真をメインとしたリニューアルとのご要望でした。情報の重要度に基づく階層を強く意識し、情報が流れるように設計しました。

応募作品(匿名)

※掲載している作品は、クラウドワークスの案件として制作したものです。
(社名と画像を差し替えて掲載しています。)

• 大抽選会／Instagramバナーセット 1080×1080 正方形

  豪華景品が当たる大抽選会をテーマに、Instagramのサムネイル、フィード、ストーリーズのバナー広告のセット一式を制作しました。

• ハイブランドレザーバッグ 1080×1080 正方形

  イタリア製レザーバッグブランドのWeb広告用バナーです。上質・シンプル・大人向け。派手な装飾を避け、素材感や佇まいで魅力を伝える目的で制作しました。

• 警備員求人 900×600 横長 PSD形式

  20代〜50代向け。何の求人か一瞬で分かるよう職種名を最も大きくし、色数を抑えたトーンマナーより視認性とインパクトを優先して、コントラストの強い配色にしました。

ランディングページ

「Code jump Pro」の課題をベースに作成したポートフォリオです。
テキストリンクから新しいタブにサンプルサイトが表示されます。

• No.3 学習塾のLP

  Vite+Vue3+Tailwind css v4

  SVG中心のシンプルなページなので、ユーティリティで速く組む目的でTailwindで作成しました。

• No.4 コーポレートサイトA

  Vite+Vue3+Tailwind css v3

  No.4 コーポレートサイトB

  Vanilla JS + Sass（BEM）

  同じデザインを二通り実装し、保守・再利用・クラス設計の違いを比較

  既存現場に多い v3 を使用して、対応ブラウザを広く取るため v3 にしました

• No.5 はちみつ農園のLP

  Vanilla JS + Sass（BEM）

  装飾・アニメ・ブレークポイントが細かいので、名前付きブロックで局所修正しやすい BEM + Sassで作成しました。