ONDEVICE APP
OnDevice App is a collection of hyper-realistic device mockups compacted into one single screen to display websites and apps in an indisputable way. Serving the professional vanity of digital creators, it delivers a very high-calibre design showcase. Available to showcase any pages on one screen with clickable previews, rotation and scaling options (screen resolution, device measurement, device-pixel ratio taken into account). Build in collaboration with developer and designer colleagues, and launched as beta in 2017. Currently under reconstruction to relaunch soon.
THE PRODUCT_____
Custom coded, web based productivity tool mainly optimised for high resolution screens common in office environments. Being compatible with Chrome, Firefox, IE, the application offers about 50 devices from mobile to HD desktops to be selected for the website/application being tested on, offering interactive, clickable previews. Developed features:
- loading and displaying HTTP / HTTPS domains
- loading the same url in multiple device mockups at the same time
- live, clickable website preview
- device list by type, market share, physical size, screen resolution
- scaling down devices within the testing area
- adjusting scrollbar width
- adding custom header for presentation
- remote presentation with screen share
- top+bottom scrollbar
- device rotation
- retina ready display
- devices mockups displayed by their actual physical size
PERFORMANCE_____
Written in CommonLisp computational language, the application is fast, steady and lightweight. The remarkably short page load time ensures high testing capabilities even when great number of devices are selected for testing.
SPECIFICATION_____
Linux server
SSL port
Responsive framework
CommonLisp / CSS / HTML
FIRST ITERATION
2017
The project plan was built on focus group interviews, observational behavioural studies and comparative analysis to fill the gap found in the field of premium design presentation. The user personas and communication strategy have fallen together during the industry research and served as a basis for the communication efforts. In order to prioritize the functions to be developed with our limited resources, a flexible roadmap has been created, placing the features based on their importance in the audience workflow.
Live website: ondevice.app
SECOND ITERATION
2018
The strategy for the launch contained dominantly digital marketing techniques, such as SEO and keyword strategy using micropages. Parallel with the copywriting efforts, display ad campaigns launched on the chosen social channels using branded materials and automation tools. Along with the marketing efforts, the technical side of the project also kept progressing, adding more advanced solutions for handling payments and maintaining the device library.
BREAK
2019
After a moderate success, due to the lack of resources needed to maintain the platform, with heavy hearts, we paused the project. Currently we're reorganizing our sources to be able to re-launch it, expand the device library and continue with the improvements.
FUTURE PLANS
2022
We're planning to slightly re-structure and re-define the product with new workflows and new features added. Our backlog contains:
- allowing switch between editor view and test view
- ensuring draggable screen size in the editor view
- allowing to add custom breakpoints
- allowing to create custom device folders for recurring testing patterns
- enabling linked scrolling between the device mockups
- enabling liked rotation between the device mockups
- inviting viewers into the testing area
