Skip to main content
데브파이브
Top Header
Logo: JUST:Q
User Information: ID admin
Page title: <Product inquiry/modification
Left Sidebar Menu
- Goods
- Product registration
- Product enrolment/modification
- Product inquiry/modification
- Orders/Delivery/Claims
- Order/Delivery Management
- Claim Management
- settlement of accounts
- Sales Inquiry
- Details
- Management of detailed accounts
- Supplier Information Management
- Open API Guide
- Open API docs
- Open API Management
Search Filter Area
Section Subject: Search Filter
Date of application
- ☑ Date exhaustion latest order
- Start Date: 2025.01.29
- End date: 2025.02.05
- Correction: 1st, 3rd, and 7th
Product status
- ☑ On sale
- ☑ Temporary suspension of sales
- ☐ suspension of vending machines
- Save ☐ temporarily
Product acceptance status
- ☑ Before approval
- ☑ Available for sale
- ☐ End of Sale
- Cancellation of approval for ☐(?)
Barcode: Enter product code
Product name: Product name input window
buttons:search for initialization
Search Results
Search Results 315
Tab: On sale | Temporary suspension of sale | Suspension of sale of vending machines
Action button:
- Bulk Download of Select Order 
- Upload batch modification Excel
Table column
| Check | Action | Product Code | Product Name | Specification Product Code | Category | Sales Status | Inventory |
|------|------|-----------|--------|--------------|----------|-----------|------|


Data row (some reads)
Selection Modification Product Code Specification Code
☐ Correction 5rD4EMOvZoCoefDw8Xj7wW 20240309JQ02 (Handmade)
 	 	 	90557dd5
☐ Correction 5skxjs8ErrUwWTfjxDwvy60d (Sold product details SS?)
 	 	 	grrok_70505
☐ Correction 5s7wjF7fjOvY7QMbTwWnzX Royal Stainless Steel Daejeon
☑ Correction 12986665
☑ Modified JQTasktcode_28
☐ Correction 5EBOiBOL3JJspOSy9SFTaLNG Gomdanteliter
☑ Modified JQTasktcode_30
☑	수정	5piCAZEEk-BOMyjJlLIMDe-AK	(Test) 자동 (Test 2i, X 18일)
 	 	 	grrok_Test0002
☐ Modified 5rNfMSSj02QYT5vNiSj8mdlx The use of steel has two constant members
 	 	 	12980745
☑ Correction grrock_31j14
☐	수정	3306dfwmupsvvyKcrx	 
 	 	 	JQTccccdc_21
☐	수정	5PkxNyfQ-JNKrvxDcSj005a	JQ Test DB 21
Page Nation: 10 Items per Page | < 1 2 3 4 5>
JUST:Q Vendor Product Management

The JUST:Q vendor product management and status page project improved an existing admin system so vendors could register, view, edit, and manage products more efficiently.


The project focused on optimizing the complex code structure of the existing vendor management system and improving the UI/UX so users could better understand their daily workflows. Key screens such as product registration, product search and editing, vendor information management, dashboard status views, and one-on-one inquiries with administrators were reorganized into a more intuitive structure.


The dashboard was designed to help vendors quickly review orders, deliveries, claims, tax invoices, product status, and sales statistics. Tables, filters, status indicators, quantity data, graphs, and tooltips were used to improve discoverability and operational efficiency. The Partner Talk feature also supported chat-style communication between vendors and administrators, creating a vendor-focused management environment that covered both product operations and communication.

