Hello.

I'm Red.
Welcome to my digital studio.

Creative development, digital design, motion, and business thinking.

Creative developer · Digital designer · Entrepreneur

I build web experiences
that move with purpose.

I combine full-stack development, visual design, motion, branding, and business strategy to create elegant digital products that solve real problems.

Open for freelance workBased in the Philippines · Working globally
06
Featured projects
04
Creative disciplines
PH
Based in the Philippines
Red Barela wearing a black suit
Platform FixFlowBusiness operations Full-stack UI / UX Motion
Web DevelopmentUI / UXBusiness SystemsMotion GraphicsBrandingCreative Direction Web DevelopmentUI / UXBusiness SystemsMotion GraphicsBrandingCreative Direction

01 · Selected work

Projects shaped by real ideas and real needs.

Each project combines design, technology, and business thinking. FixFlow is live in staging, while Syntra remains an active ongoing build.

01 / FlagshipOngoing project

Syntra

Connect. Operate. Grow.

Syntra is an ongoing AI-powered business ecosystem designed to help entrepreneurs launch ventures, run operations, connect with businesses and professionals, access services, automate workflows, and grow from one intelligent platform.

  • AI-assisted startup and business launch tools
  • Workspace, CRM, inventory, orders, bookings, and analytics
  • Professional marketplace and business network
  • Automation, opportunity matching, and AI recommendations
Product strategyUI / UXSaaS architectureAI ecosystem
02 / FlagshipFull-stack platform

FixFlow

A platform that keeps working after the sale.

FixFlow connects filtration product sales with long-term customer care through customer and admin dashboards, inventory controls, replacement reminders, referrals, commissions, financing, payouts, and operational reporting.

  • Public product experience and customer accounts
  • Admin dashboard, inventory, products, and customers
  • Filter replacement scheduling and reminders
  • Referral, commission, payout, and financing workflows
ReactNode.jsPrismaPostgreSQL
Open live project
03 / BrandLive website

Escents by Zed

An inspired-fragrance brand combining product development, visual identity, packaging, promotions, pricing, reseller and consignment systems, customer-focused marketing, and a live digital brand experience.

Open live website
04 / Game systemsRoblox

Frontier Life

A multiplayer survival and life-simulation project with server-authoritative gathering, inventory, economy, crafting, skills, quests, properties, vehicles, social systems, NPCs, and persistent player data.

05 / Customer templateHospitality

Resort Website Template

A reusable premium website concept for resort customers, designed around room discovery, amenities, galleries, location information, inquiries, and a future-ready booking experience.

06 / CollectionVisual design

Graphic Design Collection

A selection of branding, promotional graphics, product visuals, posters, social content, hero artwork, and video-editing work developed across business and school projects.

Portrait of Red Barela
CREATIVERBBUILDER

02 · About Red

Creativity shaped by experience, ambition, and the drive to build.

Red Zedrick M. Barela is a creative developer, digital designer, entrepreneur, and Senior High School ABM student based in the Philippines.

He began gaining practical creative experience as a teenager through junior graphic-design work, then expanded into freelance design and video editing, entrepreneurship, product planning, and full-stack development.

As the founder of Escents by Zed and the builder behind projects such as FixFlow, Syntra, and Frontier Life, he combines visual creativity with technical systems and business strategy. His goal is not only to make things look impressive, but to create experiences that are useful, memorable, and capable of producing real value.

“I do not build only for appearance. I build experiences that create value.”

03 · Capabilities

Designing the experience.
Building the system.

A combination of technical, visual, and entrepreneurial skills developed through real projects and hands-on experience.

Responsive websites, full-stack platforms, APIs, authentication, databases, dashboards, deployment, testing, and technical problem solving.

HTMLCSSJavaScriptTypeScriptReactNext.jsNode.jsExpressREST APIsPrismaPostgreSQLSupabaseGitVercelRender

UI/UX, responsive interface design, graphic design, brand identity, product presentation, wireframes, prototyping, image editing, and video editing.

UI / UXBrandingGraphic designResponsive designPrototypingCreative direction

