• オシャレなデザインのサイト8選【ホームページ作成の参考に】

2020.10.14 2024.9.25 デザイン

オシャレなデザインのサイト8選【ホームページ作成の参考に】

 
こんにちは。イラストレーター・デザイナーのkisa(@kisa.ne.jp)です。
「これからホームページを作りたいけど、オシャレなWebサイトにしたい」とお考えの方向けに、デザインやアニメーションの参考になるサイトまとめたのでご紹介します。
 
「これからホームページを作りたいけど、オシャレなWebサイトにしたい」とお考えの方向けに、デザインやアニメーションの参考になるサイトまとめたのでご紹介します。

ホームページを作成する前に

いざサイトを作ろうとする前に、「こんな感じのサイトにしたい」とイメージを練る必要があります。
制作会社や個人に依頼する際も、曖昧な言葉だけで伝えると、なんか違う…と工数がかかって納期も遅れてしまいます。

オシャレでステキなデザインのサイトを見れば、その分自分の引き出しも増えて、より良いものを作り上げることができます。
 

\期間限定で初期費用0円&独自ドメイン永久無料/

 

参考になるオシャレなWebサイト7選

美容室 MILLOR

MILLOR

写真と手書き素材が織り混ざり、あたたかさや楽しさが感じられる美容院のサイトです。
ハサミの真ん中にピタッとロゴが配置されるアニメーションもオシャレです。

 

バターゴーフレット専門店 SOLES GAUFRETTE

SOLES GAUFRETTE

どこかレトロさも感じられる、ゴーフレット専門店のサイトです。
ベージュ×ネイビーの色合いやフォントが上品さを表しています。
バターがとろけていたり、プレスしたり、臨場感たっぷりの動画が埋め込まれていて、今すぐ食べたくなります。

 

village®

village®

グラフィックデザイナーの長嶋りかこさんのサイトです。
スッキリとしたシンプルなデザインで、洗練された制作物が際立っています。

 

SIMONE

SIMONE

モードな雰囲気のデザイン会社のサイトです。
フルスクリーンでカッコいい動画や文言がクルクルと変わり、目が釘付けになります。

 

ほろよい

ほろよい

サントリーの缶チューハイ「ほろよい」のサイトです。
イラストが動いたり、ラジオのボタンをONにすると音楽が流れたり、キャッチーで見ていて楽しくなります。

 

SWIM

SWIM

さわやかで心地いい印象のデザイン会社のサイトです。
画像が変わるときや、ハンバーガーメニューも波のようになっていて、細部まできめ細やかなデザインです。

 

FRIENDLY HEALTH CLUB

FRIENDLY HEALTH CLUB

出汁とハーブを合わせた”UMAMIサプリ”を販売しているサイトです。
ドット調の文言やスマイリーなどの絵と、黄色をベースにしたカラフルな色使いが、訪問者を明るく元気な気持ちにさせてくれます。

それぞれの色が人に与えるイメージなどはこちらの記事にまとめています。
色の特徴を知って人間関係やビジネスで活かそう【オススメの色見本帳も】

 

TAO TAJIMA

TAO TAJIMA

映像作家・ディレクターの田島太雄さんのサイトです。
スクロールするとアニメーションや文字が動くのですが、動き方が独特でインパクトがあります。
制作された動画もどれもハイセンスでインスパイアされます。
 


以上、参考になるオシャレなWebサイトをご紹介しました。
さらに具体的に、オシャレなWebサイトの作り方を知りたい方は、下記記事が参考になります。
オシャレなWEBサイトの作り方!初心者向けにデザインの基本を解説|日本デザイン

オシャレなデザインやアニメーションは、商品やサービスの良さをさらに魅力的に伝えることができます。
WIXなど無料ツールでの作成ではアニメーションは難しいですが、メインビジュアルや色合いなど参考になるかと思います。

今後ステキなサイトを見つけたら、随時更新していきたいと思います。

 

\期間限定で初期費用0円&独自ドメイン永久無料/

 

ブログをおしゃれに見せるポイント【参考になるブログ・メディア5選】
色の特徴を知って人間関係やビジネスで活かそう【オススメの色見本帳も】

 

イラストやデザインのお見積りは無料

kisa illustration & designでは、スタイリッシュでインパクトのあるイラストやデザインを得意としております。
こんなビジュアルを盛り込みたいなどぜひお問い合わせフォームよりご連絡ください。
お見積りは無料です。

「発注の前に細かい確認をしたい」「制作内容について相談したい」
などお気軽にご相談ください。

share

New Article