# Locus Studio Website Content Skeleton (Finalized Copy)

This note contains the exact, copy-pasteable text blocks for your website pages, mapped to your real CV and portfolio projects.

Use this to copy and paste text directly into your Elementor templates.

—

## 👤 1. PROFILE PAGE

### 📝 Page Audit
1. **What does this page need to communicate?** Liselle Custodio’s multidisciplinary background as a visual designer, 3D artist, and front-end developer, showing how her technical and creative skills connect to simplify visual workflows.
2. **What sections does it need?**
* *Section A:* Hero Intro & Elevator Pitch.
* *Section B:* Professional Bio (The Story of Locus Studio and “L. Custodio” wordplay).
* *Section C:* Education, Certifications & Work History.
* *Section D:* Core Software & Coding Toolkit.
3. **What actual content do you already have?** Your Masters/Bachelors degrees from UP, Landscape Architect license, Google UX design specializations, and your 11+ years of design history.

—

### 📋 Copy-Pasteable Content Blocks

#### [Section A: Hero Header]
> **”Hi, I’m Liselle Custodio. I am a visual designer, 3D illustrator, and frontend developer. I build functional creative tools and cohesive design systems.”**

#### [Section B: About Me & Locus Studio]
> *”I have spent over 9 years as a multidisciplinary designer, bridging the gap between technical execution and visual art. As a licensed Landscape Architect with a Master’s degree in Urban Planning, I look at design through the lens of systems—how individual components fit together to build a larger, functional environment.
>
> This philosophy is what drives Locus Studio. Whether I am coding interactive WebGL interfaces, modeling modular 3D assets, or scripting workflow automations, my goal is to simplify the creative process for artists, animators, and designers, helping them get straight to storytelling.”*

#### [Section C: Work Experience Summary]
* **Web Developer & UI Designer** | *Teknol* (2024 – Present)
* Designing responsive application interfaces and developing frontend web portals.
* **Graphic Designer (Seasonal / Apps & Graphics)** | *Layertech Software Labs Inc.* (2014 – Present)
* Over 11 years designing application interfaces, B2B graphics, and corporate visual collateral.
* **3D Artist & Illustrator** | *JPDE (Indie Game Studio)* (2016 – 2024)
* 8 years of designing and optimizing 3D character models and promotional illustrations for a popular community-driven game project.
* **3D Print Artist** | *Infini3D (3D Printshop)* (2025 – 2026)
* Designed, adjusted, scaled, and optimized 3D models for durability and efficient material printing.
* **Creative Manager & Specialist** | *Merit Circle & Creative Dash* (2022 – 2023)
* Managed content production, social media campaigns, and visual marketing assets for Web3 gaming ecosystems.

#### [Section D: Toolkit & Skills]
* **3D Engines:** Blender, Unity, Unreal Engine, Godot, Substance Painter, Sketchup, AutoCAD.
* **Design & UI/UX:** Figma, Photoshop, Illustrator, InDesign, Clip Studio Paint, Procreate.
* **Web & Code:** HTML, CSS, JavaScript, WordPress / Elementor.
* **Automation:** Python, Google Apps Script, Make, Zapier, workflow automation.
* **Video & Motion:** Premiere, After Effects, Cavalry, DaVinci Resolve.

—

## 💼 2. PROJECTS PAGE

### 📝 Page Audit
1. **What does this page need to communicate?** A clean, tagged list of client projects showing that you get hired to solve multidisciplinary design, video, and web problems.
2. **What sections does it need?**
* *Section A:* Intro Header.
* *Section B:* Project List (Project Name + Skills Tags).
* *Section C:* Hover Preview Overlay.
3. **What actual content do you already have?** Your 30 detailed projects from your folder (Merit Circle, Circle Time Jobs, Dave Keefe, etc.).

—

### 📋 Copy-Pasteable Content Blocks

#### [Section A: Intro Header]
> **”Systems engineered for design, media, and development.”**
> A selected index of client projects showcasing end-to-end design execution. Hover over any project to preview the work.

#### [Section B: Featured Project List]
* **Circle Time Jobs** — `[ Brand Identity + Video Production + Graphics + Ads ]`
* **Laurel Play Garden** — `[ UI/UX Website + Video + Illustration + Print ]`
* **Ask Kubeir** — `[ Personal Brand + Podcast + Motion Graphics + Social ]`
* **Dave Keefe Real Estate** — `[ Logo + Brand System + Landing Page + Print ]`
* **Space Mavericks (Indie Game)** — `[ 3D Graphics + Trailer Video + Web + Ads ]`
* **Merit Circle (Web3/DAO)** — `[ Brand Strategy + Explainer Video + Web Design + 3D ]`
* **Rainier AI (Robotics)** — `[ Product Branding + Explainer Video + 3D Graphics ]`
* **CBLT Australia (Tech/R&D)** — `[ Technical Illustration + 3D Concept Visualization ]`
* **JPDE Game Project** — `[ 3D Character Art + Game Optimization + Illustration ]`
* **Sustainarumble Campaign** — `[ Brand Identity + Video Podcast + Web Portal ]`
* **Klaypel Usbong** — `[ Visual Storytelling + Video Tutorials + Social Assets ]`
* **ARPA** — `[ Logo Rebranding + Colors + Social Media ]`
* **MBM (MBM360)** — `[ Logo Rebranding + Colors + Social Media + Video Editing ]`
* **Layertech** — `[ B2B Tech Visualization + 3D Illustration ]`
* **Infini3D (3D Printshop)** — `[ 3D Print Modeling + Asset Optimization ]`

—

## 🛠️ 3. OFFERINGS PAGE (SERVICES)

