Wireframing and Design: The first step is to create a wireframe, followed by a detailed design mock-up. Development: This design is then coded into a live site with responsiveness and interactivity.