Development
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. The review includes responsive layouts and the steps a visitor takes to enquire.
Based in the Philippines.Working across the world.
UK / US / AU
British-led design and development. Clear scope, considered builds and work you can test.
Explore our workBuild 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 compare the editing workflow, integrations and hosting requirements before choosing WordPress or a modern framework. An existing site may need a targeted repair rather than a rebuild.
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 posterMuted video loop
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, services, industries, development, blog, about and contact have their own routes. The studio URL redirects to About. 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 with readable page content
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, SEO services, industries, development, blog, work, about and contact. Separate pages, with the studio URL redirecting to About.
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 Cases, services and contact return 200; Studio redirects to About
- 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
Establish what to retain
Inventory important URLs, content, forms and integrations. Compare a repair with a rebuild before approving changes to the site architecture.
Agree the review stages
Record templates, content ownership, design review rounds and acceptance criteria. Name who approves the brief, copy and release.
Build a testable preview
Review working pages with real content at phone and desktop sizes. Test the navigation and enquiry path while there is still time to change the implementation.
Record release checks
Check redirects, titles, canonicals, indexability, schema and form behaviour. Keep a list of unresolved issues with an owner and a launch decision.
Verify the public site
After deployment, read the public pages and test the agreed links and forms. A successful build does not establish that the host is serving the intended release.
Hand over maintenance
Agree who owns dependency updates, backups, CMS access, hosting accounts and support requests. Set the monitoring period and any ongoing work in the proposal rather than assuming indefinite support.
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. Compare the framework options below when editing or application requirements affect the build. For a domain or CMS cutover, review our website migration.
What the brief must settle
Agree the important URLs and content to retain, who approves changes and how launch checks will be recorded. Ranking movement can still occur after a carefully tested rebuild.
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. Agree a release owner and rollback decision before launch, and record who responds if a form, integration or deployment fails. Response times and ongoing maintenance are scope decisions, not automatic inclusions.
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 our own-brand demonstration, not a client revenue case study. It 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 editing and application workflow
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. The choice also depends on integrations, hosting and who will maintain it.
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.
Planning a rebuild? Start with the launch risks.
We can audit the current site, map the risks and recommend the right build path before anyone starts redesigning pages.