Next.js E-Commerce Website
Budget: $100.0
FIXED /
⭐ 5.00 (6)
Pakistan
css, web-design, e-commerce-website, responsive-design, react-js, html, next.js
Project Overview
We are looking for an experienced developer to help create a custom e-commerce website for a personalized photo frames and custom products business.
The selected developer will be responsible for frontend, e-commerce, checkout, customization, admin, analytics, and CMS functionality while improving the overall user experience and visual polish.
The website allows customers to browse frame collections, customize the frames by uploading images, purchase personalized items such as framed board games, and order related services such as photo restoration and editing.
Core Responsibilities
Frontend & UI Design & Improvments
Use branding assets, logo & design theme
Improve navigation structure and user flow
Add search functionality
Add newsletter/promo discount popup
Add visuals with more realistic and premium-looking design elements
Implement animated gradient backgrounds and glow effects.
Maintain overall design consistency
Use more modern rounded styling
Ensure typography consistency throughout the site
Homepage Enhancements
Add multiple new content sections
Create visually engaging product and service highlights & featured products section
Add realistic lighting effects and decorative elements
Improve visual storytelling across the homepage
Product Catalog & Product Pages
Build and refine individual product pages
Add product descriptions section and specifications
Support size selection
Support portrait and landscape product variations
Add frame customization options
Display default placeholder images that customers can later replace with their own uploaded photos
Improve overall product customization experience
Checkout & Order Flow
Implement a streamlined checkout experience
Add upsell recommendations for related products and services
Support the following payment methods:
EasyPaisa
JazzCash
Bank Transfer
Add payment proof upload functionality
Display standard delivery information
Implement automated order confirmation emails
Automated WhatsApp order confirmation workflow
Social Proof & Marketing Features
Google Reviews integration
Social media feed section
Promotional content blocks
Newsletter signup functionality
Services Section
Dedicated services pages
Before-and-after galleries for restoration services
Service-specific content and marketing sections
Admin Panel Requirements
Product Management
Bulk product upload via CSV/Excel template
Product category management
Product stock & availability status updating
Ability to create, edit, and organize categories
Order Management
Customer search functionality
Order filtering and management
Date-based order views & filters
Analytics Dashboard
Revenue tracking
Sales reporting
Order status reporting
Product performance reporting
Most sold and least sold products
Sales trends based on selected date ranges
Analytics Integration
Google Analytics implementation
Visitor behavior tracking
Conversion tracking
CMS Requirements (Builder.io)
The website will use Builder.io as the primary CMS solution.
The CMS should allow non-technical administrators to manage website content without coding, including:
Creating and editing pages.
Managing page sections.
Updating text content.
Uploading and replacing images.
Embedding videos.
Creating promotional sections.
Updating homepage content.
Managing landing pages and marketing pages.
Full visual content editing through Builder.io.
The goal is to provide a flexible content management experience while keeping the website performance optimized and maintaining compatibility with the Next.js/Vercel deployment workflow.
Technical Requirements
Experience with modern React/Next.js development.
Experience integrating Builder.io with React/Next.js projects.
Strong understanding of e-commerce workflows.
Experience building admin dashboards.
Experience with payment workflows and file uploads.
Important Notes
Some requirements may evolve during development as business needs are finalized.
Clean code, scalability, and maintainability are important.
Future phases and ongoing work may be available for the right developer.
Auf Upwork öffnen