Web Design

さとういおりのポートフォリオ

サイトの概要: 自身のPortfolioサイトを作りました。
目的・ゴール: 自身の人柄や作風を伝えるとともに、「宇宙」や「ゲーム」みたいな世界観を体験してもらう
制作ポイント: 自身の好きな宇宙をテーマにし、画像や文字などをゲームみたいな世界観にしたくてドットのフォントにしました。さらに背景をグラデーションにして、スクロールするにつれ深く暗い、未知な世界に行ってるような演出にしました。画像にアニメーションをつけることで遊び心も出しました。あとフォントが少し見づらいため、スペースを空けて少し見やすくしました。
担当範囲: 設計、デザイン、コーディング
制作期間: 1か月
使用ツール: Photoshop、figma、html、css、jQuery
制作過程: 初めて自分でデザインカンプから作成してコーディングしたのでどういったデザインにしたらいいのか、webデザインのルールや原則などどうしたらいいのか、何もわからなかったので自分で調べながら他のサイトなども参考にして作り上げました。ところどころに動きをつけたり、レスポンシブにも対応して作り上げたところをぜひ見てほしいです。