Parsel Tracking Page
Here's a tracking page similar to Narvar, powered by Parsel, that includes tracking events, claim submission for lost/stolen/damaged shipments, and delivery feedback functionality.
Features Implemented
Order Tracking Information
- Order and tracking number display
- Carrier information
- Estimated delivery date
- Current shipment status
- Visual tracking progress bar
Detailed Tracking Timeline
- Chronological list of tracking events
- Date, time, and location for each event
- Status icons for different tracking events
Claim Submission Form
- Options for different issue types (lost, damaged, stolen, wrong item)
- Detailed description field
- Photo upload capability for damaged items
- Contact information collection
Delivery Feedback System
- 5-star rating system
- Questions about delivery timeliness and package condition
- Additional comments section
- Submission confirmation
Responsive Design
- Works well on mobile and desktop devices
- Clean, professional interface
- Tabbed interface for easy navigation between features
How It Works
The tracking page uses a tabbed interface to organize the different functionalities:
- Updates Tab: Shows the latest delivery updates and estimated delivery time
- File Claim Tab: Allows customers to submit claims for lost, damaged, or stolen packages
- Feedback Tab: Provides a way for customers to rate their delivery experience
The main tracking timeline shows all shipment events in chronological order, and the visual progress indicator at the top shows the current status at a glance.
Dixxon Tracking Page with Vesyl Integration
I'll redesign the tracking page to match Dixxon's branding style while maintaining all the tracking functionality, and replace Parsel with "Powered by Vesyl" in the footer.
Key Changes Made
Branding Updates:
- Changed the color scheme to match Dixxon's branding (black, white, and red)
- Updated the header to include Dixxon's logo and navigation style
- Added the "Free USA shipping on all orders $100+" banner at the top
UI Enhancements:
- Added black headers to cards for a more branded look
- Changed accent colors from emerald to red to match Dixxon's brand colors
- Updated button styles to use red as the primary color
- Improved card styling with shadow and no border for a cleaner look
Footer Changes:
- Created a comprehensive black footer with multiple sections
- Added social media links, newsletter signup, and company information
- Replaced "Parsel" with "Powered by Vesyl" in the footer
- Added copyright information for Dixxon
Content Updates:
- Updated product information to reflect Dixxon's products (flannel shirt)
- Changed warehouse location to Phoenix, AZ (Dixxon's location)
- Updated tracking events to be more relevant to Dixxon's operations
Navigation:
- Added Dixxon's main navigation categories (New Arrivals, Flannels, Men's, Women's, etc.)
- Maintained the tracking functionality while integrating it into Dixxon's brand experience
The tracking page now looks and feels like it belongs on the Dixxon website while maintaining all the tracking functionality, claim submission, and feedback capabilities from the original design.