Alejandra León

Portfolio

Designing Digital Experiences That Make Complexity Feel Effortless

I design digital products, responsive platforms, and visual systems that transform complex content into intuitive, accessible, and engaging experiences. With 20+ years of expertise across digital publishing, learning environments, and brand strategy, I bridge UX principles with high-end visual design.

MoCCA — Savvas Learning

Digital Product Design | Design Systems | Accessibility (WCAG/UDL)

Overview

MoCCA (Modular Custom Content Authoring) is Savvas Learning’s digital content authoring platform designed to build interactive, accessible, and responsive learning experiences for students and educators.

As Graphic Web Designer, I contributed to the design evolution of the platform—creating modular UI components, responsive content layouts, and accessibility-focused interactions that allow editorial and product teams to assemble complex educational content seamlessly.

The Challenge

Educational content is inherently dense and multi-layered. The primary challenge was designing a flexible component-based system that could support diverse curriculum requirements while maintaining structural consistency, cross-device responsiveness, and strict WCAG/UDL accessibility standards.

My Role & Focus

  • Role: Graphic Web Designer (UX/UI, Design Systems, Digital Publishing)

  • Key Focus: Modular Architecture, Universal Design for Learning (UDL), Responsive Layouts, Annotation & Interactive Reading Tools, Cross-Functional Collaboration (Product, Editorial, Dev).

Design Approach

  • Modular Component Architecture: Designed scalable layouts, gadgets, and interactive blocks that adapt dynamically across different learning modules without breaking visual hierarchy.

  • Accessibility & Universal Design: Implemented WCAG and UDL considerations to ensure interactive reading, annotation, multimedia, and navigation tools are fully accessible for all learners.

  • Responsive & Adaptive Layouts: Engineered consistent, intuitive user experiences optimized across desktop, tablet, and mobile displays.

  • Visual Systems: Established precise typography, spacing, and UI patterns to streamline content creation and lower cognitive load for users.

Impact & Results

  • Scalability: Enabled rapid and consistent assembly of digital learning modules across various subject areas.

  • Efficiency: Standardized reusable UI components, drastically improving editorial production workflows.

  • Inclusion: Delivered responsive, accessible interfaces that empower diverse student needs.

Accessibility, Responsive Design, Modular Architecture

All product screens, visual designs, and brand assets for MoCCA are the intellectual property of Rubicon Publishing Inc. / Savvas Learning Company. Project completed by Alejandra León.

Architectural Worlds

Cinematic Storytelling | Generative AI | Brand & Spatial Experience

Overview

Architectural Worlds is an independent creative studio and conceptual design practice that explores the intersection of architecture, emotion, and advanced generative AI workflows. The studio translates lifestyle narratives—from motorsport performance to coastal elegance—into immersive residential concepts and cinematic property stories.

The Challenge

Luxury real estate, architecture, and high-end property development often struggle to communicate how a space feels before it is built or through conventional static imagery. The goal was to build a sophisticated digital destination that leverages emerging technologies to make ambitious architectural ideas and emotional atmospheres immediately visible and compelling.

My Role & Focus

  • Role: Founder & Creative Director (Brand Strategy, UX/UI, Generative AI Workflows, Creative Direction)

  • Key Focus: Cinematic Storytelling, Spatial Narrative, Brand Architecture, AI-Assisted Visual Direction (FLUX, Kling), High-End Editorial Copywriting.

Design Approach

  • Atmospheric Brand Strategy: Developed a distinct editorial voice and visual identity focused on “quiet luxury” and emotional architecture, positioning properties around lifestyle passions rather than mere square footage.

  • Generative AI Workflows: Formulated advanced production pipelines combining state-of-the-art generative tools to direct and visualize hyper-realistic architectural concepts and cinematic video motion.

  • Immersive Digital UX: Designed a clean, high-conversion web experience featuring targeted intake workflows for homeowners, architects, and luxury developers.

Impact & Results

  • Successfully established an innovative studio framework combining spatial visualization with emotional brand positioning.

  • Created a seamless digital interaction model that translates complex conceptual visions into clear, actionable client briefs.

Visual Concepts & Cinematic Studies

The Wimbledon Estate

An English-inspired residence shaped by tennis, gardens, heritage, and contemporary architecture.

The Grand Prix Estate

A private modernist estate where architecture meets speed, precision and motorsport.

The Riviera Estate

A coastal residence designed around the feeling of living aboard a private yacht.

Digital Experience Systems

UX/UI Design | Responsive Web | Visual Architecture

Overview

A selection of responsive web experiences and visual communication systems created across publishing, sports, and specialized digital environments. This body of work focuses on aligning user needs with strategic brand objectives to deliver intuitive, memorable interfaces.

The Challenge

Organizations often struggle to translate complex operational messaging and brand identity into clear, functional digital touchpoints. The goal was to establish responsive visual systems that simplify navigation while enhancing audience engagement.

My Role & Focus

  • Role: Senior Digital Designer / Creative Lead

  • Key Focus: UX/UI Design, Information Architecture, Interactive Media, Responsive Layouts, Design Systems.

Design Approach

  • User Journey Mapping: Structured navigation and page hierarchy around usability, clarity, and primary call-to-actions.

  • System Design: Developed reusable component libraries, typographic scales, and UI palettes ensuring consistency across web and campaign touchpoints.

  • Cross-Platform Adaptability: Designed responsive layouts tailored to fluid screen resolutions and device behaviors.

Impact & Results

  • Streamlined user paths for higher engagement and clarity across digital touchpoints.

  • Created modular visual frameworks that allowed client teams to easily scale their content.

Romantic Owl

Brand Experience | E-Commerce Systems | Digital Product

Overview

Romantic Owl is an independent lifestyle brand exploring emotional storytelling, identity, and digital commerce. Designed and built from concept to execution, the project demonstrates an end-to-end approach to brand positioning, digital experience, and e-commerce design.

The Challenge

Creating an authentic digital presence that goes beyond traditional e-commerce by blending narrative storytelling, rich visual atmosphere, and effortless transactional user flows.

My Role & Focus

  • Role: Founder & Creative Lead

  • Key Focus: Brand Strategy, UX/UI Design, E-Commerce Systems, Visual Storytelling, Digital Product Strategy.

Design Approach

  • Brand & Visual Language: Crafted a distinct aesthetic balancing emotional typography, subtle details, and contemporary layout principles.

  • E-Commerce UX: Designed a clean, intuitive storefront interface prioritizing clear product discovery, frictionless navigation, and optimized checkout journeys.

  • Cohesive Touchpoints: Integrated digital media, packaging, and product systems into a unified customer experience.

Impact & Results

  • Successfully built a complete brand ecosystem from zero to market readiness.

  • Combined narrative storytelling with scalable digital commerce frameworks.