板橋区のホームページ制作｜WordPress対応・スマホ最適化【nanayo】

about 自己紹介 skill スキル Production 製作物 Service サービス内容 contact コンタクト

Scroll

about（自己紹介）

はじめまして。WebコーダーのNanayoと申します。

商社3年、医療関係5年、WEB関連派遣3年、PC・IT関連企業で10年以上勤務、
現在、3人の子どもを育てながら、在宅にて業務委託でWebコーディングのお仕事を始めるべく準備を進めております。
本業と両立しているため、平日は1日約4時間の稼働となります。
コーディングのみのご依頼また、部分的な編集・修正作業にも対応します。 フロントエンドエンジニアとして、 HTML/ CSS、CSSアニメーション、 WordPressの構築や更新、 バナー制作、 SEO対策などの業務にも対応可能です。
ただいま、お声がけいただける案件を探しており、新たなご縁を心よりお待ちしております。

信頼されるWeb制作パートナーを目指します

これまでに、楽天ショップの 商品画像編集や バナー制作、SEO会社での キーワード選定、大学や企業サイトのリニューアルなど、幅広いお仕事に関わらせていただきました。クライアント様に「ちょっと頼みたい」、「気軽に相談したい」と思ってもらえるよう、丁寧で信頼される Web制作パートナーを目指しています。そして、ホームページを作るだけではなく、さらにより良いものへと一緒に育てていくお手伝いが出来ればと思います。

Web制作とAIを活用した活動

ものづくりが好きで、 AI生成画像を使ったオリジナルグッズ制作や、動画編集、 画像素材(ストックフォト)販売なども楽しみながら続けています。

フロントエンドエンジニアとしてのスキルを活かし Webデザインや ホームページの困りごとに関するご相談もお待ちしています。ホームページを作って終わりにしない、見に来る人にもやさしい、利用して満足してもらえるホームページが好きです。
パートナーとして一緒に素敵なものを作っていけたら嬉しいです。

skill（スキル）

コーディング・開発

HTML / CSS（スマホ対応・オリジナルサイズも可能）
JavaScript / jQuery（UI制御・グラフ生成・ツール開発など）
CSSアニメーション（ボタン・マウスオーバーなど）
PHP（テンプレート制御や機能追加対応）
WordPress（導入・テンプレートカスタマイズ）
Bootstrap / AdminLTE（カスタマイズ構築）
SEOキーワード選定・構成提案（SEO対策会社での実務経験あり）
Webクリエイター能力認定試験合格
パワーポイントのマクロ作成（自動音声ファイル生成など）
Googleスプレッドシートを用いたスクリプト開発（PDF生成など）

デザイン・UI/UX

Photoshopによる画像編集・バナー制作
楽天用バナー制作（複数経験あり）
WEBサイトデザイン / UI・UX設計
Studioを使ったノーコードWEBデザイン

ツール開発

JavascriptによるWebツール制作
- メールテンプレート自動生成ツール
- CSSコードジェネレーター
- HTMLチートシート

使用ツール・技術環境

エディタ：Visual Studio Code
デザイン：Photoshop / Studio / Canva / Figma
言語：HTML / CSS / Sass / JavaScript / PHP
CMS：WordPress、独自CMS
ライブラリ・フレームワーク：jQuery / Bootstrap / AdminLTE

現在の活動・今後の方向性

HTML/CSSによるWebサイト構築数を増やす
WordPressでの更新しやすいサイト制作をする
Javascriptを用いた便利ツールの開発を行う
長期的に関われる制作会社様との協業を希望しています

その他・日商簿記3級・危険物取扱者乙類4種・高圧ガス販売責任者・・・

Production（製作物:実績/デモサイト）

主な実績（※非公開案件）

医療系大学Webサイト 全面リニューアル（デザインから、コーディングまで）
タブレット関連企業 キャンペーンページ制作・ブランディングによるサイト制作の補助
楽天出店店舗 バナー制作・商品画像加工・イベント企画
SEO対策会社 サイト調査・キーワード選定・更新・新規ページ制作
WEB制作会社 顧客WEBサイトの更新・企画・新規ページ制作

デモサイト

[FLOWERS FOR YOU]花屋サイト

「高品質なビジュアルデザインとスムーズな操作性を実現」

このWEBページは、画像メインの魅力的なビジュアル構成で仕上げました。初期段階からHTMLとBootstrapを駆使し、モダンでレスポンシブ対応のデザインを実現。どのデバイスでも美しく表示され、ユーザーにストレスなく楽しんでいただけます。

[Cat Cafe]ネコカフェサイト

「こだわりのデザインで魅力を引き出す、Cat Cafeデモサイト」

このCat Cafeのデモサイトは、ノーコードWeb制作プラットフォーム「studio」を活用し、一からオリジナルで構築しました。テンプレートは一切使用せず、独自の構成とデザインにより、Cat Cafeの温かみと魅力を最大限に引き出しています。

[Cut & Color]美容室サイト

「スタイリッシュで使いやすい美容室の、美容室デモサイト」

シンプルで見やすい料金表、個性豊かなスタッフ紹介、そしてアレンジ技術を強調したページが魅力です。さらに、キャンペーンのバナーやマウスオーバーでのメッセージ表示で、ユーザーの体験が向上！アクセスも簡単、地図で迷わずお越しいただけます。

LPコーディング（デモ）サイト

「HTML/CSSによるLPコーディング例」

デザインデータ（Figma）をもとに、HTML・CSSのみでLPをコーディングしました。モバイル対応やセマンティックなマークアップ、保守性を考慮した記述を心がけています。

Service（サービス内容）

メインサービス：WebデザインをもとにしたHTML/CSSコーディング

メインサービスは、クリーンで保守性の高い HTML/CSS コーディングです。
レスポンシブデザインに対応し、どのデバイスでも快適に閲覧できるWebサイトを提供します。

HTML / CSS コーディング
すべてのデバイスで美しく表示されるように、細部までデザインされたコードでWebサイトを構築します。
WordPress カスタマイズ
WordPressテーマの導入やカスタマイズを行い、使いやすいサイトを作成します。
レスポンシブデザイン対応
PC・スマートフォン・タブレットなど、すべての端末に対応したレイアウトで、視覚的に魅力的で機能的なWebサイトを実現します。
SEO対策
基本的なSEO対策を行い、Google検索で上位に表示されやすくなるようにサイトを最適化します。SEO対策会社での経験があります。

オプション

下記は、必要に応じて受けるサービスです。
メインのコーディング業務を中心に進めますが、特別な場合のみ対応可能です。

Webデザイン・UI/UX
ユーザー目線でデザインを考えたUI/UXデザインを提供します。主にコーディングを重視しているため、デザインのご依頼がある場合は追加費用が発生します。
ツール開発
JavaScriptやPHPを活用し、クライアントのニーズに合わせたWebツールを開発します。例：カスタムフォーム、PDF自動生成ツールなど。
バナー制作
Webサイトや広告に使用するバナーをデザイン・制作します。特に、楽天の出店店舗でのバナー制作の経験があります。