スタイリッシュなホームページ・Webデザイン事例

stylish

スタイリッシュなホームページ・Webデザインをお考えの方へ
配色や構成などのデザインが参考になるホームページ・Webサイトをまとめました

法律事務所・弁護士

エグゼクティブな印象を与える弁護士の採用サイトのデザイン例

ファーストビューをぜひ参考にしたいホームページ。これは法律事務所の求人サイトだが、ネイビー×明朝体を合わせたデザインでエグゼクティブな感じを演出している。 ただこういったデザイン(特に文字を画像化しているデザイン)はスマホ対応しづらい...

法律事務所・弁護士

北海道札幌市中央区南1条西11丁目-1番地 コンチネンタルビル9階

工務店・建築

青系統の色で統一された三倉建設株式会社のホームページデザイン例

アクセスした際に、ローディング画像(アニメーション)が流れるホームページ。入札案件を扱う建築業ならではの、第一印象や企業イメージに配慮した清潔感のある仕上がりになっている。 装飾が少なくシンプルなフラットデザイン構成となっている。デザ...

工務店・建築

東京都板橋区徳丸3-18-8

WEBメディア

1カラムで構成されたオシャレなWebメディア「PR Table」

PR Tableは企業や団体がPR・HR・IRなどの目的で記事を投稿できるサービス。単なる宣伝をするような内容ではなく、主に企業のブランディングとして活用されており、記事を読んでいてもユニークで面白いメディア。 このメディアは下記の記...

WEBメディア

東京都渋谷区道玄坂1-19-9

WEBメディア

3カラム構成の動作が美しいWebメディア「BTCN」

ビットコイン、ブロックチェーン、仮想通貨などの情報を取り扱うニュースメディア。 3カラムで構成されており、右側はグローバルメニュー、中央は仮想通貨のマーケットのリアルタイム情報、メルマガ登録、広告、人気記事、左側はピックアップ記事と各...

WEBメディア

東京都品川区西五反田7-20-9

WEBメディア

無駄な装飾がないシンプルなWebメディア「BNL」

名刺管理サービス「Eight」が運営する、ビジネスネットワークを活用した新たな可能性を探るメディア。 「WIRED」と同様、白と黒でシンプルにデザインされており、ホワイトスペースを十分に活用して、かっこいい印象を与えている。 ...

WEBメディア

東京都渋谷区神宮前5-52-2

WEBメディア

スタイリッシュなWEBメディア「WIRED」

最新のテクノロジーや先端科学といった「未来のトレンド」を発信するアメリカ発のメディア。 白と黒のシンプルなデザインだが、写真のクオリティが高く、ホワイトスペースを活用し、かっこいい印象を与えている。フォントはMacにデフォルトで入って...

WEBメディア

東京都渋谷区渋谷2-11-8

工務店・建築

シンプルながらも動作が美しい東急建設株式会社のホームページデザイン例

緑色をテーマカラーとしたホームページで、下層ページは2カラムで構成されている。 メインビジュアルの部分の写真は左右にスライドしつつ、パララックス(下にスクロールしても写真が移動しない仕組み)になっており、レスポンシブ対応している。 ...

工務店・建築

東京都渋谷区渋谷1-16-14

学校・大学

シンプルな名城大学のホームページデザイン例

使っている色はピンクに近い赤の一色のみで、シンプルでかっこいい名城大学のホームページ。 トップページにある「FACULTIES」や「MEIJO MAG」といったタイトルはWEBフォントを使って、それぞれ違う文字で表現していたり、下にス...

学校・大学

愛知県名古屋市天白区塩釜口1丁目501番地

学校・大学

赤色でデザインされた統一感のある甲南女子大学のホームページ例

赤色一色でデザインされた統一感のあるシンプルなホームページ。 5秒ごとに生徒と思われる、凛々しい女性の写真が切り替わるようになっており、その下の関連サイトのバナーや、さらにその下の新着情報では全てスライドするようになっており、全体的に...

学校・大学

兵庫県神戸市東灘区森北町6-2-23

学校・大学

中央大学の受験生特設サイトのデザイン例

赤と黒の対比がかっこいい、中央大学の受験生向けのホームページ。 左側のロゴの赤色部分はスマホで閲覧した際に最上部に移動する仕組みになっており、グローバルナビゲーションはPCでは5つあるのが、スマホでは2つに減るようになっている。 ...

学校・大学

東京都八王子市東中野742-1

美容室・美容院

