![見出し画像](https://assets.st-note.com/production/uploads/images/146619808/rectangle_large_type_2_65090898aed2ae1a054063ce3f8d249c.jpeg?width=1200)
開業準備日記 #10: ポートフォリオサイトのデザイン完成
この前の土曜日、京都大学交響楽団のコンサートに行ってきました。
すばらしい演奏で癒されました!やっぱり生の楽器の音はいいですね。
さて、今日はついに、ポートフォリオサイトのデザインをFigmaで作り終えました。
とはいえ、まだトップページだけなので、これから他のページもあるのですが…
ポートフォリオサイト作りの流れ(おさらい)
1. 必要項目を洗い出す
2. ざっくりとしたレイアウトを決める
3. 下書きをFigmaに起こす
4. Figmaでデザインカンプを作る
5. 文言・画像類を作成する
6. デザインカンプを完成させる ←現在地
7. STUDIOで実装する
出来上がったデザインはこちら。
![](https://assets.st-note.com/img/1720429124067-D70Ft0zcxD.jpg?width=1200)
ファーストビュー、もうちょっと工夫しようかなぁ…とか、Aboutのセクションちょっと寂しいかなぁ…とか、まだ思うところは色々とあるのですが、あとは実装しながら調整していこうと思います。
明日からは、このトップページをSTUDIOで実装するのと並行して、下層ページのデザインを作っていきます!
さち(Primo Passo)
この記事が気に入ったらサポートをしてみませんか?