PORTFOLIO & CASE STUDIES

▶ Project Overview:

"BY MYSIDE" is the development project for "digital secretary" AI targeting people living busy daily lives. The project aims to build an integrated interface that allows intuitive and seamless operation of various services on smartphones such as Gmail, Calendar, and Maps without leaving a single chat screen. This project adheres to a complete web-based architecture, adopting a design accessible only through browsers without installation. It realizes an innovative hybrid SaaS model that balances the privacy protection of local AI with the convenience of online services.

▶ Development Background:

This project began with the desire to support users who want to efficiently utilize digital tools in their busy daily lives. In particular, the effort of switching between many apps to check and operate information has become a significant burden. Therefore, we arrived at the concept of the AI assistant "KEIKO (name of prototype)" that can complete daily tasks (schedule management, email checking, route searching, etc.) through natural dialogue and simple talent key operations, just like asking a secretary.

▶ Design Philosophy and Basic Principles:

We prioritize user experience and proceed with development based on the following design principles.

• Talent Key-Centric UI: To prevent ambiguous recognition errors in general conversation, a talent key-centered interface that provides easy access to major functions without needing to memorize complex commands ([Normal][Search][Drive][Maps][Schedule][Weather][Email][Minutes][New Email], etc.)
• Dual Input System: Implementation of two methods - talent key + voice input and talent key + text input, enabling flexible operations even during busy times
• Hybrid Dialogue Model: Accepting clear instructions in natural language while guiding ambiguous instructions to talent key operations to achieve reliable responses
• Multi-Link Design: Presenting multiple actions according to context for one piece of information, providing an experience where users can connect to the next operation "from anywhere"
• Streaming Response: Real-time display of AI responses to improve perceived speed
• Information Aggregation Dashboard: Constant display of date, weather, and schedule in an electronic bulletin board-style UI

▶ Key Features and Technologies Used:

• Core Technology: Python, LLM Integration Architecture, Vosk Speech Recognition Engine
• Architecture: Hybrid SaaS model with complete web-based design (Local AI + Online Authentication)
• Security: OAuth 2.0 flow, Cloudflare Tunnel/Access integration
• Talent Key System: Function-specific modularization and dynamic activation features
• API Integration:
• Google Calendar: Schedule creation and confirmation (weekly display support)
• Google Gmail: Email checking and reply suggestions
• Google Maps: Route search and navigation start link display
• Google Drive/Docs: File management, document creation and editing
• Google Docs/Sheets API: Conversation log and summary document/spreadsheet format saving function
• Google Slides API: Automatic slide generation from summaries
• Google Cloud Voice/Vision/Translate API: Advanced speech recognition/synthesis, image information extraction, translation functions
• Google Tasks/Keep API: ToDo list and memo management functions
• Advanced Features:
• Weather Information: High-precision location resolution through Google Maps API integration and weekly forecast widgets
• Meeting Minutes Mode: Microphone recording to transcription and Google Docs saving
• Schedule/Task Auto-Classification: Understanding user intent to automatically distinguish between calendar events and ToDo list tasks
• Gmail Reply Drafts/Summaries: AI analysis of email content to automatically generate reply drafts or summaries
• Dynamic Route Guidance: Display Google Maps navigation buttons according to search results
• Multi-Step Orchestration: Automatic execution of complex tasks linking multiple APIs
• Zero Trust Access: Remote connection safely accessible from anywhere
• Web UI: Installation-free browser-based, responsive web interface supporting both voice and text input
• Cross-Platform Support: Available on all environments where web browsers operate, including Windows, Mac, iOS, Android, etc.
• Privacy Protection: All confidential information processed locally, online only for authentication
• Lightweight Design: Lightweight operation through web-based approach, no dedicated application installation required
• Accessibility: Intuitive interface design for people living busy daily lives, freedom to choose between voice and text input

▶ Monetization Strategy and Future Prospects:

