練馬区の京風居酒屋「月のヒナタ」様のサイトを制作させていただきました。デザインとコーディングにて作成しました。
【 URL 】
https://tsuki-no-hinata.sakura.ne.jp/
【 TARGET 】
30〜50代の落ち着いた大人世代夫婦、お仕事帰りの会社員
【 TOOL 】
illustrator / XD / HTML / CSS / js
大人の雰囲気を出すため余白を多めに取り、和風に寄りすぎないように欧文フォントを適度に組みました。
お店の素敵な内装とリンクさせるように、青いタイル柄を連想させる柄を作成。お知らせセクションとフッターに使用して統一感を出しました。
「新鮮な地元野菜を使って、毎日メニューが変わる」という所が強みであるので、伝わりやすいキャッチコピーや文章を作成しました。
毎日メニューが変わるので、メニューの豊富さが伝わるように料理写真を撮影し、スライドショーを設置しました。
店舗情報の電話番号は、モバイルサイズのほうのみそのままタップすればかけられるようにコーディングしました。
コロナ禍とあって営業時間や営業形態を変化させながらの営業だった為、最新の情報を発信しているTwitterにすぐ誘導できるよう、固定ヘッダーメニューにTwitterへのリンクを入れ追従するように。お知らせセクション、店舗情報にも設置しました。
自身のポートフォリオサイトをWordPressにて作成しました。
https://ura-design.com/
Photoshop / WordPress
ポートフォリオサイトなので、作品が目立つように全体をシンプルにし、フォントやロゴでテイストのカラーが出るようにしました。
トップページにWORKSのサムネイルを配置し、作品を見てもらえるように導線を意識しました。
キャッチコピー、伝えたい事が読みやすいように余白を多めに取りました。
ノンシリコンシャンプーのLP( ランディングページ )をデザインしました。
20~30代、髪質で悩んでいる男女
Photoshop
天然由来成分100%、ノンシリコン、無添加というヘルシーなイメージと、女性らしさを出す為に柔らかい雰囲気の配色・フォントにしました。
ホットヨガスタジオのLP( ランディングページ )をデザインしました。
20〜30代の運動不足、ダイエットしたい女性
健康で快活なイメージの黄色と緑をキーカラーにしました。
イラスト、写真、あしらいを入れ、飽きずに最後までスクロールしてもらえるようにしました。
ターゲットに合わせた素材の写真を使用しました。
ボタンは目立つようにアクセントカラーを使用しました。
オーガニック野菜直送サイトのデザインとコーディングを作成しました。
20〜30代の家族の健康を気遣う、子育て世帯女性
Photoshop / HTML / CSS
畑から直送される土っぽい素朴な感じを出す為、キービジュアルは濃い茶色の写真にしました。
優しく温もりある雰囲気を出す為に、野菜のイラストと生産者のセリフと文字の後ろにあしらいとして敷いたスクリプト体は自分で手描きしました。
レスポンシブ対応したモバイルサイズの方は、PCサイズと構図を変えて、半透明の写真の上に文字を重ねるようにコーディングしました。
架空ヘッドスパサロンのLINEリッチメニューを作成しました。
リラックス空間であるヘッドスパサロンに合うよう、少し脱力感が出るように自作の手書きロゴとアイコンを使用。
また、"Suu" は呼吸をイメージするサロン名をつけてみました。
女性オーナー様がお一人でスパニストとして施術しているという設定のもと、名刺としてではなく、ショップカードとしても使えるようなものにしました。
表面にはお店のホームページに飛べるようQRコードを設置。
リラックス空間をイメージした手書きロゴを使用。
大人女性の上品さが出せるよう、名前(仮名)はセリフ体のフォントに。
可読性も持たせつつ、カジュアルになりすぎないようフォントを組み合わせました。
ハンドメイドアクセサリーショップの「calm」様の手書きロゴを制作させていただきました。
" calm " に込められた想いをお伺いし、反映できるように思いを巡らせながら制作いたしました。
白と黒の2バージョンご希望だったので、それぞれの ①イラストと組み合わせたもの ②文字だけのもの など、幾つか候補をご提案した上でその中から決定いただきました。
calm = 凪 をイメージし、流れるような形を意識しました。
可愛い系ではなく大人・キレイめ系女性がターゲットなので、スマートな印象の中でも手書きの柔らかさが出るようにブラシの選定もしました。
@ura.design_