【デザイン】ポップでグラフィカルなシングルページデザインのWEBサイトまとめ

pop-and-graphical-single-page-web-design

WEBサイトのコンテンツ(内容)を1ページに収めて掲載をするシングルページデザイン。コンテンツが多い分、ページは縦に長くなってしまいますが、その長さを生かしてデザインされたポップでグラフィカルなWEBサイトをまとめてみました。

Chilicongraphic

デザインスタジオ「Chilicongraphic」のWEBサイト。上からインクが落ちるイメージからデザインが繋がっています。

Chilicongraphic-cool-designs

Link:http://chilicongraphic.com/

Epipheo

ビデオ制作会社「Epipheo」のWEBサイト。手書きで構成されていて子どもたちの自由帳みたいです。

Epipheo

Link:http://www.epipheo.com/

APPOLO

WEB制作会社「APPOLO」のWEBサイト。ロケットが打ちあがるイメージのデザインです。マウスの動きで星がきらめいたり、ページないのアクションも注目です。

APPOLO

Link:http://www.appolo.fr/

Kinderfotografie

写真スタジオ「Kinderfotografie」のWEBサイト。子どもを中心に家族写真を撮影するスタジオのようで、かわいらしいデザインです。

Kinderfotografie

Link:http://www.kinderfotografie-evihermans.be/

関連記事

【Win10】Office 2016 の一部が英語表記になり戻らない

Microsoft Office 2016 を Windows10 の環境で利用していたところ、いつの間にか、画面の一部が英語になってしまいました。リボンなどのUI部分ではなく、作業中にポップアップされる操作画面のごく一部の日本語が英語になるという半端な状態です。 修正...続きを読む

2021.01.24Windows10パソコンの使い方

カフェオールドソーコ様WEBサイト制作

富士市でモチモチの生パスタと焼きたてワッフルを楽しむことができる『カフェ オールドソーコ』様のWEBサイトを制作いたしました。手書きのメニューや店内に描かれた可愛らしいイラストにあわせてWEBサイトでもイラストを沢山用いて、ワクワク感を感じられるデザインをいたしました。 ...続きを読む

2015.02.14WEBサイト制作

【CSS】CSS3による枠線の新しい表現方法

CSS3より定義された「Border Radius」「Border Image」を使うことで角丸のボックスや、罫線の装飾によってこれまで画像で作成していた要素をCSSのみでデザインすることができるようになりました。 角丸(border-radius) 「b...続きを読む

2015.02.08HTMLコーディング

【WP】WordPress5.0の編集エディターを旧バージョンに戻す方法

WordPressのバージョンが、これまでの4.0の系統から5.0系統の最新版へのリリースとなりました。 安全性やバグの修正はもちろんですが、今回、5.0系統の最新リリースで大きく変わったのが投稿時の編集エディターとして「Gutenberg」が標準採用されたことだと思います...続きを読む

2019.02.13WordPress

【デザイン】バレンタインカードにぴったりなデザインワークスまとめ

今日は、バレンタインにちなんだカードのデザインワークスをまとめみました。ツールのキットやハウツーが掲載されており実際にカードを作るときの参考にもなります。 Hearts a Flutter ツールキットを組み合わせて制作されたカードです。ハートやリボンの組み合わせがか...続きを読む

2015.02.15インスピレーション