Web Design Process

Step 1: Discovery

  • Review requirements and prepare questions.
  • Define Project Goal.
  • Define high-level requirements.
  • Gather content and requirement gathering.
  • Come up with initial specifications if needed.

 

Step 2: Wireframing

  • We then create wireframes in Adobe XD and share the XD link.Or We create the wireframes in Adobe Photoshop and share the Invision Link.

 

Step 3: Design

  • We then require original logo files (if not there, we can design the logo as well using Adobe Illustrator) for branding.
  • We get font information and font files from clients or use Google fonts.
  • On the basis of the logo, we finalize the color palette for the website.
  • Once the logo and color palette are approved by the client, we create a Homepage mockup in Adobe Photoshop. We share homepage mockup (2-3 variations)
  • After the finalization of the homepage, we design the rest of the inner pages.

 

Step 4: Prototyping

  • We then take all the final mockups and link them to create a prototype in Invision App or through Google Gallery (If linking is not required)
  • We work on design feedback via Invisionapp comments.
  • We then finalize the prototype and take approval.

 

Step 5: Responsive HTML

  • Once the mockups are approved, we slice them.
  • We then take all the design elements and create Responsive HTML files using HTML/CSS along with Bootstrap, Javascript and Jquery.
  • We then upload it on Google drive and share the folders with you.

 

Step 6: WordPress/CMS

  • Once the HTML File is Completed, we slice them.
  • We then take all the HTML files and convert them into PHP files.
  • We take the default Theme and customize it as per the required design
  • We then start functionality with a dynamic WordPress site.

 

Step 7: Quality Control

  • Once the WordPress Development is completed.
  • We then tested all the Responsive design & development.
  • If there are any bugs seen in design & development then we note on the spreadsheet and resolve them.

 

Step 8: Delivery

      Our deliverables include:
  •  Fully functional Websites/Web Apps/Mobile Apps Designs
  • Admin credentials and access to be able to edit the content/images yourself
  • Original Design files
  • Training Documents

Let's connect

Get 60 mins Free Consultation