3D Color Cones Design System

3D・AR・VR, E-commerce

3D Color Cones Design System

This is a Japanese website that offers customizable paper traffic cones. Made from water-resistant paper, these cones can be used even in rainy conditions and reduce CO₂ emissions by approximately 43% compared to traditional plastic cones.

Durations:

6 months

Team size:

Requirements Definition

Basic Design

Detail Design

Development

Testing

Release

Maintenance

About Project:

They are suitable for various settings, such as events and parking lots, and their foldable design makes them easy to store and transport.
Key features include:
・Account-related functions
・Homepage/Paper cone design
・Standard design
・Data submission
・Fully custom design
・Payment function
・Chat with staff
・My page
・Inquiries
・Notices

Roles: Client, administrator, agency, operator, designer, printing company

Devices

Browser(Chrome, Safari)

Server and others

Sakura Cloud

Technology

Laravel

VueJS

ThreeJS

Challenge

Unlike typical e-commerce, this system involves custom design data submission, multi-role collaboration (client, designer, printer, admin, etc.), and requires accurate handling of visual designs for physical output. Key issues include:
・Managing the flow of custom data between clients, designers, and printing companies
・Avoiding errors or delays in design approvals, revisions, or print readiness

Solution

Role-Based Access & Dashboard Interfaces
・Define clear access and actions for each role:
　　・Client: Submit orders, design cones, track progress
　　・Designer: Review/adjust submitted data, upload final proofs
　　・Printer: Access print-ready files, mark print status
　　・Admin/Operator: Oversee the full pipeline, assign roles, and resolve issues
　　・Agency: Manage orders for multiple clients

Design Review & Approval Workflow
・Designer review for quality and alignment
・Client approval stage with optional revision requests
・Notify all relevant parties via automated notices or chat alerts

Project Gallery

(11)

Others

Related Works

Medical License Course

This website offers information on vision correction, eye health, and advanced optical solutions.

Differential diagnosis system

RECORD SIX is a differential diagnosis support system designed to enhance clinical efficiency and accuracy. AI-powered by ChatGPT, it supports medical staff by generating diagnostic questions and conclusions from patient history.

Orthodontic treatment simulation app

This application helps users see how their teeth will look after cosmetic orthodontics. Users can also choose the type of orthodontics, such as upper or lower orthodontics or transparent orthodontics.
You can also adjust the position of each bracket, the 3D rotation, and the color and transparency of the orthodontics.