WORKS

開業10周年の機会にWEBサイトをリニューアルし、認知向上・予約獲得・SNSフォロワーUPを目的に制作しました。

全体的にコーポレートカラーのピンクをアクセントカラーに柔らかい印象に仕上げました。ファーストビューでは各世代のお客様の笑顔と10周年anniversaryを取り入れお客様への感謝を表現しました。予約導線にもこだわりPC版には上部に電話番号を、スマホ版では下部に電話番号と予約サイトを追従させるデザインにしました。

ワイヤーフレーム/デザインカンプ制作

Illustrator/Photoshop

新しくオープンする「DESIGNCAFE」の為のホームページ制作しました。ページに訪れた人が店内の雰囲気やメニューの詳細などを見て、カフェへの来店者数を増やすのが目的です。

カフェのイメージに合うブラウンをメインカラーに、見出しはレッドでアクセントを。デザインカンプのデータを基に、メインビューやギャラリーにjQueryを使用し、動きのあるサイトに。スマホ版での閲覧も考慮し、レスポンシブデザインも実装しました。

コーディング

HTML/CSS/JavaScript (jQuery)

コーワーキングスペースを運営する「WORKERS」のLPページをデザイン。サービスの概要を分かりやすく説明し、会員登録増加を目的とした制作。

メインビジュアルに使用されているイエローをベースに、分かりやすく、ビジネスシーンですが、ポップなイラストを用いることでわかりやすく、サービスを利用しやすい印象を与えています。

トレース/デザイン

Illustrator

エアコンクリーニングキャンペーンのLPデザインを制作しました。新規顧客獲得とお問い合わせ増加を目的。

クライアント様の要望である暖色系を使用し、温かみのある優しいデザインにしました。エアコンが綺麗になった後を想像させるため、MVではお母さんと子供の笑顔の写真を載せました。また写真やアイコンを使用することで見た人に伝わりやすくなるよう工夫しました。

ワイヤーフレーム/デザインカンプ制作

Illustrator/Photoshop

ハンバーガー新商品のWEBバナーを制作しました。テキストは読みやすさ、顧客が食べてみたくなる素材を意識しました。背景の素材や帯やテキストにテクスチャを加え、さらにPOP感を演出しました。

デザイン/素材選定

Illustrator/Photoshop

開業10周年の機会にWEBサイトをリニューアルし、認知向上・予約獲得・SNSフォロワーUPを目的に制作しました。

ハンバーガー新商品のWEBバナーを制作しました。テキストは読みやすさを意識し、高級感を持たせるため余白持たせ、フォントは明朝体を使用しました。金吹雪を散らせることで高級感をプラスしました。

デザイン/素材選定

Illustrator/Photoshop

新規開業するよもぎ蒸しサロンのオープニングチラシとメニュー表を制作致しました。

チラシ、メニュー表ともに、ロゴのカラーである水色を基調としました。強調したい部分はピンクを選び、また地域初のよもぎ蒸し導入とのことでTOPに大きく表示しました。メニュー表は見やすさを一番に意識し余白を持たせました。

ワイヤーフレーム/デザインカンプ制作

Illustrator/Photoshop