Method of visual shopping
Systems and methods are provided for customizing consumer products. A display device may present a rendering of a customizable product to a user. The display device may also present a set of customizations on a scrollable axis. An input interface such as a touch interface may receive a selection of at least one customization from the user, and the rendering of the product may be updated to display the customizations selected by the user. An electronic file may be generated that includes product manufacturing details, which indicate the customizations selected by the user. The product may be an article of footwear, and a printer may print the selected customizations on the article of footwear.
1. A method comprising:
displaying, by a touch screen, a rendering of a customizable product;
displaying, by the touch screen, a plurality of graphics wherein each graphic of the plurality of graphics corresponds to a customization of a plurality of customizations for the customizable product, wherein the plurality of graphics are arranged linearly on a scrollable axis, and wherein the scrollable axis intersects the rendering of the customizable product;
scrolling, by the touch screen and in response to receipt of a swipe gesture on the touch screen, the scrollable axis wherein a graphic of the plurality of graphics traverses the rendering of the customizable product during the scrolling;
updating, by the touch screen and in response to the graphic traversing the rendering of the customizable product, the rendering of the customizable product to depict the customizable product as being customized with the customization of the plurality of customizations that corresponds to the graphic traversing the rendering of the customizable product;
receiving, on the touch screen, a touch gesture corresponding to a selection of a selected customization of the plurality of customizations;
updating, by the touch screen and in response to the selection, the rendering of the customizable product to depict the customizable product as being customized with the selected customization; and
generating, by a computing device in signal communication with the touch screen, product manufacturing information that indicates the selected customization.
2. The method of claim 1 , wherein the customization is a colorable feature of the customizable product and the method further comprises:
updating the scrollable axis after receipt of the selection of the selected customization by displaying, by the touch screen, a second plurality of graphics wherein each graphic of the second plurality of graphics corresponds to a color of a plurality of colors for the colorable feature, wherein the second plurality of graphics are arranged linearly on the scrollable axis.
3. The method of claim 1 , wherein the customization is a fillable feature of the customizable product and the method further comprises:
updating the scrollable axis after receipt of the selection of the selected customization by displaying, by the touch screen, a second plurality of graphics wherein each graphic of the second plurality of graphics corresponds to a pattern of a plurality of patterns for the fillable feature, wherein the second plurality of graphics are arranged linearly on the scrollable axis.
4. The method of claim 1 , further comprising:
displaying, by the touch screen, a second plurality of graphics wherein each graphic of the second plurality of graphics corresponds to a second customization of the plurality of customizations for the customizable product, wherein the second plurality of graphics are arranged linearly on a second scrollable axis, and wherein the second scrollable axis intersects the rendering of the customizable product.
5. The method of claim 4 , wherein:
the scrollable axis and the second scrollable axis intersect.
6. The method of claim 5 , wherein:
the scrollable axis extends horizontally between a left edge and a right edge of the touch screen; and
the second scrollable axis extends vertically between a top edge and a bottom edge of the touch screen.
7. The method of claim 4 , wherein:
the scrollable axis and the second scrollable axis are parallel relative to each other.
8. The method of claim 1 , further comprising:
displaying, by the touch screen, one or more graphics corresponding to a visual aspect of a physical store display that borders the touch screen so as to cause the touch screen to substantially blend in with the physical store display, wherein the physical store display comprises a physical product of the same type as the customizable product.
9. The method of claim 8 , wherein:
a size of the rendering of the customizable product and a size of the physical product of the physical store display are substantially the same.
10. The method of claim 1 , further comprising:
displaying, by the touch screen and prior to displaying the rendering of the customizable product, a second plurality of graphics wherein each graphic of the plurality of graphics corresponds to a style of a plurality of styles of the customizable product, wherein the plurality of graphics are arranged linearly on a second scrollable axis; and
receiving, on the touch screen, a second touch gesture corresponding to a selection of a selected style of the plurality of styles of the customizable product, wherein the rendering of the customizable product is displayed in response to the selection of the selected style.
11. The method of claim 1 , further comprising:
centering, by the touch screen and in response to receipt of a tap touch gesture on the touch screen, an off-center graphic of the plurality of graphics with the rendering of the customizable product.
12. The method of claim 1 , wherein:
the plurality of graphics are arranged on the scrollable axis according to a predetermined color palette.
13. The method of claim 1 , wherein:
the plurality of customizations correspond to a portion of a plurality of portions of the customizable product.
14. The method of claim 13 , further comprising:
receiving, on the touch screen, a second touch gesture corresponding to a selection of the portion of the plurality of portions of the customizable product.
15. The method of claim 1 , further comprising:
updating, by the touch screen and in response to receipt of a diagonal swipe gesture on the touch screen, the rendering of the customizable product to depict the customizable product as being customized with a randomly selected customization of the plurality of customizations.
16. The method of claim 1 , further comprising:
obtaining at least a portion of the product manufacturing information from one or more templates.
17. The method of claim 16 , wherein:
the one or more templates comprise a base template corresponding to the customizable product and a customization template corresponding to the selected customization.
18. The method of claim 17 wherein:
the base template comprises first information defining an outline of the customizable product and second information defining a customizable region of the customizable product.
19. The method of claim 17 , wherein:
the customization template comprises information defining an outline for one of the graphics of the plurality of graphics.
20. The method of claim 1 , wherein:
the customizable product is an article of footwear.