INDUSTRY:
TOOLS
CLIENT:
PIXEL PERFECT
YEAR:
2022
EXPERIENCE:
MOCKUPS
Visual Screen Models
about.
Visual Screen Models is designed for creators who need high-quality, realistic displays for presenting their work. Mockups of devices like MacBooks, smartphones, tablets, and other digital products were crafted with maximum flexibility and realism in mind. Each mockup allows users to effortlessly upload their own designs or app visuals, enabling them to showcase their work in a professional context. This project aims to provide artists and businesses with a tool that helps them present digital products effectively and attractively.
challenge.
The main challenge was to create mockups that would be not only visually appealing but also user-friendly and adaptable for various graphic styles. Each mockup needed to look realistic, accurately displaying designs without distortion or loss of quality. Perfecting light and screen reflections, so they enhanced rather than obscured the displayed content, was also essential. Creating an intuitive, easy-to-use system for users to customize their mockups was a core focus throughout the project.
result.
wireframes & usability test.
final iteration - homepage
final iteration - nook phone screen
User Testing Results Notes:
Home Screen should have a pointer cursor to help guide users even more for user friendly interface, along with highlighting the next potential action/button. We could also stack the time and date for less clutter of text on top for a less overwhelming UI.
Nook Phone Screen will have the same pointer cursor from the home screen to be able to select and remove tasks on this screen. To divide tasks a line was also added to categorize tasks. A button on the bottom has also been added to add more tasks.
final design
Home Screen
Nook Phone Screen
Selected accessible, colorblind-friendly palettes while keeping the game’s style intact.
Simplified navigation flows to reduce cognitive overload.
Redesigned inventory and menu layouts to improve ease of use.