• Agent Connection Service: Monthly subscription providing infrastructure stability and zero trust security
• Model & Talent Store: Function-specific subscriptions for AI capability expansion and performance improvement
• Operation Execution: Usage-based pricing model according to complex task execution frequency
• BTO Setup & Maintenance: One-click installer and optimization support
• API Expansion: Expanding connected APIs including Google Drive, Docs, Sheets, Photos, Tasks, Keep, Cloud Voice/Vision/Translate APIs to broaden the scope of operations as a "digital secretary". Conversation log and summary document/spreadsheet format saving, automatic slide generation from summaries, advanced speech recognition/synthesis, image information extraction, translation functions, ToDo list and memo management functions to be implemented sequentially
• UI/UX Improvement: Continuing improvements for more user-friendly and stress-free operation including voice input functions, shortcut buttons, dynamic greeting messages, dashboard auto-updates
• AI Hallucination Suppression: Improving fact-based response accuracy through RAG introduction, information source citation, and prompt improvements

▶ Customer Success & Hospitality Approach:

Project BY MYSIDE is deliberately designed as a local-centric AI service, enabling deeper AI operations that are only possible through this approach. With the mission of eliminating the digital divide while maximizing respect for user privacy, all confidential information processing is completed in the user's local environment. Online management handles only service usage rights and feature activation. Through three core authentication systems - Agent License Token, Talent Key Definition Files, and Hybrid Orchestration - we realize the innovative architecture of "AI brain locally, keys in the cloud." This hybrid approach provides users with peace of mind while building a sustainable business model as SaaS.

▶ Project Overview:

SCAN ROUTE is a next-generation efficiency system for the delivery industry. It provides comprehensive solutions to support delivery efficiency improvements from freelance light cargo drivers to small transportation companies. Taking an innovative approach to industry-specific challenges that conventional tools couldn't solve, it's a system that enables efficient delivery operations even for inexperienced drivers.

▶ Development Background:

The development of SCAN ROUTE was inspired by the delivery industry's labor shortage and business efficiency needs. Through detailed interviews with industry stakeholders, we discovered fundamental challenges that existing solutions couldn't address. We confirmed the necessity for an integrated system that comprehensively supports overall delivery operations and developed and implemented unique technologies and algorithms. core technology of this project is patent-pending, and detailed technical information disclosure is restricted from an intellectual property protection perspective.

▶ Key Features and Technologies Used:

• Core Languages: JavaScript, PHP, MySQL
• Architecture: Responsive web application design
• Performance: Optimized for lightweight design and real-time processing
• Delivery Efficiency: Business optimization system using proprietary algorithms (patent-pending technology)
• Automation Features: Various automated processing functions to reduce manual work
• Information Management: Integrated management system for delivery-required information
• External Integration: Seamless integration functions with existing tools
• Visualization Features: Intuitive display system for operational status
• Data Management: Efficient data storage and synchronization functions
• Mobile Support: Smartphone-optimized design
• Security: Safe design prioritizing personal information protection
• Lightweight Design: Optimized file structure achieving high-speed operation

▶ Sales & Distribution Mechanism:

SCAN ROUTE is planned to be provided as a subscription-based SaaS (Software as a Service) product. We're preparing a pricing structure that responds to diverse needs from individual plans for freelance light cargo drivers to enterprise plans for transportation companies. Through the official website (in development), we'll handle the complete sales process including demo experiences, plan selection, and secure payment processes. We'll provide long-term support for customers' delivery operations through continuous updates and support.

▶ Intellectual Property Rights and Technology Protection:

Regarding SCAN ROUTE's core technology - the delivery efficiency algorithm - patent application procedures are currently underway for intellectual property protection purposes. Therefore, information disclosure about the algorithm's specific mechanisms, data processing methods, and system design details is restricted until patent publication. This technology protection approach maintains competitive advantage while securing future licensing opportunities and technology partnership possibilities.

▶ Customer Success & Hospitality Approach:

SCAN ROUTE adopts a service design that prioritizes delivery driver success above all. We provide intuitive interfaces that even novice drivers can use without confusion, detailed operation guides, and support systems specialized for delivery operations. We implement comprehensive support so all users can achieve efficient delivery operations. We have a commitment as a partner to realize delivery driver work style reform and income improvement, not just tool provision.

▶ Project Overview:

DEVILLE COLLECTOR is a next-generation information asset platform designed for private use. By systematically collecting and structuring publicly available information, it provides comprehensive solutions to support strategic business activities. Taking an innovative approach to challenges that conventional research tools couldn't solve, it's a system that enables the construction of valuable databases even without specialized knowledge.

▶ Development Background:

