この度はポートフォリオをご覧頂き、ありがとうございます。
webデザインスクールではさまざまな技術に触れ、知識を吸収してきました。
特に力を入れたものを抜粋し掲載いたしましたのでゆっくりご観覧いただけると幸いです。
架空の温泉宿というテーマでfigmaでデザインカンプを作成し設計から構築まで1人で制作しました。レスポンシブ対応になっておりますので、スマートフォンでも御覧いただけます。黒を主軸に緑で自然を表現しながら色を補い 金をアクセントに用いることで 森の中にある上品でリラックスした空間をイメージしました。
HTML, CSS,JavaScript
CSSフレームワークであるBootstrapを使用して簡単に動きのあるホームページを作ることが出来ました。
HTML, CSS, Bootstrap(フレームワーク)
photoshopを使用してバナーを制作しました。
上の画像は保護猫カフェの宣伝が目的のバナーで、 生き物を感じせ温かみがある肌色やオレンジといった暖色系の色を使うことでより親近感をイメージしやすくしました。
下の画像はwebデザイナースクールのバナーで、未経験でもwebデザイナーになれるというところを一番に強調しました。 リンクボタンを濃いピンクで配色することで視線誘導を行い、押したくなるようなボタンを制作しました。 移り変わりの時期である春にバナーを出すことを意識して桜色の背景にしてみました。
Photoshop
本webページは無限の可能性がある宇宙をイメージして制作しました。 背景が暗いためテキストを白く目立たせ、 テキスト背景は色が被らないようガラス風にしてバックグラウンド背景が映えるような見た目になっています。 ScrollRevealを使用することで画面に動きをプラスしてより立体感を演出しました。
HTML, CSS, JavaScript, ScrollReveal.js(ライブラリ)