zunDev Studio
Web & Client Work · Corporate B2BLive in production

ECOREX Global

A bilingual corporate website for a Korea-based international resource trading company, designed to communicate its business, products, and global trade process.

Visit Website Project Overview
Client
ECOREX Global
Industry
International Resource Trading & Brokerage
Core Categories
Electronic Scrap, PCB Scrap, Metal Resources
Studio Role
End-to-End Web Design & Development
Technology Stack
React 19, TypeScript, Vite, React Router, Responsive CSS
Deployment
Production on Vercel · Custom Domain
01
Domain & Industry

Business Context

ECOREX Global is a South Korea-based international resource trading and brokerage company. It connects domestic and overseas suppliers with qualified global buyers, facilitating the circulation of recyclable industrial materials across cross-border markets.

Accurate Industry Scope

ECOREX Global is not a waste-disposal service, recycling plant, or environmental NGO. It operates as a commercial resource trading and brokerage partner: verifying material specifications, coordinating third-party inspections, managing logistics, and facilitating transparent trade execution.

The company specializes in four core business categories:

  • Electronic scrap (E-scrap): Telecommunications, server, and device components for material recovery.
  • PCB scrap: Sorted printed circuit board scrap, categorizing high-grade and low-grade boards for metallurgical refining.
  • Recyclable metal resources: Non-ferrous metals, copper, aluminum, and secondary industrial raw materials.
  • EV battery-related recyclable materials: Battery production scrap and recyclable precursors in global circulation.
02
Visual Identity

Design Objectives

Corporate B2B trading websites require immediate stability, operational legitimacy, and cross-border trust. The visual system was created to establish a solid industrial tone appropriate for international partners:

Industrial Tone & Clarity

Documentary industrial photography paired with dark overlays, balanced against clean white and soft gray content surfaces. Restrained motion ensures corporate buyers navigate specifications without friction.

Brand Color Palette

ECOREX green (#02674f) anchors the brand identity, communicating resource circulation and trust, supported by deep charcoal (#222829) and structured dividers.

03
Information Hierarchy

Information Architecture

International resource trading involves high-volume contracts and rigorous inspection requirements. The information architecture was structured to support corporate evaluation:

  1. 01

    Corporate Credibility (About Us)

    CEO message, corporate values (Reliable, Global, Sustainable), and core leadership team overview establish transparency.

  2. 02

    Operational Capabilities (Business Areas)

    Clear breakdown of practical trade services: sourcing, verification, logistics coordination, and brokerage.

  3. 03

    Product Catalog & Specifications

    Categorized presentation of electronic scrap, PCB grades, and non-ferrous metal resources with itemized technical criteria.

  4. 04

    Trade Process Flow & Contact

    Transparent step-by-step process from inquiry to final delivery and documentation, accompanied by direct inquiry channels (Email, Phone, WhatsApp) for rapid business communication.

04
Global Reach

Bilingual Implementation

Connecting Korean suppliers with overseas partners called for a first-class bilingual architecture:

Dual-Language Data Model

Structured Korean and English content contracts across all navigation, business summaries, product specifications, team biographies, and trade flows, enabling instant client-side language switching.

Typographic Localization

Korean typography prioritizes Noto Sans KR with word-break: keep-all to preserve phrase boundaries, while English utilizes Montserrat and Poppins for international editorial clarity.

05
Frontend Architecture

Engineering & Performance

The corporate website was engineered with a modern, lightweight frontend stack:

  • React 19 & TypeScript: Type-safe component architecture ensuring reliable data structures across bilingual content models.
  • Vite Tooling: High-performance development and optimized production bundling for lean client assets.
  • Fluid Responsive Layouts: Mobile-first styling utilizing CSS grid and flexbox to provide consistent presentation from 320px mobile viewports up to ultrawide desktop screens.
  • Edge Deployment: Deployed on Vercel's global edge infrastructure with custom domain routing.
06
Role

My Role & Contributions

Junseo Lee (zunDev Studio) handled the ECOREX Global corporate website end to end, from planning and design through engineering and deployment:

  • Project planning, website design, and frontend architecture from initial implementation to production deployment.
  • Componentization of navigation, business sections, product catalog, and contact channels.
  • Bilingual state management and phrase-aware responsive typography.
  • Production build configuration, metadata setup, and deployment to Vercel.