パララックスが面白い美容室のホームページ

下にスクロールしていくと、それぞれ固定された背景写真が表示される仕組みになっており、パララックスの構成が非常に面白いホームページ。以下、スクロールした際の実際の動作。 ページは1ページのみとなっており、「ブログ」カテゴリがある...

美容室・美容院

大阪府大阪市中央区北浜東1-17

エステ・サロン

スタイリッシュなエステサロンのホームページデザイン例

メインビジュアルの写真が美しいエステサロンのホームページ。オレンジ色が暖かい印象を与えつつラグジュアリーな雰囲気を与えている。 線の使い方が美しく、制作側としても、こんなやり方があるのかぁと感心させられる。また全体的に文字が小さく、ス...

エステ・サロン

東京都渋谷区恵比寿4-3-1

法律事務所・弁護士

斜めラインが印象的なかっこいい法律事務所のホームページデザイン例

ヘッダー部分の斜めラインが印象的なホームページ。代表者の写真はスライドで切り替わる構成で、その写真に重なるように最初のコンテンツが配置されている。「相談の流れ」ではスクロールしても写真が固定する技術「パララックス」を取り入れており、ページ遷...

法律事務所・弁護士

広島県広島市中区基町5-44

病院・クリニック

新宿区にある白を基調としたクリニックのホームページデザイン例

白を基調としたシンプルで清潔感のあるホームページ。メインビジュアルの3枚の写真はそれぞれのページへリンクをさせる設計になっている。1カラムで全て構成されており、各タイトル等で黄色が使われているだけで、全体的に色数が少なく統一感のあるデザイン...

病院・クリニック

東京都新宿区新宿 3-37-11

病院・クリニック

熊本市にある病院のホームページデザイン例

メインビジュアルは背景写真がフェードイン表示でスライドし、キャッチコピーの「これからの医療を、ここから。」で固定して表示している。スライドする写真ごとにキャッチコピーを変えるサイトも多いが、ここは一つに絞ってスライドする写真で安心感・信頼感...

病院・クリニック

熊本県熊本市南区御幸木部1丁目1番1号

保育園・幼稚園

福井県敦賀市にある保育園のホームページデザイン例

メインビジュアルの写真のトリミングの独特さと、上部の左右にぶら下がっているフラッグが連なった飾り(フラッグガーランド)が印象に残るホームページ。着目したいのが、幼稚園のスケジュールをGoogleカレンダーを使って保護者に告知しているところだ...

保育園・幼稚園

福井県敦賀市本町1-6-10

美容室・美容院

渋谷区にあるオーガニックにこだわった美容室のホームページデザイン例

余計な装飾を一切使わず、非常にシンプルなデザインで、オーガニック感を演出できているホームページ。 サロンからの情報を定期的に配信するために、Wordpressが導入されている。こういった定期的に配信する部分をアメブロを中心としたブログ...

美容室・美容院

東京都渋谷区恵比寿西2-21-1

エステ・サロン

札幌市にあるシンプルな美容室のホームページデザイン例

1カラムで構成されたシンプルながらもオシャレなレスポンシブ対応のホームページ。写真を横幅いっぱい使っている箇所が多く、メインビジュアルはスライドする形式。スマホ閲覧時はキャッチコピーのみ表示され、サブコピーは表示されなくなっている。 ...

エステ・サロン

北海道札幌市中央区北4条西28丁目1-15

美容室・美容院

熊本市にある美容室のホームページデザイン例

3カラム構成で真ん中のカラムはヘアモデルが縦スライダーするという、独特なサイト構成になっている。 3カラム構成にするとレスポンシブでスマホ対応するのが難しくなり、実際に現時点でこのホームページはスマホ対応していないが、情報を一度に見せ...

美容室・美容院

熊本県熊本市中央区上通町7-8ピカイチビル1F

歯科医院

盛岡市にある歯医者のホームページデザイン例

「前歯を見せて、大きな口で笑ってほしい」「あなたの未来にあわせた歯科治療を」といった、ユーザに刺さるようなキャッチコピーがつけられており、視認性が高くクオリティが高いホームページ。 ロゴが歯の形になっており、手書き風の文字や縦書きが織...

歯科医院

岩手県盛岡市神明町10-35

1 2

結果に拘ったホームページ制作会社「AltBase LLC.」

作成しただけでは意味がないホームページ。弊社では結果に拘った成果の上がるホームページを制作いたします。見積もりは無料なのでお気軽にお問合せください。