greeting
ごあいさつ
はじめまして！
Purity Heart（ピュリティ ハート）と申します。
この「ポートフォリオ」サイトにお越しくださいましてありがとうございます。
私はもともと「Webサイト」にとても興味がありました。
数年前、たまたま「Wordpress」でブログを立ち上げたことがきっかけで、
「もしかしたら…私にもWEBサイトが作れるかも！」と思い立ち、
独学で勝手に知人のホームページを作ったりしていました。
ですが、基礎知識がなかったため、思い通りのサイトを作ることができず、
（自信もなく）それらを「世に出す」ことはできませんでした。
私の中で「第二の人生」のスタート地点でもある現在、
「本当に好きなことをやってみたい！」という想いが通じたのか？
このたび「職業訓練」という形で「WEBデザイン」の勉強をさせていただく機会に恵まれました。
2024年８月～６ケ月間、膨大な知識の量と、難解な技術も多かったですが、
素晴らしい先生のご指導のもと、最高の仲間たちと一緒に励まし合い、助け合いながら、
「力の限り」吸収できるよう、取り組んでまいりました。
「Webデザイナー」の経験値としては、まだまだこれからですが、
教えていただいた知識、技術を活かして、
これからもたくさんのWebサイトを制作していきたいと思っております。
どうぞ宜しくお願いいたします。
My WORKs
ポートフォリオ
WordPress実習｜自由制作課題
↓ 画像をクリックすると各サイトがご覧になれます。
自由課題：「コスメSHOP」のホームページ
■ 制作日数：約４日間
■ 使用ツール：Wordpress｜Illustrator｜Adobe Firefly（AI画像生成）
■ こだわったところ：
・投稿ページに「カテゴリ」や「タグ」を設定し、「投稿一覧」を作りました。
・メインビジュアルに「画像スライダー」を設置し、ファーストインパクトを意識しました。
・ブロックの境を単調にせず、変化をつけました。
自由課題：「社交ダンス教室」のホームページ
■ 制作日数：約４日間
■ 使用ツール：Wordpress｜Illustrator｜Adobe Firefly（AI画像生成）
■ こだわったところ：
・投稿ページで「スタッフblog」を設置し、リアルな現場の雰囲気が伝わるようにしました。
・メインビジュアルに「動画」を設置し、ファーストインパクトを意識しました。
自由課題：「カフェ」のホームページ
■ 制作日数：約４日間
■ 使用ツール：Wordpress｜Illustrator｜ﾃｰﾏ：Twenty Twenty
■ こだわったところ：
・トップページをフルワイドで使うことで、インパクトのあるメインビジュアルを意識しました。
・派手なアニメーションはないものの、テキストブロックは「可動」、画像のみを「固定」にすることで、視覚効果をつけました。
HTML・CSS実習｜サイト課題を模写
「結婚式場」のホームページ
－模写課題－
■ 制作日数：約４日間
■ 使用言語：HTML｜CSS
■ 使用ソフト：Visual Studio Code
■ 習得内容：
・モデルサイトを模写することで、HTML・CSSの構造を知り、慣れる。
WEBデザイン実習｜サイトをカスタマイズ課題
「キャンプグッズSHOP」のホームページ
－カスタマイズ課題－
■ 制作日数：約４日間
■ 使用言語：HTML｜CSS｜JavaScript
■ 使用ソフト：Visual Studio Code｜Illustrator
■ 習得内容：
・動画のフィルター処理
・JavaScriptによるマルチカラム、ライトボックスの扱い方、
・レスポンシブデザイン
Illustrator（イラストレーター）｜実習作品
トレース練習ほか
↓ クリックすると「拡大」でご覧になれます。
Photoshop（フォトショップ）｜実習作品
チラシ模写実習
その他｜AI絵本（kindleより出版）
「リナと月夜の妖精たち」
－ 独学・自力でkindleより出版 －
（日本他、12ヶ国に出版 2023年）
■ 制作日数：約１ヶ月半
■ 使用ツール：ChatGPT｜Midjourney｜Canva｜DeepL｜Kindle Comic Creator（電子書籍 登録のデータ作成）｜KDP（キンドル・ダイレクト・パブリッシング）※Amazonが運営する電子書籍や紙書籍のセルフ出版サービス
■ 大変だったこと：
・ランダム性の高いAI画像生成に苦慮しました。
・工程の多さ、煩雑さも勉強になりました。
・世界中に出版したことで「出版」に慣れました。
■ 成果：Amazon売れ筋ランキング２位獲得（絵本部門）
contact
お問合せ
主に「ホームページデビュー」の
個人事業主の方、中小企業さま向けに
制作しております。
「こんなことって、できるのかな？」
「あんなことって、できるのかな？」
「ホームページのことが聞きたいな？」
何かお聞きになりたいことがございましたら、下記の「お問合せフォーム」よりご連絡くださいませ。
＼お仕事のご依頼・お問合せはこちらから／