Inside Jocoin Studios

A closer look at the structure, creative direction, and process behind a studio built on two distinct paths.
Discover how digital design and handcrafted work are developed under one creative vision.

Jocoin Studios is built around a clear structure where two independent creative paths coexist under one brand. This case study explores how digital design and handcrafted diorama work were developed, structured, and presented to create a focused and intuitive user experience.

Two Creative Paths, One Studio

The foundation of Jocoin Studios is based on clarity. Rather than blending services, the studio presents two distinct directions. One focuses on digital design, including websites, branding, and visual communication. The other explores handcrafted diorama creation, centered on realism, storytelling, and physical detail.

Jocoin Business Card

Digital Design

Diorama Accesories

Diorama Studio

Two independent creative directions developed under one brand structure.

Building the Studio Identity

The process began with defining a strong visual identity. From logo design to printed materials, every element was created to establish a consistent and recognizable presence. The goal was to communicate professionalism while maintaining a distinctive creative style.

Branding Foundation

A consistent visual identity was essential to define the studio’s direction. The logo, typography, and color palette were carefully designed to communicate a modern and professional image.

Jocoin Studios Portfolio
Flyer Design Jocoin Montreal Canada
Brand identity development including logo design and printed materials.

Motion and Visual Direction

To reinforce the visual presence of the brand, motion design was introduced through animated sequences and visual compositions. These elements help bring the identity to life and create a more immersive and cinematic perception.

Enhancing Brand Perception

Motion design used to enhance visual communication and brand perception.

Designing the Digital Experience

The website was designed to clearly guide users through each service path. Structure, spacing, and visual hierarchy were carefully planned to ensure that visitors can quickly understand the offer and navigate without confusion.

Explore our digital services

Jocoin Home page
Website structure focused on clarity, navigation, and user experience.

Structure

Clear navigation and layout designed to guide users through both digital and diorama services.

User Experience

A clean and intuitive interface ensures a smooth browsing experience across all devices.

Visual Consistency

Consistent design elements reinforce the brand identity across all sections of the website.
Home 2 types of services
screenshot services

Handcrafted Diorama Development

The second direction focuses on handcrafted diorama creation. Each piece is built to deliver realism, depth, and atmosphere, offering a physical extension of the studio’s creative capabilities.

Discover diorama projects

Diorama studio page
Alongside digital services, handcrafted dioramas were developed as a physical extension of the studio’s creativity. Each piece is designed to create immersive environments for storytelling and photography.

A Clear Creative Direction

The final result is a studio designed for clarity, direction, and ease of navigation.

icon clear service structure

Clear Service Structure

Each service is defined and presented independently to avoid confusion.
icon defined client path

Defined User Path

Visitors can quickly identify the direction that fits their needs.
icon strong brand

Strong Brand Presence

A unified identity supports both services while keeping them distinct.
icon focused experience

Focused Experience

A streamlined structure that improves clarity and decision-making.

Each project reflects this structured approach in a different way. From digital design to handcrafted environments, you can explore how these directions are applied in real work across the studio. View the portfolio.

Choose Your Direction

Explore the path that fits your project and move forward with clarity.