Distro Contour is engaged in the sale of equipment outdor like jacket, rucksack, and accessories. At this point the consumer should come directly to the Distro Contour to conduct transactions and would be very burdensome for consumers who are out of town because they have to pay more, whereas market opportunities outside the city very attractive but this time Distro Contour experiencing difficulties in funding to open a new branch. Distro Contour difficulty in managing the data products, number of products to make consumers feel confused in selecting. Growing number of transactions that result in the Distro Contour frequent typing errors in the data so that the delivery information is often inaccurate Distro Contour. Distro Contour difficulties in terms of promotion so that consumers are not direct product information especially when there is a change of the price of the product.Method for making software in the development of e-commerce websites use the waterfall method, while the data collection phase by using structured data and tools used Flowmap the ERD (Entity Relationship Diagram) and DFD (Data Flow Diagram). The programming language used is PHP and using MySQL database, to optimize the zoom using CSS, Jquery and AJAX, for a method of making a recommendation system using Association Rule. Based on the results of tests performed by testing the system using the black box of alpha and beta to the questionnaires given to a number of respondents showed that the overall system is run in accordance with what is expected, so it can be concluded that include e-commerce development in Distro Contour can enable customers to conduct transactions without having to come directly to the Distro Contour, can facilitate in making Distro Contour sales transaction reports and can facilitate Distro Contour in the promotion so that consumers can find product information instantly anywhere and at anytime.