— Code meets craft by mai
about
ハンドメイド制作を続ける中で培った「細部へのこだわり」や「世界観づくり」を、Web制作にも活かしています。見た目の美しさだけでなく、見る人にとって分かりやすく、心地よいサイトづくりを目指しています。現在、Web制作のお仕事を目指してスキルを磨いています。
経歴：簿記二級取得後、長年、会計、経理、事務に従事。
- 運営者：mai
- 属性：４０代、女性、２児の母
- 趣味：バドミントン、ハンドメイド
- 得意なハンドメイド：レジン、ワイヤーアクセサリー、布類
- 所在地：鳥取県
- 対応：全国
skills
制作で使用している技術スタックです。
HTML5
セマンティックで構造化されたマークアップ。アクセシビリティにも配慮した実装を心がけています。
CSS3 / SCSS
FLOCSS設計・レスポンシブ・アニメーション。clamp() や CSS 変数を使った保守しやすい設計が得意です。
JavaScript
素のJSでDOM操作・スクロール連動・モーダル・ギャラリー実装。GSAP / ScrollTrigger も利用できます。
WordPress
既存テーマのカスタマイズ、簡易オリジナルテーマ制作、ACFを使った更新しやすい構成を提案します。
Figma
デザインカンプの確認、素材書き出し、簡易レイアウトの作成まで対応します。
Git / GitHub
バージョン管理の基本操作、ブランチ運用、GitHub Pagesでの公開まで対応可能です。
service
WEB制作、WordPress、デザイン・世界観設計
コーディング
HTML / CSS / JavaScriptを用いたコーディングを行います。見やすく、更新しやすい設計を心がけ、レスポンシブ対応も可能です。細部まで丁寧な実装を大切にしています。
WordPress
既存テーマのカスタマイズや簡単なオリジナルテーマ制作が可能です。お客様ご自身で更新しやすい構成をご提案します。
デザイン・世界観設計
ハンドメイド制作で培った「細部へのこだわり」と「世界観づくり」を活かし、ブランドイメージを大切にしたサイト制作を行います。
works
Web制作の実績をご紹介します。
WordPress / コーディング
中部電気保安管理事務所
電気設備の保安管理・試験・省エネ提案を行う事務所のコーポレートサイト。WordPressを使用し、事業内容・会社概要・お問い合わせを分かりやすく構成。
サイトを見る →
コーディング / アニメーション
Moonwhisper Coven（架空サイト）
月夜の魔法をテーマにしたダーク・ファンタジー世界観サイト。Canvasでの星空・パーティクル演出、魔法陣の回転アニメ、スクロールリビールまでフルコーディング。
サイトを見る →
コーディング / LP
Cafe サイト（架空サイト）
あたたかみのある雰囲気を大切にしたカフェのプロモーションサイト。写真を活かしたビジュアル構成と、読みやすいタイポグラフィで世界観を表現しました。
サイトを見る →
gallery
ハンドメイド制作で培った「色使い」や「世界観づくり」は、Web制作にも活かされています。
細部まで丁寧に仕上げる姿勢を大切にしています。
Resin Collection
click picture↑
Wire Accessory Collection
click picture↑
Magic Wand Collection
click picture↑
Magic Tools Collection
click picture↑
contact
お気軽にお問い合わせください。
通常2〜3営業日以内にご返信します。