仕事に挑む。
About
東京都在住の27歳、
清水 風雅(しみず ふうが)と申します。
Web制作の現場への転職を目指し、
HTML/CSS/JavaScriptやWordPressの学習・作品制作に取り組んでいます。
日々、新しい情報を取り入れ、
スキルアップをしようと燃える
”熱意”は誰にも負けません！！
趣味は、写真を撮ること、
旅に出ること、音楽を聴くことです。
よろしくお願いいたします。
保有資格
・Webクリエイター能力認定試験 エキスパート
・Photoshopクリエイター能力認定試験 スタンダード
・ITパスポート試験
・普通自動車第一種運転免許(AT)
ポートフォリオのソースコードは こちら からご覧いただけます。
Timeline
2023年4月
・Photoshopクリエイター能力試験の勉強を開始。
2023年8月
・Photoshopの操作に慣れてきたので、何か仕事に繋げたいと思い、Web制作の仕事を志す。
・Webクリエイター能力試験の勉強を開始。デザインの基礎、HTML、CSSを学ぶ。
・ドットインストールを利用し、アプリサイト、ECサイトのコーディングを行う。
・Udemyにて、Photoshopを使用した複数サイトのデザイン方法を学ぶ。
2023年9月
・Photoshopクリエイター能力試験 スタンダード合格。
・Udemyにて、jQueryの基礎を学ぶ。
2023年12月
・Webクリエイター能力試験 エキスパート合格。
・Webサイト「未経験からWebデザイナーへ！」の「無料コーディング練習所」にて、 Visual Studio Code、Figmaの使用方法や、flexboxやWebフォントの設定など実用的なコードを学び、複数サイトのコーディングに触れる。
2024年1月
・保守性の高いCSSの設計：BEM、Saasに触れる。（引き続き学習中）。
2024年4月
・テックアカデミー「Webデザイナーコース」受講。 レスポンシブデザインのコーディング方法、バナー制作といった、これまでの学習で得られていなかった知識の補充とアウトプットを通じ、作品を制作。
2024年8月
・レンタルサーバーで各ポートフォリオサイトを公開。細かな挙動を確認しながら修正、改善を実施。
2024年10月
・新たにもう1作のサイトを制作し、実用性を意識したシンプルなデザインを反映。
・Figmaを用いてコーポレートサイトデザインを制作。複数のWebサイトデザイン模写も実施し、デザイン力の強化を図る。
2025年1月
・現状、自身に足りてないスキルとして、Git、Pug、Sass、PHP、MySQL、WordPressなど、複数スキルの学習を開始する。
・JavaScriptを使用したWeb主要パーツのコーディングの復習を行い、2作目ポートフォリオにはGSAPによるローディングアニメーション、 3作目には記事の手動更新機能やアコーディオン表示を実装。その後、3作目はWordPress化を実施。
・Githubを基礎から学習し、Netlifyとの連携、ブランチ、リポジトリ管理、デプロイまでを経験。 開発環境の模索を通じて、VSCode for WebからGitHub Pagesへの変更、プッシュも習得。
・Pug（基礎構文のみ）、Sass（SCSS：カッコ記法）を導入し、BEM設計を取り入れたポートフォリオの再編集を実施。
2025年4月
・InfinityFree（無料サーバ）上に、PHP、MySQL、BootStrapを用いて投稿フォームを構築。 $_POST/$_GETによるデータ取得、バリデーション、サニタイズ（filter_input）、プリペアドステートメント（prepare＋bind_param）を用いて、 投稿、編集、削除といった基本的なデータ処理（CRUD機能）を一通り実装し、SQLの基本構文も学習。
・WordPressのカスタマイズでは、The Loopを用いた投稿一覧・詳細・カテゴリページの構築、Local環境構築、カスタムフィールド、ページネーションの実装、 twentytwentythreeテーマのカスタム、Git BashによるGitHub運用の流れも学び、READMEやQiitaでのアウトプットも行う。
Works
Projects
ここに掲載できる作品を増やしていけるよう、日々スキルを磨いていきます！
Banner Design
デザインスキルを磨くため、バナー制作に取り組んでおります。
女性向けシャンプーのバナー
計3,4時間で制作。ターゲット層に10～20代の女性を想定し、手書きフォントで親近感が沸くものになるよう表現。 また、"商品を使用した喜び"を表現すべく、女性の笑顔を大きくフォーカス。髪の毛の切り抜きに苦戦したので、繰り返し実践して上達していきたいです。
抹茶ラテのバナー
計2,3時間で制作。"和"＝明朝体のイメージで、BIZ UDP明朝を選択。 また、若い世代にも注目させることを目的とし、"落ち着き"を意識しつつも目を引くキャッチコピーを配置しました。また、食品の広告のため、商品を最も大きくフォーカスすることを意識しました。
スポーツクラブのバナー
計2,3時間で制作。フォントは、スポーツ系の広告で印象が強いゴシック体を使用しました。 また、被写体を切り出し枠外へ飛び出させることで躍動感を演出しました。ターゲット層は30代から40代の男性を想定し、落ち着いた色合いを設定しました。
旅行会社のバナー
計1時間ほどで制作。ターゲット層を、40代以上の比較的富裕層であることを想定し、 高級感が演出できるよう落ち着いたトーンの紺をメインカラーに、フォントカラーをゴールドに設定。上部のロゴ、キャッチコピーの視認性を考慮し、背景にグラデーションをかけています。
ショッピングモールのバナー
計1時間ほどで制作。クリスマスセールの宣伝として、赤や緑のイメージカラーで内容を膨らませました。 英文フォントや、絵本のような個性的なフォントを使い、主に若年層に届くよう目を引くレイアウトを発想しつつ、イラストを使用し、喜びに溢れた様子を表現しました。
赤ちゃんアプリのバナー
ピンク色をメインカラーとし、フォントは丸ゴシックを使用するなど、 「赤ちゃん」から連想する柔らかさをイメージしつつも、ターゲット層が大人であることを考慮し、真新しく興味を惹くような、かつ、ユーザーに伝わりやすいデザインを意識しました。
Contact
ご連絡は、Gmailからお願いいたします。その他、X、note、はてなブログにて趣味の情報を発信しています。
