REGISTRIEREN
Zurück zur Stellenangebote
XX
Shopify CSS Refinement Expert Needed – Pixel-Perfect ImplementationFreelanceJobs • Canada
Ähnliche Jobs finden

Dieses Stellenangebot ist nicht mehr verfügbar

XX

Shopify CSS Refinement Expert Needed – Pixel-Perfect Implementation

FreelanceJobs
  • CA
    Canada
  • CA
    Canada
Ähnliche Jobs finden

Über

We need a Shopify CSS specialist to refine our existing Shopify store so it matches the approved reference design exactly (1:1). This is not a redesign and not a rebuild. This is strictly a visual refinement phase.
Reference design: ( store: ())
Password: 1230
Pages in Scope
Homepage
Product page
Collection page
Cart page
Global styles (typography, buttons, spacing system)
Objective
The live Shopify store must visually match the reference design across desktop and mobile.
This includes:
Layout and spacing
* Exact section spacing and vertical rhythm
* Alignment consistent with reference grid
* Consistent margins and padding across sections
Typography
* Exact font sizes
* Exact line heights
* Exact font weights
* Letter spacing
* Text alignment
Buttons
* Padding and sizing
* Border radius
* Colors
* Hover, focus and active states
Responsive behavior
* Desktop
* Tablet
* Mobile
* Correct stacking behavior
* Proper spacing adjustments per breakpoint
Technical Requirements
* Work within a native Shopify Online Store 2.0 theme
* Use theme settings wherever possible before adding custom CSS
* Clean, structured, maintainable CSS
* Logical class naming and organization
* Use variables where appropriate
Not allowed:
* CSS hacks
* Excessive use of important
* Inline styling unless justified and documented
* Messy overrides layered on top of each other
* JavaScript used for styling fixes
Maintainability
The final code must be clean, scalable and easy for another developer to understand.
All changes must keep the theme fully editable through the Shopify theme editor.
Definition of Pixel-Perfect
* Maximum visual deviation of 1–2px
* Exact match of spacing, typography and alignment
* Exact match of interactive states
* No "close enough" approximations
Deliverables
* Live store matching the reference visually
* Before and after screenshots per page
* List of CSS changes made
* Notes explaining where theme settings were used instead of custom CSS
Out of Scope
* New features
* Backend logic
* App integrations
* Content creation
* JavaScript functionality
Acceptance Criteria
* All listed pages match the reference visually and responsively
* No layout regressions
* No performance degradation
* Clean, maintainable CSS
* Full documentation provided
Contract duration of less than 1 month.
Mandatory skills: CSS, Shopify, Web Development
  • Canada

Sprachkenntnisse

  • English
Hinweis für Nutzer

Dieses Stellenangebot wurde von einem unserer Partner veröffentlicht. Sie können das Originalangebot einsehen hier.

Ähnliche Jobs finden