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