Works

制作実績

Works

*ウェディングサイト*

メインカラー…#F3C5C5
サブカラー…#C1A3A3
アクセントカラー…#886F6F
テキストカラー…#694E4E

こちらは学習用のウェディングサイト模写作品です。配置は参考にしましたが、余白や行間、文字の整え方など細部まで丁寧に仕上げました。

メインカラーを落ち着いたピンクに変更し、大人シックな写真を選ぶことで、より女性向けで柔らかく落ち着いた雰囲気を意識しています。

さらに、メインビジュアルにはモーションを追加しました。メインタイトルはフェードインダウン、サブタイトルは遅延フェードインアップで表示され、ウェディングらしい華やかさと惹き込まれる印象を演出しています。

この制作を通して、色選び・写真の印象・情報整理・モーション演出など、ユーザー体験を意識したデザイン力を磨くことができました。

*幼稚園サイト*

パソコンでの見え方
文章位置による、印象の違い、左寄せ
文章位置による、印象の違い、中央寄せ

メインカラー…#FFF4DF
サブカラー…#FFF8F4
アクセントカラー…#F6BC60
テキストカラー…#7E6B5F

こちらは幼稚園サイトのオリジナルデザインです。文章は中央寄せにすることで、フンワリと包み込むような温かい雰囲気を演出し、事務的にならない柔らかさを意識しています

セクションの頭には「suisai」から選んだイラストをアイコンとして使用し、フワフワと動かすことで可愛らしさを強調。その他の要素には控えめなフェードインなどのモーションを取り入れ、アイコンの遊び心が際立つようにしました。

フォントには、見出しに「さわらびゴシック」、本文に「ゼンマルゴシック」を使用し、やわらかさと可愛らしさを演出。敢えて完成されすぎていない印象を残すことで、幼稚園らしい親しみやすさを表現しています。

この制作を通して、色選び・イラストやフォントによる雰囲気づくり・情報整理・モーション演出など、ユーザー体験を意識したデザイン力を磨くことができました。