1 13

Flour Shop

Flour Shop

  • Project duration:2-3 month
  • Client: USA

Flour Shop is the creative playground for cake mastermind and Flour-ist, Amirah Kassem. She takes everything that she loves – cake, rainbows, glitter, unicorns and imagination – and creates delicious treats that make everyone smile.

Visit Flour Shop
  • Scroll down to get more information!
View full details

Responsibilities

Project Initialization

  • Set up the Shopify project environment, ensuring all necessary configurations and tools are in place for development.

Custom Design Implementation

  • Transformed designs from Figma into fully functional and visually appealing Shopify themes.

Custom sticky Header and Menu Development

  • Designed and developed a fully custom menu and header, tailored to meet specific brand requirements.

Dynamic Cart Drawer Development

  • Created a custom cart drawer featuring dynamic content, including gift notes, a delivery widget, and related product recommendations.

Custom Animations

  • Added unique animations to images during page loading for enhanced user engagement.
  • Developed flexible heading animations triggered on scroll, with the option for users to enable or disable animations easily.

Multicolor Buttons

  • Integrated multicolor buttons for enhanced design flexibility and improved visual appeal.

Custom Footer Development

  • Built a fully custom footer tailored to match the site’s design and branding.

Filtering App Setup

  • Installed and configured a filtering app to improve product discovery and navigation.

Custom Forms

  • Developed various custom forms to meet specific business and customer requirements.

Custom Product Detail Page (PDP) Template

  • Created a custom PDP template integrated with a product customization app.
  • Developed a sliding drawer to display advanced product information in an intuitive way.

Technologies & Tools Used:

  • Shopify Liquid
  • JavaScript & jQuery
  • CSS/SCSS
  • HTML
  • Builder setup (Gulp) for streamlined development.
  • Node.js
  • Cart API
  • Theme Kit
  • GIT for version control

Apps used on the project:

  • Product Customization app
  • InstaFeed
  • Blogs Generator app
  • Smart Product Filter & Search
  • Delivery widget

More info:

Section

Burger Menu

Created custom burger menu with the possibility to choose color of each item.

Section

Header and Mega Menu

Developed a customizable header and Mega Menu, enabling easy management of links and images for a seamless user experience. Also there is possibility to add custom label to the item ( NEW! )

Section

Cart drawer empty

Developed a custom cart drawer with functionality to add custom links, allowing users to navigate directly to specific product pages.

Section

Cart drawer full

Developed a custom cart drawer with features to add additional products from a "Make it Party" section, where products in this section are managed via admin settings. Included functionality to add a gift note message and select a preferred delivery method or date.

Section

Cart drawer gift note

Gift note wrapper with the create a gift note input field with a 200-character limit and a live counter that displays the remaining characters as the user types.

Section

Form

Custom for design

Page

Product page

Develop a custom-designed product page featuring an integrated app that allows users to personalize products through multiple customizable options, providing a seamless and interactive customization experience.

Section

Custom section

Created a custom section featuring unique hover effects, allowing the overlay color for each image to be individually customized. Included an animated heading with a toggle option in the admin panel for easy enable/disable functionality.

Section

Image wiht text

Developed a custom Image with Text section that allows full content management through the Admin panel. Features include:

  • Image Management: Upload a single image or multiple images to automatically create a slider.
  • Text Content: Easily edit accompanying text for the images.
  • Animated Heading: Option to enable or disable animated headings directly from the Admin panel.
  • Slider Functionality: Seamless slider transitions for multiple images, enhancing user experience.

Section

FAQ section

Developed a custom FAQ section that allows the addition of unlimited question-and-answer blocks, fully manageable through the Admin panel. The section includes dynamic content management, making it easy to create, edit, delete, or rearrange FAQ items. Each question is designed with expandable and collapsible functionality for an intuitive user experience, and the section is fully responsive for seamless display across all devices.

Similar projects