Portfolio
-Private Works-
自主制作のWebサイトやグラフィック作品です。
クライアントワークについては概要のみ掲載しております。
Web Site
-
動物病院のサイト
HTML･CSS/レスポンシブデザイン/トップページのみ
-
カフェのサイト
HTML･CSS/レスポンシブデザイン/トップページ+下層ページ
-
和菓子屋のサイト
HTML･CSS/レスポンシブデザイン/シングルページ
Web Design
-
塾のサイト
Photoshop
-
ドーナツ店のサイト
Photoshop
-
LP
Illustrator
Graphic
-
アプリのロゴ
Illustrator
-
動物病院のロゴ
Illustrator
-
ドレッシングのラベル
Illustrator
-
ペーパーバック
Illustrator
-
バナー
Photoshop Illustrator
-
ポスター
Photoshop
Clientwork
-
クライアントワーク
Webサイト/Webデザイン/DTPデザイン
Work description
動物病院（架空）
オフィシャルサイト
2022
「誠実」「清潔感」をキーワードにブルーを基調にデザインし、スマートフォンでは電話予約などアクセスの向上を目的に、フッターに電話予約ボタン等を固定表示しました。
- role
- 企画・ワイヤフレーム・デザイン・コーディング
- creation time
- 10日
- tool
- Dreamweaver Photoshop Illustrator
- url
- https://wabirin.com/portfoliosite/animalclinic/index.html
カフェ（架空）
オフィシャルサイト
2022
ファーストビューでコーヒーの香りや店内の雰囲気を感じられるように、トップページに動画を配置しました。 Web制作のブランクを補うために制作したもので、シンプルなレイアウトながらも動きを感じられるWebサイトを目指しました。
- role
- コーディング
- creation time
- 8日
- tool
- Dreamweaver Photoshop Illustrator
- url
- https://wabirin.com/portfoliosite/cafeshop/index.html
和菓子店（架空）
オフィシャルサイト
2022
創業以来「てづくり」を大切にしている和菓子店をテーマに制作。キャッチコピーを添え、作業風景の動画を配置して「てづくり」感を強めました。 メニューを縦書きにし、明朝体のフォント、和紙をイメージした背景画像を用いるなど、和の雰囲気を感じられるデザインにしました。
- role
- 企画・ワイヤフレーム・デザイン・コーディング
- creation time
- 7日
- tool
- Dreamweaver Photoshop Illustrator
- url
- https://wabirin.com/portfoliosite/wagashishop/index.html
学習塾（架空）
オフィシャルサイト
2023
小学生から大学受験生までの幅広い年齢層をターゲットにした学習塾という設定で、授業風景の画像を多用し疑似体験感を強めました。 レイアウトに斜線を用いることで向上や速さ、前向きさなどをイメージできるようにデザインしました。
- role
- 企画・ワイヤフレーム・デザイン
- creation time
- 5日
- tool
- Photoshop Illustrator
- image
- 画像表示
ドーナツ店（架空）
オフィシャルサイト
2023
個人経営の小規模なホームページを想定したモバイルファーストのデザインで、PC表示では背景固定でコンテンツ部分がスクロールするイメージです。 スマートフォンではコンテンツ部分とヘッダーを表示し、シンプルな構造にすることで制作期間の短縮やコストの軽減等につなげることを想定しました。
- role
- 企画・ワイヤフレーム・デザイン
- creation time
- 4日
- tool
- Photoshop Illustrator
- image
- 画像表示
地域通貨促進LP（架空）
LP
2022
地域通貨の名称やマスコットキャラクターを設定し、イラストメインの親しみやすいデザインを目指しました。 一部（GooglePlayとAppStoreのボタンおよびモバイル非接触IC通信マーク）以外のすべてをIllustratorで描画しました。
- role
- 企画・ワイヤフレーム・デザイン
- creation time
- 5日
- tool
- Illustrator
- image
- 画像表示
ロゴ（架空）
アプリ
2024
在宅勤務や一人暮らしで「帰るコール」をしたくてもできない人のためのアプリのロゴデザイン。帰るコールをするとAIによる返事が返ってくるアプリという設定。
- role
- 企画・デザイン
- creation time
- 0.5日
- tool
- Illustrator
ロゴ（架空）
動物病院
2024
円の中に犬と猫を配置し、こころをハートで表現してわかりやすさを第一にデザインしました。
- role
- 企画・デザイン
- creation time
- 0.5日
- tool
- Illustrator
ラベル（架空）
ドレッシング
2024
ドレッシングのラベル2種・2パターンをデザインしました。ドレッシングの色味が引き立つカラーを用い、伝統を感じながらもモダンなデザインを心掛けました。
- role
- 企画・デザイン
- creation time
- 1日
- tool
- Illustrator
ショッパーバッグ（架空）
デパート
2022
1988年に閉店（のち他グループ店として継続し2011年に完全閉店）したデパートをテーマにした、ペーパーバックのデザインを制作しました。 創業時に呉服店があったという歴史から、ロゴマークを市松模様に配置してデザインしました。
- role
- 企画・デザイン
- creation time
- 1日
- tool
- Illustrator
消費促進バナー（架空）
SNSバナー
2023
牛乳の大量廃棄や酪農家の廃業が相次ぐ問題を知り、牛乳の消費促進をテーマに制作しました。 寒い時期の消費拡大に向けたパターンと、日頃あまり飲まない人へも訴求したSNSを活用したパターンの2種をデザインしました。
- role
- 企画・デザイン
- creation time
- 2日
- tool
- Photoshop Illustrator
ポスター（架空）
駅内ポスター
2022
終着駅である長崎駅と、海外へ船が出港する長崎港を重ね、未来を感じさせるイメージで制作しました。 複数の画像や効果を組み合わせたコラージュで、自分で撮影した画像も使用しています。
- role
- 企画・デザイン
- creation time
- 3日
- tool
- Photoshop
※概要のみ掲載しております。詳細についてはお問い合わせください。
社会福祉法人
コーポレートサイト
2013
社会福祉法人の新規サイトに、多様性をキーワードにデザインを提案し制作しました。現在もサポートを継続しています。
- role
- 情報設計・ワイヤフレーム・デザイン・コーディング・サポート
- creation time
- 1.5か月
- tool
- Dreamweaver Photoshop Illustrator
美容整体院
オフィシャルサイト
2017
新規開設した美容整体院のサイトをコンサルティング会社からの依頼で制作。ライティングや素材収集も担当しました。
- role
- 情報設計・ワイヤフレーム・デザイン・コーディング・ライティング
- creation time
- 1.5か月
- tool
- Dreamweaver Photoshop Illustrator
保育園
オフィシャルサイト
2015
子どもや保護者が親しみやすい、水彩モチーフを全体に用いた園庭のようなデザインを提案、コンペの応募18案の中から採用されました。
- role
- 情報設計・ワイヤフレーム・デザイン
- creation time
- 6日
- tool
- Photoshop Illustrator
歯科医院
オフィシャルサイト
2015
集患率の低下に伴うリニューアル案件。メインカラーを用いた清潔感のあるデザインで、女性患者への訴求を中心に設計しました。
- role
- 情報設計・ワイヤフレーム・デザイン
- creation time
- 6日
- tool
- Photoshop Illustrator
美容院
オフィシャルサイト
2016
年齢層の高い方に向けた、新規店舗開設に伴う制作。「オーガニック」をテーマに植物等の画像を用い、落ち着きのある空間を表現しました。
- role
- 情報設計・ワイヤフレーム・デザイン
- creation time
- 4日
- tool
- Photoshop Illustrator
鍼灸整骨院
オフィシャルサイト
2016
スポーツを楽しむ20代～40代および女性に向けたリニューアル制作。多岐にわたる情報を整理し、キーカラーを効果的に用いたデザインを提案し採用されました。
- role
- 情報設計・ワイヤフレーム・デザイン
- creation time
- 6日
- tool
- Photoshop Illustrator
居酒屋
メニューデザイン
2017
味やイメージを想起させる訴求力を高めた、商品画像記載のメニューを制作しました。
- role
- デザイン
- creation time
- 8日
- tool
- Photoshop Illustrator
飲食店
ロゴデザイン
2024
メニューの特長を印象づける形をシンボライズしデザインしました。
- role
- デザイン
- creation time
- 0.5日
- tool
- Illustrator
オンラインサービス
ロゴデザイン
2024
リニューアルするホームページに掲載するロゴ制作。サービス内容を表現しデザインしました。
- role
- デザイン
- creation time
- 0.5日
- tool
- Illustrator
歯科医院
ロゴデザイン
2024
新規開院する歯科医院のロゴ制作。キャラクター風のデザインを制作しました。
- role
- デザイン
- creation time
- 0.5日
- tool
- Illustrator