Production Period2025. 01 - 2025. 05
ClientJUST:Q
TechnologiesDevup UI, React, TypeScript, Vite, Redux
Service
Preview
Top Header
Logo: JUST:Q
User: admin
Page title: <Product registration
Left Sidebar Menu
- Goods
- Product registration
- Product enrolment/modification
- Product inquiry/modification
- Orders/Delivery/Claims
- Order/Delivery Management
- Claim Management
- settlement of accounts
- Sales Inquiry 
- Details
- Management of detailed accounts
- Supplier Information Management
- Open API Guide
- Open API docs
- Open API Management
Category
Category selection table (6 columns: Major / Medium / Subdivision / Subdivision / Subdivision / Subdivision / Subdivision / Subdivision)
- Furniture/interiors/processed foods/meat/fisheries/sports/leisure/childbirth/cosmetics/beauty
- Cosmetics/beauty·Sports·Golf/Camping·Children's/Children's Supplies·Cosmetics/beauty
- Home appliances/Digital/Cooking/Sports/Electronic Devices/Books/Women/Music
- Food / Books / Records / DVD / Computer / Notebook / PC
- toys/hobby/computer/office supplies
- Home/Living/Characters/Pet supplies
- an infant child/birth/travel/culture/performance
- books/ stationery/hobby/automobile goods
- cosmetics/beauty/health/health food
- women's/shoes/home/beauty/beauty
- men's/shoes
- Outdoor/Sports
Selected Category: ... (Display Paths)
Registration
Basic Product Information
Product name *
Input window
Supplier product code * (Please enter the product code to manage the supplier product code.)
Input window
Brand
Input window
Model name
Input window
genuine/fake *
- genuine / fake
Country of origin *
- Select drop-down
Barcode
Input window
Product number *
- a new product / inventory / planned product
Post-paid delivery area availability
- Possible / Not possible
Can it be delivered together
- Possible / Not possible
Price/Inventory
Supply price * (This is the amount including VAT, please enter the actual amount you receive.)
Input window
Total price * (This is the amount including VAT, please enter the amount sold to consumers.)
Input window
Discount price (optional)
Input window
Discount (optional)
Input window
Inventory *
Input window
options
Option enabled or disabled *
- Enabled/Disabled
Option Name *
Input window
*Option value * (separated by commas if there are multiple)
Input window
Add Options
Options Table
Option Name1 Option value option (supplied)
Color red 0
Color Blue 0
Supplier Management Code Registration Management Product Registration
Input Options
Name
[Input window]
[Input window]
Add Options
Product image
The representative image size is recommended at least 1000x1000. A minimum of 500x500 images must be registered.
- Representative Image URL * (Select Image)
- Additional Product Image URL 1 (Select Image)
- Additional Product Image URL 2 (Select Image)
- Additional Product Image URL 3 (Select Image)
- Additional Product Image URL 4 (Select Image)
Requires login with EDIT PLUS ID
Product description
Enter the product description in HTML and/or text. Use HTML code
HTML Editor Input Window
Register preview settings details
Shipping information
Shipping information *
- Select Default Information / Enter New Shipping Information
Select default information
Dropdown: Select your default shipping information
Shipping Basic Information
Field
a shipping company
Corporate name
Shipping payment method
The delivery charge
island-to-mountain shipping fee
Free shipping standard amount
return shipping cost
return shipping fee for islands and mountains
Estimated Return 3 Days
Recognition of the use of reasons for return/exchange
Estimated delivery date between islands and mountains
Island-to-San Return Delivery Date
Within award settlement
Shipping Request
Forwarding address
Field
Corporate name
Name of person in charge
area in charge
Location information
Detailed address
return paper
Field
Corporate name
Name of person in charge
area in charge
Location information
Detailed address
Expected Shipment Date Information
Expected Shipment Date Information *
- Select Default Information / Enter New Shipping Information
Select default information
Dropdown
Expected Shipment Date Information
category
In case of delay in shipping charges
Estimated delay period
When paying delayed shipping charges
Sales Information
Sales Status *
- Scheduled / Not scheduled
Displayable/Sales Status Start *
- Scheduled / Not scheduled
Minimum quantity purchased *
- Scheduled / Not scheduled
Cancellation/refund information
category
Goods status
Goods available
Product Details
a warranty on goods
the period of sale *
- Full/Designated Date
Start time of sale
- 2025-02-05 12:27 PM
End of Sale Time
- 2025-02-05 12:27 PM
Authentication information
Authentication information status *
- Scheduled / Not scheduled
Please check if there is anything that requires or does not require additional certification information for this product to be sold, and then enter the certification information.
Please select the certification information for the main enemy.
Dropdown
Selected Certification Authority Personal Information
Input window
Enter selected credentials details
Input window
Enter selected credentials details
Input window
product information notice
This information may be reflected in the latest year/month and personal information as a comprehensive list of detailed manager notices.
Name of notice information *
- Please select the name of the notice information.
Name of notice information *
- Please select the name of the notice information.
Additional Information
Adult certification status *
- Scheduled / Not scheduled
Information availability *
- Scheduled / Not scheduled
Overseas Delivery Status *
- Scheduled / Not scheduled
Whether it is a sexual expression product or not *
- Scheduled / Not scheduled
Supplementary services
- Details / Information / Qualities
Product Search Tag
Input window
degree of understanding
Input window
Additional settings per sales channel
a sales channel *
- Required / Not Used
Set up the channel this time
- Please choose the channel this time.
The channel that's been set up this time
- There is no channel this time.
- the use of ☐
Sales Information Settings
- Please select the channel used.
channel selling price selling price selling price
[Input window] [Input window] [Input window]
Contract Inquiry
Addition of settlement
- Delivery Start Settlement Inquiry
Memo
Memo Input Text Area
Hover over the screen!
Client Requirements
& Project Direction
Through client interviews and consultations we derived the project's core requirements, and based on those insights we designed it around five areas that needed improvement from user experience and brand perspectives.
1.
Optimize the complex code structure of the existing vendor management system for better maintainability
2.
Reorganize product registration, search, editing, and quantity management flows around vendor workflows
3.
Design a dashboard where orders, deliveries, claims, tax invoices, products, and sales status can be reviewed at a glance
4.
Improve information discoverability through filters, tables, status indicators, graphs, and tooltips
5.
Enhance the Partner Talk feature to support one-on-one chat-style inquiries between vendors and administrators
Typography
& Color System
We established a systematic color system with brightness contrast that considers users' visual comfort, and designed easily extensible typography and shared components to deliver a consistent brand experience.Header
typo
폰트 굵기: ExtraBold · Bold · SemiBold · Medium · Regular 
Main font
Aa — Pretendard
typography scale
Title — 25px
Your brand
selling all over the world
the easiest and quickest way
SubTitle — 22px
Your brand
selling all over the world
the easiest and quickest way
Body — 16px
Your brand
selling all over the world
the easiest and quickest way
Caption — 14px
Your brand
selling all over the world
the easiest and quickest waycolor
Main Color Palette
Color HEX Application
🔵 Blue #4F7BF5 Primary
⚪ Light Blue/White #EDF2FE Primary Bg
🔴 Pink/Red #E73B60 Accent
Grayscale
HEX Location
#FFFFFF Left (White)
#7D7F88 Center (Gray)
#000000 Right (Black)Header
typo
폰트 굵기: ExtraBold · Bold · SemiBold · Medium · Regular 
Main font
Aa — Pretendard
typography scale
Title — 25px
Your brand
selling all over the world
the easiest and quickest way
SubTitle — 22px
Your brand
selling all over the world
the easiest and quickest way
Body — 16px
Your brand
selling all over the world
the easiest and quickest way
Caption — 14px
Your brand
selling all over the world
the easiest and quickest waycolor
Main Color Palette
Color HEX Application
🔵 Blue #4F7BF5 Primary
⚪ Light Blue/White #EDF2FE Primary Bg
🔴 Pink/Red #E73B60 Accent
Grayscale
HEX Location
#FFFFFF Left (White)
#7D7F88 Center (Gray)
#000000 Right (Black)
Typography
& Color System
We established a systematic color system with brightness contrast that considers users' visual comfort, and designed easily extensible typography and shared components to deliver a consistent brand experience.Header
typo
폰트 굵기: ExtraBold · Bold · SemiBold · Medium · Regular 
Main font
Aa — Pretendard
typography scale
Title — 25px
Your brand
selling all over the world
the easiest and quickest way
SubTitle — 22px
Your brand
selling all over the world
the easiest and quickest way
Body — 16px
Your brand
selling all over the world
the easiest and quickest way
Caption — 14px
Your brand
selling all over the world
the easiest and quickest waycolor
Main Color Palette
Color HEX Application
🔵 Blue #4F7BF5 Primary
⚪ Light Blue/White #EDF2FE Primary Bg
🔴 Pink/Red #E73B60 Accent
Grayscale
HEX Location
#FFFFFF Left (White)
#7D7F88 Center (Gray)
#000000 Right (Black)Header
typo
폰트 굵기: ExtraBold · Bold · SemiBold · Medium · Regular 
Main font
Aa — Pretendard
typography scale
Title — 25px
Your brand
selling all over the world
the easiest and quickest way
SubTitle — 22px
Your brand
selling all over the world
the easiest and quickest way
Body — 16px
Your brand
selling all over the world
the easiest and quickest way
Caption — 14px
Your brand
selling all over the world
the easiest and quickest waycolor
Main Color Palette
Color HEX Application
🔵 Blue #4F7BF5 Primary
⚪ Light Blue/White #EDF2FE Primary Bg
🔴 Pink/Red #E73B60 Accent
Grayscale
HEX Location
#FFFFFF Left (White)
#7D7F88 Center (Gray)
#000000 Right (Black)

Take the for your business,

All you need is an idea. From the first consultation to launch, DevFive is by your side.
Contact Us Now
Quick Inquiry