The FutureBones / Juan Montes Design
Circle-of-Sound 1
CONTACT
VISUAL DESIGN
Juan M. Montes
capsules-gamify copy

Role: Lead Visual Designer
Focus: Product & Brand Systems, Android and iOS

VIXLET
Path

Vixlet is a content sharing app helping brands grow their audience through a skinnable interface designed to cater to each affiliated brand.

Goal:
Lead the end-to-end design of a scalable content platform for Vixlet, a social ecosystem that allow users to collect, share, and engage with content organized around lifestyle categories and brand communities.

Approach:
Developed a color-coded framework where each category had its own visual identity, enhancing discoverability and navigation.

Led the design of the brand guidelines book covering UI, typography, color systems, motion behavior, and iconography for both internal teams and external clients.

MaskWixlet-Capseul_3558
MaskWixlet-Capseul-Gam

Capsule Design:

Category
based content sharing icons designed to fit with notifications and special timed emblems in a grid. Capsules can be skinned to match a specific brand.

image 63
image 64image 65
Screen Shot 2019-11-10 at 8.14.35 PM Copy
APP DESIGN
Path

Design Challenges:
Designing a flexible yet coherent UI system that supported both individual lifestyle interests and fully branded client experiences.
Creating interaction models for dynamic content creation, collection, and gamification that felt native to both consumer users and brand partners.

Solutions:
Built a modular design system with themed components that scaled from generic platform UI to fully branded skins.

Vixlet Capsule Spacing Grid
CAPSULE BUILDER
Path

The Capsule Builder is where users are able to create new capsules. The builder can launch either by tapping the “New Capsule” icon or directly after capturing a photo/video for content. The builder takes the user through a simplified step by step process that chooses the capsule’s category.

image 1image 2
CAPSULE EXPLORER
Path

Explanation of capsule organization using Vixlet’s category system. Each category requires a color to represent its content and allow the user to search for content by selecting a color.

Vixlet Capsule Explorer
HOME SCREEN LAYOUT
Path
image 1
SKINNING & BACKGROUND OPTIONS
Path
image 2
FINAL PRODUCT
Path
Vixlet NFLVixlet Womens Tennis
OUTCOME
Path

Powered multiple branded launches.
Increased engagement through emblem-based gamification and content.
Streamlined design and engineering collaboration.
Awarded six design patents for UI models created during this project.
Key Contributions:
Design Systems
Gamification Design
Motion Systems
Brand Systems
Leadership
IP Development