私について

自己紹介

はじめまして。Web制作に携わっている上野智子と申します。

岐阜県出身、愛知県在住です。

当サイトをご覧いただき、ありがとうございます。

花屋でのPOP制作をきっかけにデザインの仕事に興味を持ち、 その後、大手飲料メーカーでドリンクメニューをはじめとした 紙媒体のデザインを担当しました。

不動産会社ではインハウスデザイナーとして、 広告やバナー制作、Webサイトの更新など、 幅広い制作業務を経験しました。

現在はWeb制作会社で、WordPressやSTUDIOを使用した Webサイト制作、HTML・CSSコーディング、バナー制作、 SEO運用などに携わっています。

紙媒体で培ったデザイン経験とWeb制作の知識を生かし、 見た目の美しさだけでなく、目的や使いやすさを意識した サイト制作を大切にしています。

学習の歩み

Web制作の学習は独学からスタートし、書籍やオンライン教材を 活用しながら、HTML・CSSの基礎を身につけました。

  • 『1冊ですべて身につくHTML & CSSとWebデザイン入門講座』
  • 『HTML&CSSとWebデザインが1冊できちんと身につく本』
  • YouTubeやUdemyなどのオンライン教材
HTMLとCSS、Webデザインを学ぶために使用した書籍 Webデザインとコーディングの学習に使用した書籍

書籍のサンプルコードを実際に書き、ブラウザで表示を確認する工程を 繰り返すことで、コーディングの基礎を身につけました。

その後、6か月間オンラインスクールで学び、 Webデザイン、コーディング、WordPressなど、 Web制作に必要な知識を体系的に習得しました。

現在も実務や個人制作を通して、新しい技術やSEO、 ユーザーに伝わりやすいデザインについて学び続けています。

現在の取り組み

BEM記法やSassを活用した、保守性と再利用性を意識した コーディングに取り組んでいます。

JavaScriptやCSSを使用したアニメーション、 レスポンシブ対応、WordPressのオリジナルテーマ制作、 カスタム投稿タイプやカスタムフィールドを用いた サイト構築にも力を入れています。

また、STUDIOを使用したサイト制作や、 GA4・Google Search Consoleを活用したSEO運用など、 公開後のサイト改善についても経験を重ねています。

使用スキル・ツール一覧

マークアップ・スタイル

HTML5 デザインカンプをもとに、セマンティックな構造を意識した コーディングに対応できます。
CSS3 レスポンシブレイアウト、アニメーション、 擬似要素などを使用した実装に対応できます。
Sass 変数、ネスト、mixin、関数、パーシャルファイルを活用した CSS設計と管理に対応できます。

JavaScript・ライブラリ

JavaScript ハンバーガーメニュー、アコーディオン、タブ切り替え、 モーダル、フェードアニメーションなどのDOM操作に対応できます。
使用経験のあるライブラリ: GSAP、Swiper、Slick、Splide

CMS・ノーコード

WordPress オリジナルテーマ制作、既存テーマのカスタマイズ、 カスタム投稿タイプ、カスタムフィールド、 お問い合わせフォームの設置などに対応できます。
STUDIO Webサイトの構築、レスポンシブ調整、 公開後の更新作業に対応できます。

SEO・アクセス解析

SEO タイトル・メタディスクリプションの設定、 見出し構成、内部リンク、画像のalt属性など、 基本的な内部SEOに対応できます。
解析ツール GA4、Google Search Console、Google Tag Managerの導入、 インデックス登録、基本的なアクセス状況の確認に対応できます。

バージョン管理

GitHub リモートリポジトリの作成、ブランチの切り替え、 pull・push、プルリクエスト、Issueを使用した経験があります。

デザインツール

Adobe Illustrator バナー、POP、メニュー表、SNS投稿画像などの グラフィック制作に対応できます。
Adobe Photoshop 画像加工、切り抜き、レタッチ、色調補正、 Web用画像の書き出しに対応できます。
Adobe XD Webサイトのワイヤーフレーム、デザインカンプ、 プロトタイプの作成経験があります。
Figma デザインカンプ、オートレイアウト、コンポーネント、 バリアント、プロトタイプの基本操作に対応できます。
トップページへ戻る