works

ヘアーサロン マルコ
概要 美容室 MALUCO様のwebサイト(新規サイト開設検討中)
制作期間 約二週間
制作範囲 デザイン/コーディング
制作ツール Photoshop,HTML/CSS,JQuery
レスポンシブ PC/スマートフォン
デザインで工夫した点 希望される色が青と白だったのでサイトの背景は白に、文字は現在使用されている名刺と同じ青を利用して、希望に沿いながら名刺との統一感を意識しました。シンプルなサイトを希望されたのであまり余計なものは入れないよう画像と文字をメインにし、適切な余白を入れることですっきりとまとめました。サロン名の由来から人と人との繋がりを大切にされていると感じたので、全ての画像やメニュー表の左上に同じ三角形のワンポイントを入れることで自分なりに繋がりを表現してみました。それぞれの見出しに筆記体を使用しておしゃれな雰囲気を出してみました。
こちらからご覧ください
あそびカフェ セタシア
概要 あそびカフェ セタシア様のwebサイト(既存サイト更新検討中)
制作期間 約二週間
制作範囲 デザイン/コーディング
制作ツール Photoshop,Illustrator,HTML/CSS,JQuery
レスポンシブ PC/スマートフォン
デザインで工夫した点 希望される色が白や青だったので、ヘッダー部分は白く、メイン部分は見出しに使った青と本文の文字色を見やすくするために少しグレーがかった色をチョイスしました。カジュアルで柔らかい雰囲気のサイトを希望されたので、写真の対角上の角を丸くしたり、Illustratorで作成した料金表とメニュー表に色やイラストを使用してカジュアルさを出してみました。オーナーのアナログゲームを多くの人に知ってもらいたいという思いをサイトユーザーに届けられるようオススメのゲーム紹介ページを作り、そのゲームで遊んでみたくなるような紹介文を掲載しました。ゲーム棚やおもちゃのカラフルな写真を使用し、子供部屋にいるような感じを表現してみました
こちらからご覧ください
架空カフェサイト
概要 架空カフェのwebサイト
制作期間 約三週間
制作範囲 デザイン/コーディング
制作ツール Photoshop,Illustrator,HTML/CSS,JQuery
レスポンシブ PC/スマートフォン
デザインで工夫した点 自分が子育てをしていく中で、こんなカフェがあるといいなと思いながら制作しました。ロゴも自分で作成し、店名から想像しやすいよう、また親しみが出るようにデザインしました。サイトの優しい雰囲気に合うよう、写真は角を丸くしたりふにゃふにゃした形でくり抜いたりして、全体的に丸みのあるサイトに仕上げました。
こちらからご覧ください
架空カフェサイト
概要 こちらのポートフォリオサイト
制作期間 約二週間
制作範囲 デザイン/コーディング
制作ツール Photoshop,Illustrator,HTML/CSS,JQuery
レスポンシブ PC/スマートフォン
デザインで工夫した点 オンラインスクールで学習したことの集大成として、また自身を売り込むツールとしてこちらのサイトを制作しました。見て元気になるよう明るいカラーを使用し、JQueryで動きをつけて面白みのあるサイトに仕上げました。
こちらからご覧ください