The development of DEVILLE COLLECTOR was inspired by the need for rapid and accurate data-driven decision making in modern business. Through internal business challenge analysis, we discovered fundamental issues that existing general-purpose tools couldn't address. Convinced of the necessity for an integrated system that comprehensively supports information collection and analysis processes, we developed and implemented proprietary technologies. The core technology of this project has high confidentiality from a business strategy perspective, and detailed technical information disclosure is restricted.

▶ Key Features and Technologies Used:

• Core Languages: Python, SQLite, HTML/CSS/JavaScript
• Architecture: Web application design with backend API
• Information Collection Function: Automatic data collection from public information sources based on defined target profiles
• Data Structuring: Collection of unstructured information and conversion/organization into database format
• Data Enrichment: Value enhancement of collected data through external API integration
• Web Interface: Simple UI for system operation monitoring and manual data manipulation
• Data Management: Efficient data storage and synchronization functions
• Security: Design prioritizing safe operation based on private use

▶ Sales & Distribution Mechanism:

DEVILLE COLLECTOR is a private system operated on dedicated VPS (Virtual Private Server). Sales or distribution as a general SaaS product is not intended. Access is strictly restricted to authorized internal users, ensuring a secure and closed operating environment.

▶ Intellectual Property Rights and Technology Protection:

DEVILLE COLLECTOR's core technology - the information collection and analysis engine - is strictly managed as corporate trade secrets. To protect proprietary methods and maintain competitive advantage in internal operations, detailed disclosure of algorithms and system design is firmly restricted. This approach ensures the long-term strategic value of the system.

▶ User-Centered Design Philosophy:

DEVILLE COLLECTOR adopts a service design that prioritizes operator efficiency above all. We provide intuitive interfaces that even beginners can use without confusion, detailed operation logs, and support systems specialized for data management operations. We implement comprehensive support so all authorized users can achieve efficient information asset construction. We have a commitment as a partner to maximize information value, not just tool provision.

▶ Project Overview:

ANTI SWIPER RUBIK is an innovative grid-based carousel library that transcends traditional one-dimensional sliders. Specifically designed for digital signage, exhibition venues, and e-commerce product catalog displays, it provides an intuitive interface that allows users to explore content in all directions. Through a unique algorithm inspired by the Rubik's Cube, it achieves true multi-directional infinite loops, creating a "playful navigation experience" that was impossible with conventional sliders.

▶ Development Background:

The development of ANTI SWIPER RUBIK began with a fundamental reconsideration of traditional one-way slider concepts. Through actual operational experience in digital signage and exhibition venues, we confirmed a strong need for grid-based carousels that could deploy content in all directions. To achieve both "true multi-directional infinite loops" and "intuitive navigation experiences" that existing libraries found difficult to realize, we developed a unique algorithm inspired by the Rubik's Cube and designed and implemented it from scratch.

▶ Key Features & Technologies Used:

• Core Language: JavaScript (ES6+)
• Architecture: Modular design for flexibility and tree-shaking
• Performance: Optimized for smooth transitions and minimal resource consumption
• Multi-directional Infinite Loop: Patent-pending technology for truly seamless looping in all directions
• Multi-directional Navigation: Grid-based movement system with complete directional freedom
• Rubik Algorithm: Proprietary multi-dimensional loop control technology
• Grid Layout: Flexible row-column configuration with customizable positioning
• Mixed Media: Supports images, videos, and custom HTML content
• Responsiveness: Adapts flawlessly to various screen sizes and orientations
• Digital Signage Optimization: Design focused on visibility and operability for large displays
• Integration: Simple API for easy integration with any web project
• Distribution: Global CDN delivery for fast loading times
• Enterprise-Class Security: Robust authentication system with online verification and registered domain restrictions via API keys, completely blocking unauthorized usage and tampering
• Lightweight Design: Optimized for minimal file size while maintaining full grid functionality (approximately 7KB for Enterprise edition)
• Grid Management System: Highly editable JSON file-based grid library management for all editions
• Sequential Library Support: Optional sequential scrolling library for smooth directional navigation
• Dynamic Script Delivery: Personalized script generation and delivery system based on API key authentication
• SaaS Infrastructure: Complete subscription-based service with automated billing via Stripe API integration
• License Management: Secure domain-based licensing system preventing unauthorized redistribution
• Server-Side Authentication: User registration information managed on server with API key-based authentication system
• Edition Control System: Appropriate edition delivery based on subscription plan and server-registered user information
• Real-time Verification: Online verification system that validates API keys against registered domain restrictions
• Anti-Tampering Protection: Complete prevention of unauthorized usage through server-side script generation and delivery

