制作部分

企画・サイトマップ・ワイヤーフレーム・コーディング

制作時間

7日

コンセプト

ヘッダー画像に富士山を使用しシンプルなサイトの中にも大自然を感じることができるように表現しています。
ごちゃごちゃした見た目にならないようにシンプルな構成を心がけ、 訪れていただいた方が一目で見たい項目に飛んでいただけるようにしました。
転職活動のため、私の簡単なプロフィール、実績、スキルを掲載しています。

コメント・感想

初めて作成した私のポートフォリオサイトになります。
JavaScriptでのアニメーション等はほとんど使用しておらず、ダイナミックな動きなどはありませんが、 その分サイトを利用しやすい構成になったと個人的には思っています。
このサイト内の写真は自分で撮影したものなどになっています。

リンク：S17 PORTFOLIO
※当サイトになります。

制作部分

企画・サイトマップ・ワイヤーフレーム・コーディング

制作時間

7日

コンセプト

自分で好きな形にできるミニチュア専門店ということで、全体的に落ち着いた雰囲気にするべくサイトカラーは深い茶色で統一しています。
トップページからあまり段階を踏むことなく、制作ページに向かうようにサイトを作成しました。

コメント・感想

STUDIOで制作したWebサイトになります。ログインページはSTUDIOのプランの使用上作成ができないため、ボタンのみとなりました。
ボタンが何のアクションを示すのかに重きをおいて制作したのがこのサイトの特徴になっています。

リンク：Make-miniture

制作部分

企画・サイトマップ・ワイヤーフレーム・コーディング

制作時間

10日

コンセプト

森の中にある温泉を想定しているので、サイトカラーは緑をベースに自然を感じられるようにしています。 トップページで魅力が分かるよう温泉と部屋を中心に最低限の情報のみに絞っています。

コメント・感想

トップページのみですが、JavaScriptでのアニメーションなどを中心に作成しました。
JavaScriptの練習も込めて制作したのですが、自分でできる範囲が少なくコードが載っているサイトなどを参考にしています。
そのため思ったよりも時間がかかってしまったので、今後も勉強していきたい次第です。

リンク：あるかな温泉（架空サイト）

制作部分

企画から作成まで全て

制作時間

4時間

サイズ

Instagram広告 1080 × 1080px（正方形）

ターゲット

これから自分でコーヒーづくりをしたい30～40歳の男性

広告の目的

自分でコーヒーを作る第一歩として、コーヒー豆を購入してもらうため。

レイアウト・デザイン

Instagram用の広告のため、広告内に店名は載せない代わりにコーヒー豆を背景にすることでコーヒーショップであることを強調しています。 焙煎の漢字の上部から湯気を出し、文字が実際に焙煎されているようにしました。広告内の文字は最低限にとどめており、ごちゃごちゃしすぎない広告を意識して制作しています。

リンク：コーヒー販促バナー

※Figma（制作過程）へとリンクします。

制作部分

企画から作成まで全て

制作時間

4時間

サイズ

1080 × 1080px（正方形）/1200 × 675px（長方形）

ターゲット

海外旅行の経験が少ないまたはない大学生～20代の男女

広告の目的

広告からサイトへリンクし海外旅行に興味を持ってもらい、実際に現地へと旅行に行っていただくため。

レイアウト・デザイン

まずは海外に興味を持っていただくため、意外と知らないクイズにすることで答えが知りたくなり、クリック率を上げるようなデザインを意識しています。
レイアウトは各メディアでよく利用されている2択クイズの雰囲気にしました。また、ハワイと台湾それぞれの欄の部分は旅行雑誌・パンフレットの表紙に似せたつくりにもしています。

リンク：海外旅行販促バナー

※Figma（制作過程）へとリンクします。

制作部分

企画から作成まで全て

制作時間

4時間

サイズ

1080 × 1080px（正方形）/980 × 450px（長方形）

ターゲット

ファッションのトレンドに敏感な20代の男女

広告の目的

広告からサイトへリンクし実際に衣服を購入していただく。

レイアウト・デザイン

広告のカラーは2024年の流行色の一つである【ハロー！ブルー】をメインカラーとして使用しています。
ピンポイントに目立たせたいアイテム数の部分に関しては背景のアクセントカラーとして#f0eb68を取り入れました。全体的にはシンプルにして、 メインのアイテムを着用している女性以外をあえて載せないことで、他にどんなアイテムがあるかという興味を持ってクリックしてもらうのが狙いです。

リンク：アパレル販促バナー

※Figma（制作過程）へとリンクします。