Scroll storytelling, micro-interactions, animated typography, page transitions, hover systems, motion graphics, and interactive visual experiences.

Scroll motionMicro-interactionsPage transitionsMotion graphicsInteractive UI

Product planning, customer journeys, business-system architecture, entrepreneurship, marketing, leadership, project coordination, and client communication.

Product strategyEntrepreneurshipMarketingLeadershipProblem solvingClient communication

04 · Full-stack web development

A complete website package built for your business.

From design and development to database integration and deployment, I create modern full-stack websites that help businesses establish a professional digital presence, improve their operations, and connect with more customers.

Built around your workflow

Custom Full-Stack Solution

Advanced scope
Pricing Custom Quote Based on features and complexity

For businesses that require advanced features, specialized workflows, larger databases, multiple user roles, automation, or third-party integrations.

Custom feature examples

  • E-commerce platforms
  • Advanced booking systems
  • Inventory and order management
  • Customer and employee portals
  • Multi-role dashboards
  • Payment gateway integration
  • Subscription platforms
  • Referral and commission systems
  • Automated email notifications
  • Analytics and business reports
  • Real-time data and dashboards
  • Artificial intelligence features
  • Third-party API integrations
  • Software-as-a-Service platforms
  • Custom business automation
Discuss Your Project

Development process

A clear path from the first conversation to launch.

01

Discovery

We discuss your business, customers, goals, required pages, features, branding, budget, and preferred launch date.

02

Planning

I prepare the project structure, recommended features, development scope, timeline, and final quotation.

03

Design

The interface, visual direction, page layout, navigation, and user experience are designed before development.

04

Development

The front end, back end, database, dashboard, forms, authentication, and required business features are developed.

05

Testing

The website is tested across devices and browsers, and approved revisions are completed before launch.

06

Launch

The completed website is deployed, connected to the domain and hosting environment, and prepared for client turnover.

01

Estimated Timeline

Standard business websites typically require three to six weeks. Advanced full-stack systems may require a longer development period depending on their complexity.

02

Payment Terms

  • 50% down payment before development
  • 30% after the main design and system features are completed
  • 20% before final turnover and launch
03

Revisions

The package includes up to three reasonable revision rounds. Major changes outside the approved project scope may require an additional quotation.

04

Post-Launch Support

Thirty days of basic technical support are included for issues related to the approved project scope.

Technology stack

Modern tools selected around the project.

The final stack is chosen according to the website’s goals, required features, scalability, and deployment needs.

HHTML CCSS JSJavaScript TSTypeScript RReact NNext.js NJNode.js EExpress APIREST APIs PPrisma PGPostgreSQL SSupabase GGit VVercel RRender

Related experience

Project thinking backed by practical builds.

Explore related projects

05 · Process & journey

From an idea to an experience people can use.

01

Discover

Understand the business, users, challenge, audience, and desired outcome.

02

Define

Plan the content, user journey, features, priorities, and technical structure.

03

Design

Create the interface, visual system, wireframes, prototypes, and motion language.

04

Develop

Build, integrate, test, optimize, deploy, and refine the complete experience.

Junior graphic-design experience

Developed practical skills in visual communication, discipline, and creative production.

Returned to school and built a business

Balanced Senior High School, entrepreneurial work, creative projects, and personal development.

Founded Escents by Zed

Built a fragrance brand through products, branding, pricing, promotions, and reseller strategies.

Expanded into full-stack products

Developed FixFlow, Frontier Life systems, and the ongoing Syntra business ecosystem.

06 · Beyond the screen

Creative work supported by leadership and real-world responsibility.

Experience across entrepreneurship, graphic design, project development, leadership, and school activities has shaped an adaptable, business-minded approach to digital work.

Founder

Escents by Zed

Vice President

Benildean Creatives

With Honor

Academic recognition, 2025

2nd Place

Badminton Men's Singles, 2025

07 · Let’s work together

Have an idea worth bringing to life?

Tell me about your business, required features, budget, and preferred launch date. Your inquiry is sent securely to my email so I can review the scope and respond with the right next step.

Your inquiry will be sent securely and directly to Red’s email.