E-Commerce 5-Screen Design & Build
Budget / Salary$250–750
TypeFreelance project
LocationRemote
Posted1 hour ago
I want the full buying journey for my store—Home, Category, Product, Cart, and Checkout—designed in Figma and then coded into clean, semantic HTML5 + CSS that scales smoothly from mobile to desktop.
Conversion and trust are priorities throughout every screen. That means prominent but unobtrusive payment-security cues, clear delivery / returns messaging, persuasive customer reviews, and high-contrast calls-to-action. The checkout flow must feel frictionless: minimal fields, progress indicators, and an obvious path back to the cart if a shopper needs to adjust quantities.
Share your logo, color palette, typography, and any existing imagery and I’ll begin the first design direction right away—expect an initial clickable Figma prototype quickly for feedback.
Deliverables:
• Responsive Figma file for all five screens
• Optimised HTML, modular SCSS/CSS, and asset folder ready to plug into any framework
• Mini style guide summarising colours, type, spacing, and component states
• Handoff notes covering breakpoints, accessibility considerations (WCAG-friendly colours, alt text placeholders), and performance tips
Acceptance criteria: cross-browser consistency (Chrome, Safari, Firefox, Edge), Lighthouse performance score above 90 on each page, and zero W3C validation errors.
Conversion and trust are priorities throughout every screen. That means prominent but unobtrusive payment-security cues, clear delivery / returns messaging, persuasive customer reviews, and high-contrast calls-to-action. The checkout flow must feel frictionless: minimal fields, progress indicators, and an obvious path back to the cart if a shopper needs to adjust quantities.
Share your logo, color palette, typography, and any existing imagery and I’ll begin the first design direction right away—expect an initial clickable Figma prototype quickly for feedback.
Deliverables:
• Responsive Figma file for all five screens
• Optimised HTML, modular SCSS/CSS, and asset folder ready to plug into any framework
• Mini style guide summarising colours, type, spacing, and component states
• Handoff notes covering breakpoints, accessibility considerations (WCAG-friendly colours, alt text placeholders), and performance tips
Acceptance criteria: cross-browser consistency (Chrome, Safari, Firefox, Edge), Lighthouse performance score above 90 on each page, and zero W3C validation errors.
Apply on Freelancer →
Project sourced from Freelancer.com. Applications happen directly on the original platform — we never collect your data.