PORTFOLIO SITE.
TOP
制作物
TOSHIYA SUZUKI PORTFOLIO
本サイトです。ポートフォリオまとめサイトとして作りました。 自己紹介や今までの制作物を見やすいように載せました。
ジュエリーショップ ルミエール
架空アクセサリーショップです。大人の女性をターゲットにしたやさしい雰囲気のサイトに仕上げました。 （トップページのみ）
Destination Wedding
架空のウェディングサイトです。 上品さを意識して作成しました。お問い合わせページやよくある質問などを設置して、参加しやすいようにご案内しています。 （トップページのみ）
南アルプスホテル 白雲荘
架空南アルプスリゾートホテルサイトです。 ブログレイアウトでバナーやお知らせ、カレンダーを確認できます。 （トップページのみ）
CreativeFlow Studios
架空デザインオフィスのサイトです。 企業の資料がダウンロードできるようにボタンを配置しています。 （トップページのみ）
TS税務会計事務所
架空税務会計事務所のサイトです。 企業のコーポレートサイトを意識して、会社のブランドイメージが伝わるようにしました。 （トップページのみ）
Net Smart
架空IT会社のサイトです。 企業のコーポレートサイトを意識ししつつ、堅苦しすぎないカジュアルなデザインを意識しました。 （トップページのみ）
イタリアンレストラン イル・ソーニョ
架空イタリアンレストランサイトです。 本場イタリア料理の魅力が伝わるようにデザインしました。 （トップページのみ）
旅するサイト
架空の旅行サイトです。 2カラムレイアウトで旅の魅力を伝えます。 （トップページのみ）
▼グラフィック制作
新年セールのためにデザインされたバナーです。鮮やかな色使いで新年を祝う雰囲気を意識して作りました。 （使用ソフト: Illustrator）
春のセールを告知するためのバナーです。文字を大胆に装飾しインパクトを出して制作しました。 （使用ソフト: Illustrator）
新年セール告知のためのバナーです。波紋や菊、金屏風を配置して豪華絢爛なイメージにしました。 （使用ソフト: Illustrator）
母の日のバナーです。淡いハイトーンで統一してやさしく暖かみのあるイメージにしました。 （使用ソフト: Illustrator）
夏のさわやかな感じを強調しつつ若者向けにデザインしました。 （使用ソフト: Photoshop）
文字の光彩や雪の結晶をあしらい、クリスマスを意識して作成しました。 （使用ソフト: Illustrator）
架空の香水メーカーの新商品の告知バナー。大人女性のクールなイメージを意識して作りました。 （使用ソフト: Photoshop）
美味しそうに感じるように野菜の新鮮さを強調する鮮やかな色合いを意識して作りました。 （使用ソフト: Photoshop）
架空のバーム製品のイメージバナー。自然のさわやかな香りがイメージできるように作成しました。 （使用ソフト: Photoshop）
夏をすぎたら受験が成功するというイメージで文字のレイヤーを配置して作りました。 （使用ソフト: Photoshop）
ダイエット酵素ドリンクの販促用のバナーです。おいしくダイエットできることを強調して作成しました。 （使用ソフト: Photoshop）
エステサロンの商品購入キャンペーンのバナーを作成しました。高級感と上品さを意識して作りました。 （使用ソフト: Photoshop, Illustrator）
春らしい色のチェック模様にしてみました。 （使用ソフト: Illustrator）
女性らしい千鳥柄の模様を優しい色で作りました。 （使用ソフト: Illustrator）
市松模様と麻の葉模様のパターンを制作しました。 （使用ソフト: Illustrator）
黄系の市松模様にグラデーションで豪華なイメージを意識して作成しました。 （使用ソフト: Illustrator）
複数のレイヤーとぼかし効果で奥行きのある桜吹雪を表現しました。 （使用ソフト: Illustrator）
和傘を作成して和の雰囲気の素材を作成しました。 （使用ソフト: Illustrator）
架空家具サイトのデザインカンプです。完成系がイメージしやすいように画像と配色を施しました。 （使用ソフト: Photoshop）
Photoshopの描画モードを使用して多重露光効果を使い雑誌の表紙風にオシャレに作りました。 （使用ソフト: Photoshop）
本サイトのメインビジュアルです。ペンツールを使ってイラストをなぞって作成しました。 （使用ソフト: Illustrator）
Photoshopのマスクを使用してとびだす画像を作成しました。 （使用ソフト: Photoshop）
Photoshopのフィルター機能と描画モードで風景写真をアニメ風に加工しました。 （使用ソフト: Photoshop）
写真を切り取り、カップの写真に合成しました。 （使用ソフト: Photoshop）
ポートフォリオをXDでA4サイズのPDF用に作成しました。 （使用ソフト: XD）
illustratorを使用して色々な柄の缶バッチを作成しました。 （使用ソフト: illustrator）
エステサロンのWebサイト用のワイヤーフレームです。 （使用ソフト: XD）
▼プログラム
svgアニメーション
See the Pen svgテキストアニメ by スズキトシヤ (@agpslbps-the-styleful) on CodePen.
開閉メニュー
See the Pen Untitled by スズキトシヤ (@agpslbps-the-styleful) on CodePen.
ローディング画面
まるでハンバーガーなボタン
See the Pen まるでハンバーガーなボタン by スズキトシヤ (@agpslbps-the-styleful) on CodePen.
ブログサイドバー用カレンダー
アコーディオンボタン
See the Pen アコーディオンボタン by スズキトシヤ (@agpslbps-the-styleful) on CodePen.
スクロールすると「ふわっ」と出現させる
上から下に動くスクロールバー
See the Pen 上から下に動くスクロールバー by スズキトシヤ (@agpslbps-the-styleful) on CodePen.
ライトニングボール
See the Pen ライトニングボール by スズキトシヤ (@agpslbps-the-styleful) on CodePen.
動く枠線 (JavaScriptアニメーション)
See the Pen うごく枠線 by スズキトシヤ (@agpslbps-the-styleful) on CodePen.
