パステルカラーのおしゃれなホームページ|アンバープロダクト

パステルカラーのおしゃれなホームページ

世の中には素敵なホームページがたくさんあります。
ホームページを作るときのため、新しいデザインや流行りのデザインを勉強するため、わたしたちも日々色々なホームページをみて勉強しています。

今回は、パステルカラーでまとめられた「可愛らしさ」「やわらかさ」「親近感」を感じることができるデザインのホームページをまとめてみました。

教学寺幼稚園 ホームページ

可愛らしさとやさしさが表現されたホームページ

北九州市にある幼稚園のホームページです。かわいらしく、やさしい雰囲気のイラストが絵本をイメージさせるサイトです。フォントは丸みがあり、カラーは茶色を採用しているので優しい印象となり、イラストとの統一感を出しています。子どもたちの生き生きとした表情の写真も魅力的です。

会社名教学寺幼稚園
URLhttp://kyougakuji-kids.com/
業種学校教育等

念法幼稚園 ホームページ

明るく元気が伝わるホームページ

幼稚園の園児たちが楽しそうに過ごしている色鮮やかな写真が多く、配置されたシンプルで見やすいホームページです。元気で活発な園児の様子が伝わります。

会社名念法幼稚園
URLhttps://nenpougakuen.ed.jp/
業種学校教育等

能登高校 留学支援サイト

自然と街の魅力を伝えるWebサイト

能登の海と空、自然が写真からよく伝わる能登高校への地域留学を募集するWebサイトです。能登の街の魅力や生活の様子について、かわいいイラストを交えて紹介されています。

会社名石川県立能登高等学校
URLhttps://notoko-ryugaku.com/
業種学校教育等

神戸女学院大学 文学部 英文科ページ

女性らしさ、繊細さを表現したWebサイト

神戸女学院大学の英文科の特設サイトです。パステルカラーは控えめにポイントとなる部分に使用し、サイト全体はすっきりとした印象に仕上がっています。フォントを整えることで、落ち着きのある雰囲気になっています。

会社名神戸女学院大学
URLhttps://e.kobe-c.ac.jp/
業種学校教育等

福岡医健・スポーツ専門学校 学科ページ

女子学生を意識したポップなサイトデザイン

福岡県にある医療やスポーツの専門学校のホームページ内にある、健康・美容に関連する学科のページです。女子学生がターゲットということもあり、パステルカラーを使ったデザインにされています。学校の雰囲気を象徴するような元気さが伝わってくるサイトデザインとなっています。受験生の興味をそそるような学校イベントの紹介や卒業後の進路が紹介されており、ユーザー目線に立った見やすいサイトになっています。

会社名福岡医健・スポーツ専門学校
URLhttps://www.iken.ac.jp/girls/
業種学校教育等

障がい通所支援事業「リールス」 ホームページ

明るく楽しそうな雰囲気が伝わるホームページ

ケア21が運営する、発達に心配がある児童や障がいを抱える児童を対象とした放課後支援デイサービスのサービスサイトです。地域とサービスを掛け合わせた検索機能があり、使いやすいサイトになっています。

会社名株式会社ケア21
URLhttps://rirus.jp/
業種障がい(児)通所支援・短期入所事業ほか

がんばる先生のための算数・数学ポータルサイト

デザインにこだわった、算数・数学のお役立ち情報サイト

学校教科書を取り扱う、東京書籍株式会社が運営する、「math connect」。小学校、中学校の算数・数学の授業にまつわる先生に向けたお役立ち情報が掲載されています。実際の教科書ページに対する、板書の内容、解説のポイントなどが丁寧にまとめられています。

会社名東京書籍株式会社
URLhttps://mathconnect.tokyo-shoseki.co.jp/
業種小・中・高等学校教科書、インターネットサービス(教育総合ポータルサイトの運営)他

CREATIVE WEB コーポレートサイト

誠実さや清潔感が表現されたホームページ

Web制作を行う会社のコーポレートサイトです。サーモンピンクをキーカラーに明朝体のフォントで優しく、繊細な印象を受けるデザインです。

会社名株式会社クリエイティブ・ウェブ
URLhttps://www.creative-web.co.jp/
業種WEB制作

株式会社クレコム コーポレートサイト

難しく受け取られがちなITサービスに親しみを持ってもらうホームページ

パッケージソフトの導入、カスタマイズ事業を展開している企業のコーポレートサイト。ピンクとブルーを用いて、カラーの濃淡をつけることで、引き締まった印象を持ちます。ところどころにあしらわれている装飾やパーツにはアニメーションが使われており飽きずに読み進めることができます。IT企業でパステルカラーを使われているところ点で、珍しいWEBサイトです。

会社名株式会社クレコム
URLhttps://clecom.jp/
業種ITサービス

桜十字病院 ホームページ

色味を抑えた清潔感のあるホームページ

熊本市にある桜十字病院のホームページです。優しい色使いで清潔感のある落ち着いた印象を受けるデザインです。

会社名桜十字病院
URLhttps://www.sakurajyuji.or.jp/
業種病院・クリニック

愛甲産婦人科麻酔科医院 ホームページ

