07 · Manufacturing website

Real Tech EngineeringManufacturing Company Website

A fast, framework-free static site for a Rajkot forging and CNC machining company.

Role
Designer & front-end developer – redesign, build, deploy
Type
Manufacturing website
Stack
HTML5 · CSS 3 · JavaScript
Real Tech Engineering website hero with the headline Engineered for What Matters over a CNC machining centre

01

Problem

A Rajkot forging and CNC machining company needed a website that looks as precise as the parts it makes.

02

What I built

I redesigned their homepage as a fast, framework-free static site with an industrial editorial design, a video hero, scrolling capability and product galleries, a 5-step process timeline, industries served and a quote-focused contact section.

It uses vanilla JavaScript with IntersectionObserver scroll reveals and requestAnimationFrame motion, optimised WebP imagery, a fully responsive layout and SEO meta.

03

Stack

  • HTML5
  • CSS 3
  • JavaScript
  • Web Design
  • Responsive Design

04

Screenshots

  1. Real Tech Engineering capabilities gallery showing forging and machining processes
    02 · Capabilities gallery
  2. Real Tech Engineering products section showing machined and forged parts
    03 · Products
  3. Real Tech Engineering five-step process timeline from requirement and drawing to dispatch
    04 · Five-step process
  4. Real Tech Engineering why-us section listing the company's strengths
    05 · Why us