Professional Service
Web Design and Development
Web design and web development for Philippine and international businesses. Outsource the build. Keep the brief.
We design the first screen, the type, and the enquiry path, then we build it. New website SEO sits in the templates: crawlable pages, clean URLs, redirects, schema and tracking before launch. Layouts are responsive. A mockup that dies on a phone is not the job.
Build focus
Web design has to survive a crawl and a phone
Outsource web design when the current site is slow, hard to edit, or about to be rebuilt. The job is still a website development decision: templates, content, redirects and how people enquire.
We plan Philippine web development around that commercial job first, then pick WordPress or a modern stack. Fashion frameworks come second.
Live project
Shinobi had to look different and still bring enquiries
Shinobi is our Philippines SEO studio for creative businesses. A standard agency template would have killed the idea, but the style could not get in the way of the message or the routes Google needs to crawl. Try the live site below, then use the four build tabs to see why we chose the video hero, TanStack and Tailwind, the manga interface and the SEO structure.
Shinobi routes a crawler can follow
VIDEO.LIVE · PATH.ESTABLISHED
Explore the build
Four decisions behind the live Shinobi site
01 / Hero system
The video builds the world. The copy still sells the job.
We used a full-bleed hero.mp4 with a poster and muted loop to make Shinobi feel like a creative studio before the visitor reads a word. A manga-paper wash protects contrast, while the H1 stays plain and commercial: “The phone has to ring. Not just the report.”
Full-bleed videoReadable H1Mobile posterReduced-motion safe
02 / Technology
TanStack Start for real routes. Tailwind for a custom visual system.
Shinobi is not an Astro build. We chose TanStack Start because the site needed React components, route-led pages and room to grow into interactive tools without becoming a one-page app. Tailwind let us build the ink borders, paper layers, stamps and responsive states as a consistent system instead of fighting a purchased theme.
TanStack StartReact 19Tailwind CSSNitro deployment
03 / Art direction
Manga made sense for the audience. It was not decoration pasted on later.
Shinobi targets creative-industry businesses, so a normal agency grid would have made the brand forgettable. We built the interface around ink borders, speech panels, paper texture, a painted lockup and a red 参上 stamp. The style carries through navigation, cards and calls to action rather than appearing only in the hero.
Ink bordersPaper texturePainted lockupConsistent components
04 / Search and ownership
The creative idea still had to ship as a crawlable business site.
Home, cases, studio, services, industries, development, blog, about and contact are real routes. Titles and H1s do different jobs. Bright Forge is labelled as the parent, the Open Graph image uses an absolute URL, and the contact path stays on the same domain. The result can be crawled, shared and handed over.
Real routesTitle + H1Parent labelledAbsolute OG card
What we actually built on Shinobi
Not a theme. A full studio site
Hero video that still ranks as a document
Full-bleed hero.mp4, poster, and a paper wash so the H1 stays readable on a phone. Motion is costume. The commercial line is still “the phone has to ring”.
Manga system, not a template
Ink borders, speech panels, 参上 stamp, painted lockup. Header logo is the lockup without sunburst rays. Facebook keeps the painted OG card.
TanStack routes
Home, cases, studio, SEO services, industries, development, blog, work, about, contact. Real URLs, not a one-page scroll.
Parent proof, labelled
Bright Forge is named as the parent. Reused case metrics stay labelled as parent work. No invented percentages.
Share card that Facebook can scrape
Hardcoded absolute og.jpg. Nav does not use that file. Two jobs, two assets.
Launch sheet
Shinobi does not ship until this list is true
Same pass we run on a client build. This one is ours, so we can show it.
- 01 Hero video and poster on the live host
- 02 Title and H1 do different work
- 03 Routes return 200: cases, studio, services, contact
- 04 Parent company named and linked
- 05 Header lockup is not the Facebook card
- 06 OG image is an absolute URL
- 07 Contact form on the same domain
What the build must do
A site Google can read, on a responsive layout
Crawlable pages
Search engines need clean URLs, internal links, server-rendered content where needed and sensible indexation controls.
Content structure
Pages need headings, body copy, proof, FAQs and conversion points that support SEO rather than sit behind visual components.
Performance and Core Web Vitals
We build responsive layouts and reduce bloat, unnecessary scripts, layout shifts and render delays that weaken user experience.
Redirect and migration safety
When replacing an old site, URL mapping and launch QA matter more than a prettier homepage.
Schema and metadata
Titles, descriptions, canonical tags, structured data and Open Graph basics should be built in, not bolted on later.
Analytics and forms
A site that cannot track enquiries properly makes SEO reporting weaker than it needs to be.
How we work
Audit, build, launch, then prove it
Audit
Review the current site, rankings, crawl behaviour, content, analytics and conversion risks.
Plan
Map templates, URLs, content sections, redirects, schema and development priorities.
Build
Develop the site around speed, accessibility, crawlability and editorial control.
QA
Test pages, metadata, forms, mobile layouts, redirects, schema and indexation settings.
Launch
Deploy with a launch checklist, Search Console monitoring and post-launch crawl checks.
Improve
Use ranking, crawl and conversion data to refine pages after launch.
Who this suits
For businesses where development has a clear role
This suits businesses replacing an old website, rebuilding a slow WordPress site, launching a new service site, or trying to protect rankings during a design refresh. This hub is web design and development. WordPress, Astro, Next, React and SvelteKit have their own pages. A domain or CMS cutover belongs on website migration.
What we will not do
We will not sell a shiny rebuild that creates indexation problems, strips content, loses redirects or weakens the pages already supporting SEO performance.
Outsourced delivery
Use a Philippine development team without losing control of the build
Businesses and agencies can outsource web design, development or a defined implementation stage to us. We agree responsibilities, technical decisions, review points and handover requirements before work starts.
For Manila businesses comparing web design agencies, agree how the work will run before choosing a supplier: remote briefing, a record of design approvals and a documented launch handover. Any requirement for on-site meetings needs to be agreed separately, not inferred from a Philippines service page.
The result should be easy to own after launch. That means documented routes, sensible components, editorial control, analytics and a clear record of what was built.
Compare the work, not the pitch
Choosing a web design agency? Test a site they have shipped.
Open a real project on your phone, test an enquiry path and check whether the main services are easy to find. Ask the agency to explain the design decisions and the launch checks behind that work. A gallery of desktop mockups cannot answer those questions.
Then compare the proposals on the same basis: who writes and migrates content, how many design reviews are included, who owns the CMS and accounts, and what handover and post-launch support cover. A lower quote with those items excluded is a different scope, not necessarily better value.
The Shinobi build shown on this page is a concrete starting point for discussing our approach. Bring your requirements and we can explain which parts of that approach fit your site, rather than promise the same build to every business.
Selling through the site
Ecommerce web design starts with the catalogue.
A store brief needs more than a page count. Product variants, category navigation, stock rules, delivery information and checkout all affect what the build must do. We establish those requirements before recommending a design or platform.
- What shoppers need to compare
- Category and product templates should make specifications, options and purchase conditions easy to find. A striking homepage cannot compensate for a product page that leaves the buying decision unresolved.
- What the team needs to manage
- Agree who maintains products, handles content changes and tests updates. Integrations, payment configuration and catalogue migration belong in the scope, not in an assumption that everything is included.
- What search engines need to retain
- For an existing store, map important URLs, redirects and category relationships before changing the structure. Design approval and SEO launch checks are separate decisions.
Already have a working store but need better organic visibility? Our ecommerce SEO service covers that work without assuming you need a rebuild.
Pricing and scope
Website pricing should reflect the real build, not a generic package
Website development cost in the Philippines varies because the work varies. Site size, design complexity, content readiness, integrations, CMS or framework choice, migration risk and testing requirements all affect the scope.
We review those factors and provide a private proposal. No public rate card, invented package or fixed figure that hides the work needed to deliver the site properly.
Related development services
Choose the stack around the job, not the fashion cycle
Astro developmentFast content-led sites with very little front-end bloat.WordPress developmentCMS-led builds with SEO controls and cleaner architecture.Next.js developmentApplication-style sites where React and server rendering make sense.React developmentInteractive tools without turning the brochure into an app shell.SvelteKit developmentFast routes that still render as real pages.
FAQ
Development questions worth answering
Do you design and develop, or only advise?
Both. We design and build the site when that is the brief, and we can sit with your developer when you already have one. Outsource the whole build or a defined stage. The brief, reviews and what goes live stay yours.
Is a new website enough for SEO?
No. A better build can remove technical drag and make pages easier to rank and convert. Rankings still depend on content, authority and competition. New website SEO is the structure, metadata, internal links and launch QA, not a promise.
How do you protect rankings during a rebuild?
We map URLs, redirects, metadata, content, internal links, schema, analytics and Search Console checks before launch, then crawl and monitor the site after launch.
WordPress or a modern stack?
WordPress when the team needs to edit pages without a deploy. Astro or similar when the site is mostly content and speed matters. Next.js or React when the product is an application. We choose the stack around the job, not around fashion.
Can we outsource web design and development to your team?
Yes. Philippine and international businesses can outsource a complete build or bring us in for a defined part of the project. We agree ownership, milestones, review points and handover requirements before development begins.
How much does web development in the Philippines cost?
The scope depends on the site size, design requirements, content readiness, CMS or framework, integrations, migration risk and testing needs. We review those factors first and provide a private proposal rather than publishing a package that may not fit the job.
Will the site be responsive?
Yes. Phone, tablet and desktop are part of the design, not a leftover stylesheet. We test the enquiry path on a phone before we call a layout done.
Need a site that does not break your SEO on launch?
We can audit the current site, map the risks and recommend the right build path before anyone starts redesigning pages.