### 📝 Page Audit
1. **What does this page need to communicate?** The exact services you offer, how you combine design with automation to improve efficiency, and how to start a project.
2. **What sections does it need?** Service Pillars Grid, The Generalist Advantage, and Project Intake.
3. **What actual content do you already have?** Your 3 core principles (All-in-One Solution, Cutting Edge Tech, Collaborative Spirit) from your CV.

—

### 📋 Copy-Pasteable Content Blocks

#### [Section A: The 3 Core Offerings]
* **UI/UX & Web Development**
* *What you get:* Clean, user-centered interface designs mapped in Figma, built out as high-performance WordPress/Elementor pages or custom front-end builds.
* **3D Illustration & Game Assets**
* *What you get:* Precise 3D modeling, texturing, character rigging, and environment diorama design optimized for games, animations, or comic backgrounds.
* **Video Production & Automation**
* *What you get:* High-engagement video editing (long-form podcasts, short-form Reels, explainer animations) combined with custom Python and workflow automation to speed up your content pipeline.

#### [Section B: Why Work With Me (Your Principles)]
* **All-in-One Solution:** I provide comprehensive creative solutions across design, 3D modeling, video, and web. You don’t have to hire three different freelancers; I ensure your visual identity remains 100% cohesive across all platforms.
* **Efficiency & Automation:** I stay at the cutting edge of design technology, integrating automation and custom script tools to eliminate tedious manual setup and deliver files faster.

—

## 🖼️ 4. GALLERY PAGE (PERSONAL CREATIVE SANDBOX)

### 📝 Page Audit
1. **What does this page need to communicate?** Your genuine passion for creative storytelling across all mediums: illustration, webcomics, fanfiction, NaNoWriMo writing, and game development.
* *The Strategic Difference:* Unlike the Projects page (which is metric-driven for hiring), the Gallery has zero business metrics. It is built strictly for personal sharing, letting visitors see your art and read your stories.
* *Future Roadmap:* Planned to later evolve into a library of stories featuring a built-in, interactive comic book reader.
2. **What sections does it need?**
* *Section A:* Sandbox Welcome Header.
* *Section B:* Artwork & Fanart Grid.
* *Section C:* Webcomics & NaNoWriMo Writing (novels and stories).
* *Section D:* Unfinished Game Builds & Dev Logs.
3. **What actual content do you already have?** Your NaNoWriMo drafts, fanart, personal illustrations, and game prototypes.

—

### 📋 Copy-Pasteable Content Blocks

#### [Section A: Sandbox Welcome Header]
> **”My personal creative playground.”**
> This is where I write, paint, draw, and build worlds. Here is a look at my personal illustrations, ongoing webcomics, fanfiction, NaNoWriMo novels, and indie games currently in progress.

#### [Section B: Art & Fanart Grid]
> **”Illustrations & Fanart”**
> Concept designs, character illustrations, and fanart for the stories and games that inspire me.

#### [Section C: Webcomics & NaNoWriMo Novels]
> **”Comics & Creative Writing”**
> I love building deep worlds and complex characters. This section houses my NaNoWriMo novel drafts and the storyboards/panels for the webcomics I am currently building.

#### [Section D: Games in Progress (Dev Logs)]
> **”Indie Game Prototypes”**
> Screenshot galleries, playable builds, and design dev logs for games I’ve started coding and designing.

—

## 🛍️ 5. ASSETS PAGE (THE STORE)

### 📝 Page Audit
1. **What does this page need to communicate?** Access to your assets store catalog, the Universal Format Guarantee, and the Human-Made Guarantee.
2. **What sections does it need?** Hero Banner link, Core Categories, and the Guarantees.
3. **What actual content do you already have?** USP details from your notes.

—

### 📋 Copy-Pasteable Content Blocks

#### [Section A: The Universal Format Guarantee]
> **”Buy once. Use in any software.”**
> Creators shouldn’t be locked into a single platform. Every premium Locus Studio asset pack includes standard game-ready formats (FBX/OBJ), Webtoon architectural formats (SKP), and raw layered files (Clip Studio Paint/PSD/Krita). Move your assets between Blender, Unity, Clip Studio, or Photoshop seamlessly.

#### [Section B: The Human-Made Guarantee]
> **”Hand-placed lines. Precision topology.”**
> Every vertex, edge flow, brush tip, and screen tone in our store was placed by a person. We provide a digital Human-Made Guarantee Certificate with your purchase, proving that the tools you use are built with clean technical logic that automated generators cannot replicate.

#### [Section C: Store Links]
* `[ Shop on Gumroad ]` (Primary Checkout Overlay)
* `[ Shop on ArtStation ]` (Secondary Option)
* `[ Shop on Itch.io ]` (Secondary Option)

—

## 🎬 6. APP PAGE (MMD PORTAL)

### 📝 Page Audit
1. **What does this page need to communicate?** An invitation to launch your free posing tool and access the video tutorials database.
2. **What sections does it need?** Hero Launch, Features Column, and the Tutorials Embed.
3. **What actual content do you already have?** Headline copy and descriptions from `App Feature List.md`.

—

### 📋 Copy-Pasteable Content Blocks

#### [Section A: Hero Header]
> **”Animate characters. Keep your project intact.”**
> Locus is a free, browser-based 3D character animation studio for posing, keyframing, motion capture, and final export. It is built around the portable `.locus` project format that keeps your character, textures, and keyframes together.
> `[ Launch App (Free) ➔ ]`

#### [Section B: Key Features]
* **Built for Animators, Not Engineers:** Intuitive bone sliders, keyframe timelines, and graph curve editors designed for artists.
* **Browser-Based Motion Capture:** Turn images, webcams, or video files into 3D MMD character poses instantly using built-in MediaPipe Holistic solving.
* **Dual Rendering Engines:** Switch between WebGPU and WebGL2 rendering seamlessly. Both engines read the same underlying project data.