Your graphics add a nice touch to my presentations and I recently used them for one of my all-hands meetings. Your toolbox adds professionalism to my slides. Instead of using standard clipart.
Claude Jones, Director of Engineer, @Walmartlabs, USA
Reviews
I needed a fresh look at some of my slides. I've tried to find a way to create a paintbrush effect, to underline, accentuate, add some color and the handwritten markers were just the things. Very easy to use, easy to size, change the color. It was an affordable, perfect solution and I'm happy to recommend it.
Anonymous, US
The crisp, clean look of the graphics, and the fact that it allowed me to easily edit and change the colors to match the template was my main reason for purchasing them.
Brandie Jenkins, E-learning Developer, USA
Description
Enhance mockups & wireframes of webpages & apps
Slide Content
The slide is centered around the theme of enhancing mockups and wireframes for webpages and applications. It includes comparisons between "Desktop layout for large screens" and "Mobile layout for touch screens", suggesting a focus on responsive design and cross-device compatibility. The desktop layout section shows a traditional navigation bar and places emphasis on a product photo, while the mobile layout emphasizes simplified navigation and touch-friendly interfaces. Bullet points highlight key areas where text appears to describe features or elements of the mockup.
Graphical Look
- The slide's title is prominently displayed at the top in large, bold blue font.
- There are three main content areas with rounded rectangle shapes: one green for the desktop layout, and two blue, one darker and one lighter, for the mobile layout.
- Each content area features a representation of a webpage or app, showing elements such as logos, navigation bars, and icons for social media, search, and shopping cart.
- The desktop content area has an additional circle diagram in the bottom-left corner with a pie chart icon, indicating perhaps data or statistics.
- The "Desktop layout" section includes a green, rounded rectangle with a dark and light gray navigation menu, and a placeholder for a product photo alongside descriptive text.
- The "Mobile layout" section features two blue rounded rectangles, each depicting a mobile device screen, also showing navigation icons, placeholders for logos and images, alongside descriptive text.
- Small bullet points below the mobile mockups contain concise text in a list format.
- Icons used in the layouts are simple and semi-flat, presumably for clarity and ease of understanding in the context of web and app design.
- The slide has a gray background that contrasts with the colorful content blocks, making them stand out.
The slide is structured to offer a clear and visually engaging comparison between desktop and mobile layouts. The use of color coding—for green representing desktop and blue for mobile—assists in guiding the viewer’s attention effectively between the different mockup types.
Use Cases
- Presenting a webinar or workshop on responsive web design principles.
- Pitching a web or mobile app design concept to clients or stakeholders.
- Training new designers or developers on the best practices for creating wireframes and mockups.
- Demonstrating the before-and-after results of a website redesign that enhances user experience across different devices.
How to Edit
How to edit text & colors
How to expand / shorten diagram
How to Replace Icons in infoDiagram PPT
