![](https://kisa.ne.jp/wp-content/uploads/2020/10/IMG_1594-1-1024x703.jpg)
こんにちは。イラストレーター・デザイナーのkisa(@kisa.ne.jp)です。
「これからホームページを作りたいけど、オシャレなWebサイトにしたい」とお考えの方向けに、デザインやアニメーションの参考になるサイトまとめたのでご紹介します。
「これからホームページを作りたいけど、オシャレなWebサイトにしたい」とお考えの方向けに、デザインやアニメーションの参考になるサイトまとめたのでご紹介します。
Contents
ホームページを作成する前に
いざサイトを作ろうとする前に、「こんな感じのサイトにしたい」とイメージを練る必要があります。
制作会社や個人に依頼する際も、曖昧な言葉だけで伝えると、なんか違う…と工数がかかって納期も遅れてしまいます。
オシャレでステキなデザインのサイトを見れば、その分自分の引き出しも増えて、より良いものを作り上げることができます。
\期間限定で初期費用0円&独自ドメイン永久無料/
参考になるオシャレなWebサイト7選
美容室 MILLOR
![](https://kisa.ne.jp/wp-content/uploads/2020/10/スクリーンショット-2020-10-14-17.57.27-1024x512.png)
写真と手書き素材が織り混ざり、あたたかさや楽しさが感じられる美容院のサイトです。
ハサミの真ん中にピタッとロゴが配置されるアニメーションもオシャレです。
バターゴーフレット専門店 SOLES GAUFRETTE
![](https://kisa.ne.jp/wp-content/uploads/2020/10/スクリーンショット-2020-10-14-17.36.09-1024x512.png)
どこかレトロさも感じられる、ゴーフレット専門店のサイトです。
ベージュ×ネイビーの色合いやフォントが上品さを表しています。
バターがとろけていたり、プレスしたり、臨場感たっぷりの動画が埋め込まれていて、今すぐ食べたくなります。
village®
![](https://kisa.ne.jp/wp-content/uploads/2020/10/スクリーンショット-2020-10-14-16.24.37-1024x512.png)
グラフィックデザイナーの長嶋りかこさんのサイトです。
スッキリとしたシンプルなデザインで、洗練された制作物が際立っています。
SIMONE
![](https://kisa.ne.jp/wp-content/uploads/2020/10/スクリーンショット-2020-10-14-18.06.26-1024x512.png)
モードな雰囲気のデザイン会社のサイトです。
フルスクリーンでカッコいい動画や文言がクルクルと変わり、目が釘付けになります。
ほろよい
![](https://kisa.ne.jp/wp-content/uploads/2020/10/horoyoi-1024x582.png)
サントリーの缶チューハイ「ほろよい」のサイトです。
イラストが動いたり、ラジオのボタンをONにすると音楽が流れたり、キャッチーで見ていて楽しくなります。
SWIM
![](https://kisa.ne.jp/wp-content/uploads/2020/10/スクリーンショット-2020-10-14-16.36.00-1-1024x512.png)
さわやかで心地いい印象のデザイン会社のサイトです。
画像が変わるときや、ハンバーガーメニューも波のようになっていて、細部まできめ細やかなデザインです。
FRIENDLY HEALTH CLUB
![](https://kisa.ne.jp/wp-content/uploads/2020/11/スクリーンショット-2020-11-05-14.57.09-1024x512.png)
出汁とハーブを合わせた”UMAMIサプリ”を販売しているサイトです。
ドット調の文言やスマイリーなどの絵と、黄色をベースにしたカラフルな色使いが、訪問者を明るく元気な気持ちにさせてくれます。
それぞれの色が人に与えるイメージなどはこちらの記事にまとめています。
色の特徴を知って人間関係やビジネスで活かそう【オススメの色見本帳も】
TAO TAJIMA
![](https://kisa.ne.jp/wp-content/uploads/2021/12/website7-1024x512.png)
映像作家・ディレクターの田島太雄さんのサイトです。
スクロールするとアニメーションや文字が動くのですが、動き方が独特でインパクトがあります。
制作された動画もどれもハイセンスでインスパイアされます。
\期間限定で初期費用0円&独自ドメイン永久無料/
ブログをおしゃれに見せるポイント【参考になるブログ・メディア5選】
色の特徴を知って人間関係やビジネスで活かそう【オススメの色見本帳も】
さいごに
オシャレなデザインやアニメーションは、商品やサービスの良さをさらに魅力的に伝えることができます。
WIXなど無料ツールでの作成ではアニメーションは難しいですが、メインビジュアルや色合いなど参考になるかと思います。
今後ステキなサイトを見つけたら、随時更新していきたいと思います。
イラストやデザインのお見積りは無料
kisa illustration & designでは、スタイリッシュでインパクトのあるイラストやデザインを得意としております。
こんなビジュアルを盛り込みたいなどぜひお問い合わせフォームよりご連絡ください。
お見積りは無料です。
「発注の前に細かい確認をしたい」「制作内容について相談したい」
などお気軽にご相談ください。