【体系的にStudioを学ぶ】Studioで実際にサイトを作成してみよう

デザインカンプ

デザインカンプ（架空サイト：越智測量設計）はFigmaで作成し、Studioにてサイトを構築しました。

▼架空サイト：越智測量設計
デザインカンプをFigmaで見る（外部リンク）
デザインカンプをブラウザで見る（外部リンク）

ヘッダーを作ってみよう

ロゴ・メインメニューを格納するパーツです。
サイト内の他のページに誘導する役割があり、サイトの利便性を左右する、重要なパーツです。

▼解説動画（ヘッダーの作成方法）
https://youtu.be/oLKseW9Znts

メインビジュアルを作ってみよう

Webサイトの「顔」とも言えるパーツです。
会社をイメージさせる画像や想いを伝えるキャッチフレーズなど、このサイトがターゲットの心を掴めるかどうかは、このパーツに関わってきます。

▼解説動画（メインビジュアルの作成方法）
https://youtu.be/mGg_Mu65XW8

フッターを作ってみよう

フッターは、サイトの最下部に位置します。
ナビゲーションの補助・連絡先の提供・法的な情報などの役割を果たし、ヘッダー同様サイトの利便性を左右する、重要なパーツです。

続きは、リベシティにログインしてからお読みください

＼初月30日間無料／ リベシティで会員登録をする ログインする

ノウハウ図書館でできること

• すべての記事の閲覧

• ブックマーク

• いいね・レビュー

• 記事の投稿※応援会員（有料）のみ

• ポイントの獲得※応援会員（有料）のみ

※会員登録には、新入生会員（初月30日無料）と応援会員（有料）があります

応援会員制度とは？

さらに！

• リベシティの他の機能やサービスもご利用いただけます（詳しく見る）