WEB PRODUCTION & DATA ORGANIZATION
見やすくつくる。
使いやすく整える。
Webページの制作と、業務情報の整理。
惣菜部門での実務経験をもとに、
見る人が迷わず使える形に整えます。
次の行動をわかりやすく。
SELECTED WORKS
制作物で、できることを。
以下は自主制作です。
架空のサービス・データを用いています。
01 惣菜店のサービス紹介LP
構成・文章・デザイン・HTML / CSS
商品に興味を持ち、紹介内容へ進める構成。
2カラムをスマホで縦配置に変更。SVGで軽量なイラストを作成。
落ち着いた配色と見出しの強弱で、読む順番を整理。
制作内容を詳しく見る
このページ内に実装したLPの抜粋です。商品紹介ボタンはページ内のメニューへ移動します。実在店舗の受注案件ではなく、注文・決済機能は含みません。HTML / CSSとSVGで構成し、外部画像の読み込みは使用していません。
02 惣菜の製造・販売管理表
情報設計・数値集計・確認事項の可視化
| 商品 | 単価 | 製造 | 販売 | 残数 | 売上 | 確認 |
|---|---|---|---|---|---|---|
| からあげ | 298円 | 50 | 46 | 4 | 13,708円 | — |
| ポテトサラダ | 198円 | 40 | 35 | 5 | 6,930円 | — |
| 焼きそば | 278円 | 30 | 22 | 8 | 6,116円 | 残数率20%超 |
| きんぴら | 148円 | 20 | 18 | 2 | 2,664円 | — |
販売率＝販売121個 ÷ 製造140個。売上＝単価×販売数（値引きなしの設定）。端数は小数第1位に丸めています。
数字の羅列から、確認すべき商品を見つけやすい一覧へ。
単価・数量・金額を分離。合計と商品ごとの状態を併記。
残数率の基準を明示し、確認対象にラベルを付与。
集計条件・対応範囲を見る
残数は製造数−販売数。残数率は残数÷製造数で、この例では20%を超えた商品を確認対象としています。表示は固定のサンプルで、データ連携・自動更新・Excelファイルの実装は含みません。数値を確認しやすく整える表の制作例です。
WHAT I CAN HELP WITH
必要な作業を、必要な範囲で。
Webページ制作
原稿の整理、ページの構成、HTML / CSSによるレイアウト、PC・スマホの表示調整。
WordPress入稿・調整
固定ページの作成、見出し・表・リンクの整備。既存テーマに合わせたページ内の装飾。
表・データ整理
データ入力、表記統一、一覧化、基本集計。確認が必要な値は分けてお伝えします。
ABOUT FUDOUYA
現場の目線を、
情報の整理に。
はじめまして、ふどうやです。スーパーの惣菜部門マネージャーとして、製造・発注・在庫・売場管理を経験してきました。数字を確認すること、手順をわかりやすくすること。その経験を、ページや表の整理にも活かします。
制作ではAIを構成・コード作成の補助に使い、内容と表示を確認して仕上げます。対応可否・納期は、作業内容を確認してお伝えします。
WORKFLOW
認識を合わせてから、進めます。
- 01 / HEARING内容を確認目的・作業範囲・納期・納品形式を整理。
- 02 / SAMPLE仕上がりを共有一部のサンプルで方向性を確認。
- 03 / PRODUCTION制作・チェック文章・数値・リンク・表示を確認。
- 04 / DELIVERY修正・納品合意した範囲で調整し、納品。
BLOG / FUDOUYA LOG
これまでの発信も、ここに。
小売やAI活用などについて書いた記事をまとめています。
制作例とは別に、ブログとしてご覧いただけます。