Shopify Website Redesign / Design System

Starting at

$

4,000

About this service

Summary

Custom e-commerce (Shopify) website design project that aligns with the industry's best design principles.
The project is built by developing a design system with detailed visual guidelines and extensive component libraries.

What's included

  • Style Guide

    Which includes: Colors: Defines the color palette to maintain consistency throughout the design, ensuring that all color choices meet accessibility requirements to guarantee a user-friendly and inclusive experience for all users. Text Styles: Specifies font choices, sizes, weights, and line spacing for different types of text, ensuring uniformity in typography. Buttons & Links: Outlines the appearance and behavior of buttons and hyperlinks, including hover and active states. Form Elements: Describes the visual states of textfields, dropdowns, checkboxes, and radio buttons, ensuring a cohesive look and feel. Alert Styles - Details the presentation of alerts and notifications for a consistent user experience.

  • Sections Designs

    Announcement Bar, Header, Slideshow/Banner, Featured Collections, Featured Products, Multicolumn, Big CTA’s, Image With Text, Video, Rich Text, Contact Form, Collapsible Content, Logos, Footer, Collage, Blog Posts, Reviews, Newsletter. Customized sections can be designed upon request to accommodate specific project needs and requirements.

  • Pages Designs

    I design all pages based on predefined style guides and section designs. My design approach seamlessly aligns with the industry's best e-commerce design principles, guaranteeing the achievement of optimal results for every project. Pages: Homepage, Mega Menu, Collection Page & Filter States, Product Page, Side Cart, Cart Page, Predictive Search, Search Results, Account Management Pages, Blog, Article, Contact, FAQ, About, 404, Email Template (Order Confirmation). Custom pages can be designed upon request to accommodate specific project needs and requirements.

  • Figma File

    The design is provided in a Figma file, prepared and structured for development purposes, ensuring a streamlined and efficient transition into the development phase. Figma file is built using: Clean & Smart Components, Auto Layout, Styles (Text, Color, Grid).


Duration

4 - 6 Weeks

Skills and tools

Web Designer
Design Systems
Responsive Design
Figma
Invision
Slack

Work with me