▶ Sales & Distribution Mechanism:

ANTI SWIPER RUBIK is planned to be offered as a subscription-based SaaS (Software as a Service) product. We plan to handle the entire sales process through our official website, which will include detailed product information, demos, pricing plans, and a secure checkout process powered by Stripe. Customers will be able to choose from different subscription tiers based on their usage needs, and receive ongoing updates and support.

▶ Customer Success & Hospitality Approach:

As part of the ANTI SWIPER family products (ANTI SWIPER & ANTI SWIPER RUBIK, we prioritize subscriber success above all else. Our hospitality-focused service approach ensures that every subscriber can utilize our products to their full 100% potential. We provide comprehensive support including beginner-friendly How-to-Use guides, video optimization batch files for seamless media integration, image compression tools with recommended settings, and detailed configuration guidance. This subscriber-welcoming approach reflects our commitment to not just delivering a product, but ensuring complete customer success and satisfaction throughout their journey with our SaaS solutions.

View Product Page

▶ Project Overview:

ANTI SWIPER is a cutting-edge JavaScript library developed entirely by a single developer to address a critical need in web content presentation. This complete SaaS solution—from concept to deployment—was built from scratch by one person, encompassing everything from core library development to payment systems and infrastructure. With unique features such as true infinite loop and mixed media support, it supports a wide range of applications from interactive web content to promotional digital signage.

▶ Development Background:

The initial concept for ANTI SWIPER arose from the limitations we encountered with existing slider libraries in our own web development projects. We needed a slider that offered seamless infinite looping without visual glitches, performed smoothly on all devices, and could handle diverse content types efficiently. Unable to find a solution that met our stringent requirements, we decided to build our own from the ground up.

▶ Key Features & Technologies Used:

• Core Language: JavaScript (ES6+)
• Architecture: Modular design for flexibility and tree-shaking
• Performance: Optimized for smooth transitions and minimal resource consumption
• Infinite Loop: Patent-pending technology for truly seamless looping
• Mixed Media: Supports images, videos, and custom HTML content
• Responsiveness: Adapts flawlessly to various screen sizes and orientations
• Integration: Simple API for easy integration with any web project
• Distribution: Global CDN delivery for fast loading times
• Enterprise-Class Security: Robust authentication system with online verification and registered domain restrictions via API keys, completely blocking unauthorized usage and tampering
• Lightweight Design: Optimized for minimal file size while maintaining full functionality (approximately 7KB for Enterprise edition)
• Dynamic Script Delivery: Personalized script generation and delivery system based on API key authentication
• SaaS Infrastructure: Complete subscription-based service with automated billing via Stripe API integration
• License Management: Secure domain-based licensing system preventing unauthorized redistribution
• Server-Side Authentication: User registration information managed on server with API key-based authentication system
• Edition Control System: Appropriate edition delivery based on subscription plan and server-registered user information
• Real-time Verification: Online verification system that validates API keys against registered domain restrictions
• Anti-Tampering Protection: Complete prevention of unauthorized usage through server-side script generation and delivery

▶ Sales & Distribution Mechanism:

ANTI SWIPER is offered as a subscription-based SaaS (Software as a Service) product. We handle the entire sales process through our official website (anti-swiper.com), which includes detailed product information, demos, pricing plans, and a secure checkout process powered by Stripe. Customers can choose from different subscription tiers based on their usage needs, and receive ongoing updates and support.

▶ Customer Success & Hospitality Approach:

As part of the ANTI SWIPER family products (ANTI SWIPER & ANTI SWIPER RUBIK - Coming Soon), we prioritize subscriber success above all else. Our hospitality-focused service approach ensures that every subscriber can utilize our products to their full 100% potential. We provide comprehensive support including beginner-friendly How-to-Use guides, video optimization batch files for seamless media integration, image compression tools with recommended settings, and detailed configuration guidance. This subscriber-welcoming approach reflects our commitment to not just delivering a product, but ensuring complete customer success and satisfaction throughout their journey with our SaaS solutions.

View Product Page

▶ Project Overview:

THINK DESIGN's corporate website represents our commitment to clean, functional design and user-centered development. Built as a comprehensive business platform, this site showcases our design philosophy through its own implementation—demonstrating our ability to create professional, scalable web solutions that serve both aesthetic and business objectives.

▶ Development Approach:

We approached our own website as we would any client project: starting with thorough research into our target audience, defining clear objectives, and implementing a design system that could scale across multiple languages and device types. The site serves as both our business platform and a live demonstration of our capabilities.

▶ Key Features & Technologies Used:

• Multi-language Support: Full Japanese and English versions with proper localization
• Responsive Design: Optimized for all devices from mobile to desktop
• Clean Architecture: Semantic HTML5 and modern CSS3 with unified styling
• Performance Optimized: Fast loading times and efficient resource management
• Contact System: Integrated contact forms with anti-spam protection
• Hero Slider: Powered by our own SaaS product ANTI SWIPER PRO
• Taro Animation System: Custom canvas-based particle animation with MST algorithm
• Portfolio Showcase: Dynamic project presentation with case studies
• SEO Optimized: Proper meta tags, structured data, and search engine optimization
• Accessibility: WCAG compliant design ensuring usability for all users
• Content Management: Easy-to-update structure for ongoing maintenance
• Security: Comprehensive anti-spam and security measures

▶ Design Philosophy:

The THINK DESIGN website embodies our core design principles: clarity, functionality, and elegance. Every element serves a purpose, from the typography choices that ensure readability across languages to the navigation structure that guides users intuitively through our services and portfolio.

View Website

▶ Project Overview:

This site was the original corporate website created at the founding of THINK DESIGN—a milestone project that pioneered our technical and creative direction. Built as a Single Page Application (SPA), it featured seamless navigation and dynamic content switching, with full support for four languages (Japanese, English, Hindeese, Thai) via JSON-based management. This approach enabled a global-ready, highly interactive user experience far beyond traditional static sites.

The most distinctive feature was its custom menu-linked slider UI, which directly inspired the later development of our flagship SaaS product, ANTI SWIPER. Unlike ordinary carousels, this slider offered a unique, interactive navigation experience tightly integrated with the site's structure. Despite being a SPA, all routing, animation, multilingual switching, and content management were handled entirely on the frontend, resulting in a lightweight yet powerful solution.

▶ Development Approach:

The site also set a high bar for design, animation, accessibility, and performance optimization—demonstrating technical excellence that stood out among corporate sites of its era. Although it was retired to align with the new branding introduced alongside ANTI SWIPER, this project remains a symbol of THINK DESIGN's spirit of innovation and technical ambition, and marks the origin of our next-generation product line.

▶ Key Features & Technologies Used:

• Single Page Application (SPA): Seamless navigation and dynamic content switching
• Multi-language Support: Four languages (Japanese, English, Hindeese, Thai) via JSON-based management
• Custom Menu-linked Slider UI: Direct inspiration for ANTI SWIPER development
• Frontend-only Architecture: All routing, animation, multilingual switching handled on frontend
• Interactive Navigation: Unique navigation experience integrated with site structure
• Performance Optimized: Lightweight yet powerful solution
• Design Excellence: High standards for animation, accessibility, and performance
• Technical Innovation: Pioneered technical and creative direction for the company
• Global-ready UX: Highly interactive user experience beyond traditional static sites
• Content Management: JSON-based multilingual content management system
• Responsive Design: Optimized for various devices and screen sizes
• Anti Swiper Origin: Foundation technology that led to flagship SaaS product development

▶ Legacy & Impact:

This project represents the foundation of THINK DESIGN's technical excellence and innovation spirit. The custom slider technology developed for this site became the cornerstone of our flagship SaaS product ANTI SWIPER, demonstrating how internal projects can evolve into successful commercial products. Although retired, this site remains a testament to our commitment to pushing the boundaries of web technology and user experience design.

The site was ultimately retired to align branding with the launch of ANTI SWIPER and transition to our current corporate identity. However, the production concept and technical implementation were exceptional, featuring an overwhelming level of sophistication despite its SPA architecture. The underlying mechanisms and technical approach represented a level of innovation that was truly ahead of its time.

View Archive