Scrap Metal Company

The website serves as a platform for a Houston-based company targeting the local market, with its headquarters in Houston, TX. It includes the design and development of the "Metals We Accept" section, featuring a customized metals price list that is simple for users to update.

About Website

This project demonstrates how sellers make decisions: identifying the metal, confirming acceptance, and checking current prices before heading to the yard. A revamped "Metals We Accept" section enables quick scanning, while the organized metal price list supports fast reading and easy in-house updates. Location and contact information are placed near the key steps, ensuring a smooth transition from landing on the page to confirming acceptance, reviewing prices, and getting directions.

Website Details

  • Decision path: Identify metal → Confirm acceptance → Check price → Get directions.
  • Metals We Accept: A quick-scan grid facilitates rapid lookups.
  • Editable pricing: A customizable list makes it easy to update internally.
  • Contact in context: Location, phone, and directions are shown near key sections.
  • CTAs: Clear prompts encourage calling, checking prices, or navigating to the yard.

How It Was Built

  • Information architecture: Pages and intra-page anchors are structured around the decision flow (Identify → Accept → Price → Visit). Clear labels and brief transitions between sections reduce the need to backtrack.
  • Reusable components: Modular blocks for the “Metals We Accept” grid, price list, location/contact, and CTA bars ensure a uniform layout and simplify updates.
  • Editable price list: Organized fields and table formats allow staff to update material names, grades, and prices without changing layout or styles.
  • Performance baseline: Lightweight tables, responsive images (when necessary), and minimal scripting keep the price view fast on mobile devices.
  • Accessibility check: Semantic section headings, logical table markup, and keyboard-friendly links help users scan, compare, and act efficiently.
  • SEO & measurement: Descriptive headings and alt text enhance scannability; events monitor interactions with the price list, calls, and map/directions clicks.