Now Loading...

Tag : responsive web design

Picture Collection Web Site

Picture Collection Web Site

写真スタジオ、PICTURE COLLECTION様のリニューアルサイトを制作しました。写真が映えるようにサイト全体の色数を抑えて、ミニマルとアーティスティックをテーマにデザインしました。TOPページはフルスクリーンで写真をアニメーション表示、下層ページも洗練された印象を感じてもらえるように余白を大きく取り、細めのフォントを使用しました。レスポンシブデザインで、ナビゲーションはPC閲覧時は左に固定、タブレットサイズ以下では上部に固定しハンバーガーメニュー+ドロワーメニューとなっています。ワードプレスでオリジナルテーマで構築しています。

Swirling Landscape web

Swirling Landscape web

バンド「Swirling Landscape」のウェブサイトを制作させていただきました。「深い森」と「光」をテーマにしたCDジャケットのデザインを背景にフルスクリーンで表示し、シングルページでコンテンツを切り替えられる仕様にしました。またスマートフォン・タブレット等にも対応できるようにレスポンシブデザインを採用しています。

SUGI DESIGNS web

SUGI DESIGNS web

当ポートフォリオサイト「SUGI DESIGNS」を制作しました。掲載作品がより映えるように、シンプル・ミニマルをテーマに色使いを抑えてデザインしました。またスマートフォン・タブレットにも対応できるようにレスポンシブウェブデザインでコーディング、ワードプレスを導入して制作しました。