What's included

• Wireframe

  A wireframe is a visual representation of the basic structure and layout of a web page, mobile app, or any other type of user interface. It is a skeletal outline that outlines the placement of elements, content, and functionality on a page without specifying design details such as colors, images, or fonts.

• Low-fidelity wireframes

  Low-fidelity wireframes are simple, basic representations of a digital interface or product. They are used in the early stages of the design process to quickly sketch out ideas and concepts without getting into the details. Low-fidelity wireframes are intentionally rough and lack visual polish, allowing designers and stakeholders to focus on the overall structure and layout of a page or application.

• High-fidelity wireframes

  High-fidelity wireframes are detailed and polished representations of a digital product's user interface, typically created during the later stages of the design process. These wireframes go beyond the basic structure and layout found in low-fidelity wireframes, incorporating more visual and interactive elements to closely resemble the final product.

• Design System

  A design system is a comprehensive set of guidelines, principles, components, and tools that work together to ensure consistency and efficiency in the design and development of digital products. It serves as a single source of truth for design and development teams, promoting a unified and cohesive user experience across different platforms and devices.