The FutureBones / Juan Montes Design
Circle-of-Sound 1
CONTACT
VISUAL DESIGN
Juan M. Montes
by Totally Rad!
AppIconPixelSugar_Icon-Title 1

Role: Visual Designer
Focus: Motion & UI, Design Systems, Android and iOS
Products: PixelSugar Desktop, Mobile

PixelSugar
Path

PixelSugar is an editing software targeted to pro photographers who want all the effects without all the effort. My challenge was to design a stand-alone application which offers non-destructive photo editing capabilities that would make professionals feel right at home, while also providing a welcoming experience for beginners

Challenge:

The product needed to differentiate itself from heavyweight competitors like Adobe, offering a faster, more accessible editing tool without sacrificing creative power. Early prototypes suffered from unclear navigation and an overly technical feel, limiting accessibility for casual users.

INSPIRATION
Path

I was highly inspired by high-contrast, minimal black-and-white aesthetics, taking cues from fashion editorials, architecture, and designer kitchenware.
Moving away from the traditional dark-gray “editing room” look common in creative software.
Designed the interface to feel clean, modern, and gender-neutral in order to feel inviting to all user types while allowing the photograph to be the sole source of color and focus.

totally-rad-3-bitmaptotally-rad-3-bitmap-1 2totally-rad-3-bitmap-2Bitmaptotally-rad-3-bitmap-4
USER INTERFACE
Path

Built a UI that emphasized “invisible design.”
The interface recedes to let the image dominate the workspace.
Used floating, semi-transparent tool panels anchored to consistent positions on the canvas, allowing instant access to editing features without covering the image.
The top navigation toolbar is hidden, creating maximum vertical space for photo editing.
Color exists only in the photo, the interface remains monochromatic to reinforce focus and reduce visual fatigue.

Photos_Layout
MICRO ANIMATIONS
Path

Designed micro-interactions that were tactile and responsive without drawing attention.
File selection was represented as an animated image slide carousel to offer a familiar, tactile metaphor.
Panel transitions, recipe saves, and adjustment sliders were enhanced with subtle easing and responsive motion-supporting usability while maintaining clarity.

UX PROCESS
Path

Mapped the entire product journey through user flows and wireframes, extending into each editing feature.
Focused on reducing friction at every step to prioritize clarity and cognitive simplicity.
Developed a journey map that visualized the user’s path from file upload to export.
Prototyped multiple interface models to validate ease of use for beginners and experienced editors.

UX Process PixelSugar
FINAL PRODUCT
Path

A fully responsive photo editing tool that felt luxurious, clean, and effortless was created.
Web and mobile-ready with a unified UI model and interaction logic.
The brand’s identity was reinforced as a fast and accessible alternative to larger editing suites. This enables creators of any skill level to focus purely on their work.

PixelSugar+v2.0
PxsComp (1)
ADAPTIVE DESIGN
Path

Pic Tap Go is the Mobile version of PixelSugar incorporating the new editing features from PixelSugar on the go.

Tap CopyIMG_6507 CopyGo Copy
OUTCOME
Path

Positive adoption among creators seeking simplicity without sacrificing quality.
The Custom Recipes feature became a core retention driver, giving users a reason to return for future edits.
Elevated brand perception by offering a distinct visual and UX alternative to conventional editing tools.
Streamlined development with a well-documented component library that scaled efficiently across releases.