Waste Disposal Website

Web Design Case Study

PrahiVeod waste disposal website shown across desktop and mobile screens
My Role
Web Designer & Developer
Platforms
HTML · CSS · Vue.js · Wix
Deliverables
Web Design · Wix Migration
Tools
Figma · Miro · Google Analytics

Overview

2 formats
Desktop and mobile experiences
1 flow
Guided waste collection request
6 services
Scannable service categories
Responsive
Designed across key breakpoints

Waste collection involves details that can quickly overwhelm a customer: material type, volume, location, timing, and access requirements. This project organizes those decisions into a straightforward website and guided order request flow, giving customers a clearer path from exploring the service to submitting the details the business needs.

Clear language and strong visual hierarchy make the service easier to understand while creating a more reliable alternative to phone-only ordering.

Problem

The primary goal was to establish an online presence where none existed before, while making the ordering process more efficient. Previously, customers placed orders by phone, and many were unable to reach a company representative. Without an alternative way to submit a request, potential orders were missed. Four key problem areas emerged from this context:

  1. 01

    The company had no online presence, so few people in its service area knew it existed.

  2. 02

    The available services and pricing were difficult to discover, leaving customers without clear information before ordering.

  3. 03

    The business lacked a consistent brand identity and social media presence, making it harder to build recognition and trust.

  4. 04

    Orders depended entirely on phone calls, so customers had no alternative way to submit a request when representatives were unavailable.

Workflow

A multi-phase, highly iterative web development workflow continuously refined across project lifecycles through close collaboration with clients and myself.

  1. Custom Build • Phase 1

    Scoping & Design

    View tasks
    • Project scoping
    • Client alignments
    • Sitemap creation
    • Miro & Figma sketches
  2. Custom Build • Phase 1

    Web Content

    View tasks
    • Creating texts and assets
    • Including images
    • Page testing
  3. Custom Build • Phase 1

    Branding & SEO

    View tasks
    • SEO
    • Page optimization
  4. Custom Build • Phase 2

    Order Form

    View tasks
    • Custom order flow design
    • Vue.js development
    • Order validation
  5. Migration • Phase 3

    Wix Platform

    View tasks
    • Migration to Wix platform
    • Webpage recreation
    • Order flow reconfiguration
    • Client handover

Sitemap

  • Main
    • Services
      • Scrapping
      • Containers
    • Terms
      • Waste Types
    • Order
    • Contact

Sketches

Visuals

Reflections

The redesigned digital ordering platform for "Prahiveod" increased overall service bookings while cutting incoming support calls by ~15%. By optimizing the self-service order flow, the solution successfully scaled sales volume without increasing the team's support workload.