Product catalog
Manage shop items, pricing, and active status.
Case study · Shop operations
ShopFlow
LINE-Based Shop Operations & Sales Management System
01 · Project identity
Daily shop operations in one lightweight workflow.
ShopFlow helps small businesses manage products, stock, sales, expenses, team access, and day-to-day reporting through a LINE-first workflow and a focused Manager interface.
It is an operations system with an interactive browser demo—not a full CRM, POS, or e-commerce checkout platform.
02 · Hero proof
Explore the working Manager interface.
The live Web Demo opens with a sample shop dashboard, products, and recent activity. The demo uses fictional sample data in a temporary sandbox. Visitors can explore the workflow without affecting one another.
Manager HomeQuick summary and sales trend
Products & StockCatalog, pricing, and stock controls
ReportsDaily revenue and expense summary
Demo data: all visible sample business data is fictional. The Web Demo runs in an isolated temporary session and may reset automatically; it is separate from the LINE Demo Manager.
03 · Problem
Small-shop activity can become scattered across separate routines.
Products and stock may be tracked in one place, while sales, expenses, and team updates live in another. Managers then have to assemble the day’s picture manually.
For teams that already work in LINE, a heavy enterprise system can add friction to everyday tasks.
04 · Solution
A LINE-first operating flow with a clear Manager view.
ShopFlow brings product and stock management, sales, expenses, transaction history, and operational summaries into one connected workflow.
Staff and managers can work through LINE-oriented interactions, with a Manager / LIFF experience for structured shop operations and review.
05 · Workflow
From shop activity to an operational summary.
LINE teamManager and staff access
ProductsCatalog and pricing
StockUpdate with sales activity
SalesRecord transactions
ExpensesCapture operating costs
ReportsReview daily activity
Separate LINE demo flow: a visitor generates a temporary Demo Code, adds the ShopFlow Official Account, and sends the code to create an isolated synthetic Demo Manager workspace. It is independent of the browser demo.
06 · Key features
Useful controls for the daily operating rhythm.
Stock tracking
Keep inventory counts connected to recorded sales.
Sales recording
Record transactions and apply stock changes with a sale.
Expense capture
Keep shop expenses in the same operating record.
Manager and staff access
Support distinct roles in the shop workflow.
Operational reports
Review recent sales, expenses, and daily summaries.
07 · Visual proof
Web demo captures and real LINE workflow proof.
The five browser captures show fictional sample records. The LINE screenshots show the real welcome and Demo Code activation flow; the LIFF Manager smoke test is reported as verified text below, with no LIFF screenshot included.
These captures show the live browser demo with fictional sample records. Open any image to inspect the full-size interface.
Screenshot boundary: these images are captures from the public browser demo. Names, transactions, and shop figures shown are fictional sample data.
Live LINE proof
Demo Code redemption in the real ShopFlow chat.
The activation conversation is the primary LINE proof. The welcome message confirms the webhook conversation response.
Proof boundary: the LINE OA, webhook, Demo Code redemption, temporary Manager activation, and LIFF Manager flow were live-tested. The Manager opened in LINE and loaded synthetic demo data. LIFF is verified by smoke-test status only; no LIFF screenshot is included.
08 · Business value
More of the day’s work in one operating view.
Less fragmented tracking
Bring routine product, sales, and expense activity into one flow.
Clearer stock context
Keep stock changes close to the sales that drive them.
Useful daily visibility
Review operational activity through a Manager summary.
Fewer context switches
Keep LINE-oriented work connected with a structured Manager interface.
Accessible exploration
Let visitors inspect a temporary sample workflow before a conversation.
Structured records
Turn sales and expense activity into records managers can review.
09 · My role
Designing and implementing the operating workflow.
Implementation work covered workflow and product design, backend and SQLite architecture, LINE and LIFF interaction, product and stock logic, sales and expense records, operational reporting, the Manager interface, paid activation architecture, deployment, and QA.
The public browser demo uses synthetic data in a separate temporary environment. Its sample records do not represent customer results.
10 · Tech stack
Technology in service of the shop workflow.
Confirmed implementation technologies:
Node.jsExpressSQLiteLINE Messaging APILIFFStripeRenderHTML / CSS / JavaScriptGit / GitHub
11 · Proof links and demo paths
Try the browser demo or enter through ShopFlow on LINE.
Interactive Web Demo
Explore ShopFlow with sample data.
Use the Manager Home, Products, Stock, Transactions, Expenses, and Reports in a temporary browser sandbox. Your session is isolated and may reset automatically.
Try Interactive DemoLINE Demo Manager · Live smoke test passed
Generate a code and continue in LINE.
- Generate a fresh Demo Code
- Add ShopFlow on LINE
- Send the Demo Code
- Temporary Demo Manager activated
- Open Manager in LINE
LIFF status: the existing Manager opened inside LINE and the Dashboard loaded with synthetic demo data. This is verified smoke-test status, not screenshot evidence.
Separate demo environments: the browser demo and LINE Demo Manager use isolated temporary workspaces. All shop and business data shown in the public demo is fictional. The LINE implementation and activation flow are real; the LIFF Manager is confirmed by the live smoke test.
12 · Next step
Need a lighter operating workflow for your shop?
Let’s shape products, stock, sales, and reporting around the way your team already works.