Editing-Service Platform · Full Build with Payments & Admin
INNOTE
We built the entire website for INNOTE, an education-consulting platform that offers document, interview, and essay editing online — from service browsing and online payments to member purchase history and an admin panel.
Overview
INNOTE is an education-consulting platform operated by JC Education, offering 1:1 personalized editing for people preparing for university admissions, study abroad, and employment.
Visitors choose and pay for purpose-built editing services online — document writing, interviews, essays, and more.
We built a new website so its expert-led editing — explicitly not AI-generated — could be purchased and managed online.
On this project, Silmaril handled the entire website build: from UX and frontend to online payments, member purchase history, and the admin panel.
Role & Contributions
- Designed the user flow from service discovery and purchase to payment and order history, and built the frontend
- Implemented the editing-service catalog and detail pages split into document, interview, essay, and other categories
- Integrated online payments (Iamport/PortOne) for the purchase-and-pay flow
- Built member features and order-management screens such as purchase-history lookup
- Designed and built an admin panel for the team to manage services, orders, and content
- Integrated support chat (Channel Talk) and the consultation request flow
- Owned the full build on Next.js (App Router) — responsive design through deployment
Key Features
Editing-Service Catalog
Editing services are organized into document, interview, essay, and other categories for browsing and selection.
Online Payments
Iamport (PortOne) payments let customers complete a purchase online.
Members & Purchase History
Logged-in members review their purchases and usage history.
Admin Panel
We built an admin where the team manages services, orders, and notices directly.
Support Flow & Channel Talk
A consult CTA and chat integration capture inquiries instantly.
Responsive & Fast
A modern web build that runs fast on desktop and mobile alike.
Challenges & Solutions
From Purchase to Editing in One Flow
- Situation
- An editing service can't stop at a brochure — it must flow from selection to payment, use, and history.
- Task
- Make it seamless for a visitor to pick a service, pay, and then review their own history.
- Action
- We designed the catalog → detail → payment → purchase-history flow and integrated online payments (Iamport).
- Result
- Delivered a purchase flow where visitors buy editing services online and track their usage.
Self-Serve Operations
- Situation
- As services, orders, and notices grow, the team needed to manage them without a developer.
- Task
- An operations tool to handle content and orders without code changes.
- Action
- We designed and built an admin panel for services, orders, and notices.
- Result
- The team now manages services and orders from the admin, gaining operational autonomy.
A Trustworthy Editing Platform
- Situation
- The service's strengths — expert 1:1, no AI — had to come across clearly online.
- Task
- Convey the credibility and expertise of an education consultancy throughout the site.
- Action
- We structured service strengths, process, and success stories with a restrained, professional design.
- Result
- More than a checkout site — a platform that conveys the service's expertise and trust.
Tech Stack
Impact
- Completed a direct sales channel where editing services are bought, paid for, and tracked online.
- The team manages services, orders, and notices from the admin, so operations run without a developer.
- One team owned the full website build — UX, frontend, payments, members, and admin — for a consistent result.
- A responsive modern web delivers the same purchase-and-use experience on desktop and mobile.