The Process of Developing Magento eCommerce Websites

By Donald Kim
12 Dec '16

Magento is an open-source eCommerce platform based on PHP and MySQL that is popular amongst online retailers, as it provides them with a scalable, secure, and feature-rich platform to conduct online transactions. It is a solution owned by eBay and represents close to 30% of all top online retailers. Its primary competitors in the Content Management System (CMS) arena include Shopify and WordPress’ WooCommerce. If you haven’t already done so, be sure to read our related blog post titled “Magento vs WooCommerce (WordPress): Which eCommerce Platform is Ideal for you?”. At Webilize (Portfolio and Testimonials), we specialize in building optimized websites that help drive sales revenues


Here are some of the advantages of using Magento as your online eCommerce CMS platform:

  • Has plenty of pre-built-in out-of-the-box features such as drop shipping, promotions, and coupons
  • Seamless integration with Google Analytics
  • Great for SEO
  • Scalable
  • Shipping module integration
  • Payment module services
  • Data migration
  • Multi-currency support
  • Open-source
  • Mobile-friendly configuration
  • Can run multiple storefronts from a single backend system
  • Powerful means to present the products


The process of designing and developing a Magento eCommerce website typically follows a strategic and systematic process.


Here is what a typical Magento project workflow will look like:


1. Discovery Phase

The stage where the Agency and the clients meet and get to know one another. The objective is to learn more about the client’s business as well as identify the areas where the Agency can provide the most added value.

Deliverables: Establish goals and objectives and identify target market persona.

  • Kickoff meeting
  • Needs analysis
  • Identify goals and deadlines
  • Competitive analysis
  • Establish goals and objectives


2. Strategy Phase

This stage involves collecting more information and using it to determine the best strategic approach to optimize the success of the new website.

Deliverables: Determine market intel, and best practices and creative strategies.

  • Brainstorming sessions
  • Scout for innovative ideas
  • Research and market intel gathering
  • Best practice recommendations
  • Marketing and creative strategy


3. Planning Phase

This stage is for deriving the tactical plans, identifying risks, and establishing timelines and milestones.

Deliverables: Identify roles and responsibilities and begin executing on established tasks

  • Blueprint and site map
  • Establish milestones and timelines
  • Assign tasks and responsibilities


4. Information Architecture Phase

This stage focuses on building the page layouts and navigation throughout the website. By conducting a thorough market study in the Discovery Stage, the client’s target market-determined, where then the site can indeed be built with the target persona in mind. The Agency will typically go through a few rounds of UX/UI design iterations with the client.

Deliverables: The website mock-up framework that uses best practices in UX/UI design.

  • User personas
  • Wireframes
  • UI/UX Design
  • User-Experience Creation


5. Design Phase

This stage is final before the development and coding phase. It involves determining the voice, feel, and brand for each of the pages on your new website. Your website must help your business stand out from the competition; therefore, this step will help ensure that your website speaks to your potential customers and helps them convert into sales for your business.

Deliverables: The finalized design is typically produced in a vector file format, and then passed onto the developers to code the layout into the website platform. The design vector file is the primary deliverable from the Design Stage.

  • Brand and look
  • User interface design
  • Page layouts


6. Development Phase

The first part of the Development Stage involves setting up Hosting for your website – ideally, a hosting platform upgraded for a Magento website. Next, the finalized design from the Design Stage gets coded, typically in HTML, CSS, JS, Flash. The last part of the Development Stage involves rigorous QA testing to ensure that your website’s coding is clean and optimized for all devices and browsers.

Deliverables: A coded website that has gone through rigorous QA testing.

  • Hosting setup
  • HTML/SCC/JS/Flash development
  • Cross-browser optimization
  • Testing and QA


7. Integration Phase

At this stage, integrations with Customer Relationship Management (CRM), Enterprise Resource Planning (ERP), Point of Sale (POS) systems, shipping & logistics, and multi-currencies occur. Streamlining your business operations through integrations can help your business improve process efficiencies, as well as help save on time and money.

Deliverables: A fully integrated website that automates operational processes

  • Cross-platform logistics
  • Existing software collaborations
  • CRM, ERP, POS integrations
  • Multi-currency
  • API, EDI, SOAP, XML, Flat File, JSON


8. Launch Phase

It is at this stage where a final testing, review, and approval process occurs before launching live. The Agency will typically provide website training and support for the client after that.

Deliverables: Launch the new website and provide website training and support.

  • Final testing and quality assurance
  • Review and approval
  • Launch process
  • Training and support


9. Management Phase

After launching the new website, it’s essential to continue to work with the Agency to ensure continued success. Updates, support, maintenance, and adding new features, are all part of the customer management stage. Professional product photography, performance optimization, data collection, and analysis from Google Analytics are additional value-added services that can help optimize online sales. Not all agencies provide these services; therefore, it is essential to work with an Agency that does to ensure guaranteed success.

Deliverables: Customer support and success.

  • Performance optimization
  • Magento support and maintenance
  • New feature development
  • Product photography


Webilize builds Magento eCommerce website with features that can streamline the purchasing, inventory, shipping, and accounting processes!





Other articles you might be interested in

Top 10 Marketing Predictions for 2017

Best Practices in Website Design Development

10 Actionable Website Tweaks That Increase Traffic and Sales


Share This:

Do you have the next idea for your project? Talk to Webilize