email-logo

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.

ondeviceapp-rwd-tester

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

 

step-numbers

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.

ondevice-app-development-phases

Live website: ondevice.app

step-numbers2

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.

ondevice-app-product-phases
step-numbers3

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.

step-numbers4

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
ondevice-app-product-future

All rights reserved © 2024 Julianna Sudi