YUKO OTA
PORTFOLIO

WORKS

Web(デザインとコーディング)、グラフィック制作の記録です。

FEATURE

サイトの解説

サイト名:
瀬戸内民宿SORAUMI -島泊-
https://mildwind0124.com/works/soraumi/

担当:
Design / Coding(Responsive) / jQuery / JavaScript / Writing

コメント:
「島に泊まる」事の良さをコンセプトとして打ち出した、瀬戸内にある架空の民宿のサイトです。
レスポンシブにした時のファーストビューの見え方にこだわりました。PC、タブレット、スマートフォン、どのデバイスで見ても、風景画像が画面いっぱいに広がり、白抜きのロゴとナビが上に乗り、画像の中央にコンセプトである「島泊」の文字が乗るようにしました。タブレットとスマートフォンでは、ナビがハンバーガーメニューになるようにしました。風景画像はズームインスライダーで4枚が切り替わる仕様です。

ロゴも制作しました。「島での思い出を心に刻んで欲しい」という想いから、印を模したデザインに。アルファベットの「SORAUMI」から構成し、すっきりと和を感じさせるロゴを目指しました。

ナビをホバーするとアニメーションで線が出現する、ボタンをホバーするとアニメーションで色が変わる、スクロールすると要素が浮かび上がるなど、細部に動的な表現を組み込み、サイトがリッチに見えるようにしました。

ABOUT

こんにちは!

慶應義塾大学法学部卒業。
自動車メーカーを経て商業施設や化粧品などのグラフィックデザインに従事。
株式会社博報堂を経験した後Webデザイナーに転身し、金融系インハウスでファンドLPなどを制作中。

Webサイト制作やバナー制作などお受けいたします。
どんな業種でもOK、小さな案件からお気軽にご相談ください。

CONTACT

お問い合わせは、
メールでお願いいたします。

info@mildwind0124.com