Back to Projects
Lead UI/UX Designer & Developer Capstone · MMA Jan 2025–Feb 2026

Soled Out Store PH — Brand Website & Multimedia Asset Suite

A dedicated brand website and full multimedia suite for a Marikina-based women's flat footwear brand. The website is built to tell a story that third-party platforms structurally cannot. Advocacy, craft, and identity, finally on their own terms.

Brand Strategy Web Design & Dev Motion Graphics Multimedia
SoS PH mockup

The Results

Currently Offline final score (Excellent)
3 documentary films
3D interactive shoe model
client-approved
"The multimedia assets effectively presented the client's story in an engaging and visually impactful manner, while contributing to discussions on how multimedia-driven website development can enhance brand communication and support cultural preservation." — Capstone Abstract

The Problem

Marikina City's shoemaking industry — once a point of national pride — has experienced a 95% decline in manufacturing firms since the 1970s. Soled Out Store PH survived by finding audiences online. But the platforms they found came with a hidden cost.

While e-commerce platforms gave the brand reach, they stripped it of identity. Three structural pain points defined the problem:

The Pain Points

Identity Suppression

Third-party marketplaces impose rigid templates that prevent the brand from expressing its story, values, or artisanal differentiation.

Visual Quality Degradation

Platform-level compression on Shopee and TikTok Shop destroys the high-resolution detail that differentiates handcrafted quality from mass production.

Algorithmic Gatekeeping

Organic social reach was negligible — authentic storytelling required paid amplification, making it economically unsustainable at scale.

Third-party platforms limited, compressed, templated
Dedicated brand site full control, full resolution
Story told on its own terms understood · connect · appreciate

"Reviving Marikina's Legacy Through Digital Craftsmanship." — Project Mission

The Process

Phase 1

Brand Identity Refinement

Peach established for digital screen readability — 80-30-10 color system applied. Modern editorial typography. Logo created as the first production asset, establishing it as the brand's motion language before any static asset was finalized.

Phase 2

Wireframes & High-Fidelity Design

Narrative-driven wireframes connecting homepage, brand story, advocacy, and products into one cohesive journey. Large-format product-style animations and intentional spacing applied. Desktop, tablet, and mobile designs validated before development.

Phase 3

Multimedia Asset Production

3 documentary films · Motion graphics logo · High-resolution product photography · Graphic design assets and banner templates · Interactive 3D shoe model in Blender. Multimedia treated as part of the system, not as a standalone deliverable.

Phase 4

WordPress Development & Deployment

Final design translated into a live WordPress site via low-code approach. Multimedia assets embedded as a cohesive build. Continuous client validation across the timeline. Documentation included for long-term maintenance.

The Solution

Brand

Brand-First Website Architecture

A full-page format website built around narrative first, not transactions. Users move from brand entry → story → advocacy → products → action. Each page builds emotional context before any commercial ask.

Brand Website
Motion

Motion Graphics & Visual Identity System

A cohesive visual system covering color (80-30-10 Peach), typography, logo (static + animated), and graphic assets. The motion logo acts as a dynamic brand entry point across website and documentary content.

Multimedia

Multimedia Storytelling Suite

Three documentary films (brand history, production process, artisan stories), high-resolution product photography, and an interactive 3D shoe model built in Blender — shifting experience from viewing to understanding.

Multimedia Documentation
Scalable

Scalable Digital Infrastructure

Built for growth: Blogs & News hub for SEO, direct contact systems for customer relationships, and a documented structure for easy maintenance or future e-commerce expansion.

Scalable Content

More UI/UX Projects