Mobile Design
Mobile design relates to creating designs derived from the desktop suite and converting them into responsive layouts suitable for mobile and tablet. Best practices for UX and intuitive mobile interaction are heavily considered to give guidance to the production team for a smooth transition between desktop and mobile. A single breakpoint is used (typically iPhone 8 or 375x667px dimensions as a base) to dictate the visual and functional change in layout and appearance on smaller devices, using a subset of the desktop page set to define the changes. Interactive states for mobile specific content such as hamburger menus are additional designs to factor into the process, as well as often replacing content with paginated sliders or scrollable carousels to improve real estate usage.