可愛らしいモチーフで彩られたホームページ

産科、婦人科、麻酔科があるクリニックのホームページです。女性がターゲットであり、花や動物の可愛らしいモチーフがサイト全体を彩っています。フォントカラーもゴールド系の色を採用しており、とても優しい印象となっています。

会社名愛甲産婦人科麻酔科医院
URLhttp://aikouiin.com/
業種病院・クリニック

エーザイ 認知症に関するWebメディア

見やすく、情報を検索しやすいWebサイト

医薬品の製造・開発を行うエーザイが運営する認知症の情報サイト。サイト全体が優しいピンク色で構成されています。知りたい情報ごとにメニューが分けられており、検索性の良いサイトになっています。

会社名エーザイ株式会社
URLhttps://e-65.eisai.jp/
業種医薬品製造・開発

ALLERU アレルギー情報を発信するWebメディア

ポップなキャラクターがわかりやすく情報を伝えるWebメディア

薬剤師によって運営されている、アトピー・ぜんそく・アレルギー性鼻炎に悩む人のための、アレルギーにまつわる情報をわかりやすく伝えるサイトです。オンライン薬局もあり、オンライン相談、薬の自宅配送なども行なっています。可愛らしいピンク色の背景に、カラフルでポップなキャラクターサイトがサイトを彩ります。

会社名運営:足立いつき薬局
URLhttps://alleru.com/
業種薬局・薬剤師

ELLE プロモーションサイト

透明感とエレガントさが表現されたブランドサイト

世界で愛されるファッション・メディア『エル』のプロモーションサイト。淡いパステルカラーのグラデーションが透明感を演出しています。パールジュエリーのイメージに合わせたエレガントなサイトデザインが統一感を醸し出しています。

会社名株式会社ハースト婦人画報社E PROMOTIONサイト
URLhttps://sp.elle.co.jp/fashion/tasaki/2010/
業種メディア運営、Eコマースなど

MERAY −クレンジング化粧品 ブランドサイト 

スマホファーストのコスメブランドサイト

クレンジング化粧品ののブランドサイトです。肌の色に近いピンクベージュカラーを採用し、ナチュラルなイメージを訴求しています。サイトの構成はスマートフォンで閲覧されることを優先したレイアウトになっています。商品の特性に合わせたレイアウト構成は参考にしたいポイントです。

会社名株式会社ビューティーアーキテクト
URLhttps://meray.tokyo/
業種美容・コスメ

地域交通共創モデル実証プロジェクト Webサイト

わかりやすさを意識したWebサイト

国土交通省による、地域交通の維持・活性化に取り組むプロジェクトのWebサイト。TOPページでは親しみやすいイラストとともに、伝わりやすいメッセージと簡単な概略が載せられています。参加者の心理的ハードルを下げるような工夫がされたサイトとなっています。

会社名国土交通省
URLhttps://www.mlit.go.jp/sogoseisaku/transport/kyousou/
業種官公庁事業

北海道発のサウナメディア「&sauna FARM」

可愛らしい動物たちがサイトを印象付けるWebメディア

北海道文化放送のサウナ番組「&sauna」のプラットフォームサイト「& sauna FARM」。番組で取材した全国各地のサウナをサイト上でサウナ一覧としてマッピングされており、サウナの普及活動を目的とされています。メインビジュアルの動物たちのキャラクターが印象的なサイトです。

会社名北海道文化放送株式会社
URLhttps://andsaunafarm.com/
業種テレビ・広告

瀬戸内経済文化圏 ホームページ

瀬戸内の自然が感じられるホームページ

瀬戸内の各地域の活性化をめざしたコミュニティのホームページです。様々な地域でプロジェクトが立ち上げられ活動を行っています。瀬戸内を象徴する海と山をイメージさせる優しいブルーで構成されています。

会社名瀬戸内経済文化圏
URLhttps://secr.jp/
業種経済・文化団体

手芸教室 ミヌン ホームページ

教室の特徴がよく表現されたホームページ

個人運営の手芸教室のホームページです。ハンドメイド感あふれる手書きフォントやイラストがサイトを彩っています。教室の様子が見て取れる、親近感のあるホームページです。

会社名手芸教室 ミヌン
URLhttps://www.minun2020.com/
業種教室・習い事

しふぉん ホームページ

作品の雰囲気とサイトデザインが融合したホームページ

東京都在住のフリーランスフォトグラファーしふぉんさんのポートフォリオWEBサイト。作品となる写真が淡いピンクやブルーを基調としており、 サイトデザインも作品の雰囲気を踏襲したものになっており、まとまりのあるサイトデザインです。

会社名しふぉん(フォトグラファー)
URLhttps://shiifoncake.com/
業種個人事業・フリーランス

どれもこれも素敵なホームページでした。

一口に「パステルカラーでまとめられたホームページ」といっても、色彩やフォントでその印象は千差万別ですね。

今回は学校法人や教育関連のホームページが多くなってしまいましたが、どのサイトも優しく明るい印象でとても魅力的に仕上がっていて勉強になります。

他にも魅力的なデザインのホームページはたくさんありますので、またご紹介させていただきます。