AR Showroom - Imperium Apps

[dfd_single_image image=”15744″ image_size=”medium” retina_image_size=”x2″ retina_image_x2=”15745″ enable_retina=”yes”][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”30″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”30″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][dfd_heading title_google_fonts=”yes” title_custom_fonts=”font_family:Source%20Sans%20Pro%3A200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C900%2C900italic|font_style:600%20bold%20regular%3A600%3Anormal” subtitle_google_fonts=”yes” subtitle_custom_fonts=”font_family:Source%20Sans%20Pro%3A200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” mobile_alignment=”right” alignment_resolution=”330″ style=”style_01″ heading_margin=”margin-bottom:30px;” subtitle=”Experience car information in Augmented Reality” title_font_options=”tag:h1|font_size:80|color:%23ffffff|line_height:80″ subtitle_font_options=”tag:div|font_size:45|color:%23ffffff|line_height:45″ el_class=”title-header” title_responsive=”font_size_tablet:45|line_height_tablet:45|font_size_mobile:35|line_height_mobile:35″ subtitle_responsive=”font_size_tablet:30|line_height_tablet:30|font_size_mobile:25|line_height_mobile:25″]AR Showroom[/dfd_heading]

[dfd_heading delimiter_settings=”border-bottom-style:solid;|border-bottom-width:1px;|width:100px;|border-bottom-color:#1e73be;” title_google_fonts=”yes” title_custom_fonts=”font_family:Source%20Sans%20Pro%3A200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C900%2C900italic|font_style:600%20bold%20regular%3A600%3Anormal” style=”style_01″ title_font_options=”tag:h1|font_size:45|color:%230c0c0c|line_height:45″ subtitle_font_options=”tag:h3″]Objectives[/dfd_heading][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”30″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”30″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″]

[dfd_info_box icon=”dfd-icon-brain_1″ style=”style-02″ layout=”layout-01″ title=”Intuitive” icon_bg_size=”100″ border_radius=”50″ fill_color_start=”#1e73be” fill_color_end=”#1e73be” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div” icon_color=”#ffffff” icon_size=”60″]The app should be extremely intuitive to use and it should work on all iOS devices that support augmented reality.[/dfd_info_box]

[dfd_info_box icon=”dfd-icon-mobile_clock” style=”style-02″ layout=”layout-01″ title=”Increase app retention time” icon_bg_size=”100″ border_radius=”50″ fill_color_start=”#1e73be” fill_color_end=”#1e73be” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div” icon_size=”60″]Due to its immersive nature, the augmented reality app should increase the usage time and make the user more engaged[/dfd_info_box]

[dfd_info_box icon=”dfd-icon-car_1″ style=”style-02″ layout=”layout-01″ title=”Detect several cars” icon_bg_size=”100″ border_radius=”50″ fill_color_start=”#1e73be” fill_color_end=”#1e73be” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div” icon_size=”60″]The augmented reality app must detect different cars in a showroom and should be updated from the server with the latest data[/dfd_info_box]

[dfd_heading delimiter_settings=”border-bottom-style:solid;|border-bottom-width:1px;|width:100px;|border-bottom-color:#1e73be;” title_google_fonts=”yes” title_custom_fonts=”font_family:Source%20Sans%20Pro%3A200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C900%2C900italic|font_style:600%20bold%20regular%3A600%3Anormal” style=”style_01″ title_font_options=”tag:h1|font_size:45|color:%230c0c0c|line_height:45″ subtitle_font_options=”tag:h3″]Product Description[/dfd_heading][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”30″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”30″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″]

The way the app works is super simple. You just point it to one of the cars, the app will detect it and then visualize information and specs about that car.

As you move around the car, the specifics car highlights will be shown. With a subtle animation, on-sight information will be presented to the potential buyer, while keeping them in a beautiful augmented reality environment.

[dfd_single_image image=”15925″]

[dfd_heading delimiter_settings=”border-bottom-style:solid;|border-bottom-width:1px;|width:100px;|border-bottom-color:#1e73be;” title_google_fonts=”yes” title_custom_fonts=”font_family:Source%20Sans%20Pro%3A200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C900%2C900italic|font_style:600%20bold%20regular%3A600%3Anormal” style=”style_01″ title_font_options=”tag:h1|font_size:45|color:%230c0c0c|line_height:45″ subtitle_font_options=”tag:h3″]Product Features[/dfd_heading][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”30″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”30″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″]

[dfd_info_box icon=”dfd-icon-car_2″ style=”style-02″ layout=”layout-01″ title=”Car Recognition” icon_bg_size=”100″ border_radius=”50″ fill_color_start=”#1e73be” fill_color_end=”#1e73be” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div” icon_color=”#ffffff” icon_size=”60″]The app detects what car model you are focusing on and it displays related information.[/dfd_info_box]

[dfd_info_box icon=”dfd-icon-bounding_box_2″ style=”style-02″ layout=”layout-01″ title=”3D Object Detection” icon_bg_size=”100″ border_radius=”50″ fill_color_start=”#1e73be” fill_color_end=”#1e73be” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div” icon_color=”#ffffff” icon_size=”60″]The app detects certain parts of the car, such as headlamps, wheels, front, etc. and it shows hotspots with information[/dfd_info_box]

[dfd_info_box icon=”dfd-icon-doc_check2″ style=”style-02″ layout=”layout-01″ title=”Car Specs” icon_bg_size=”100″ border_radius=”50″ fill_color_start=”#1e73be” fill_color_end=”#1e73be” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div” icon_color=”#ffffff” icon_size=”60″]The most important car specs will be shown based on the car that the user is visualising. The AR app will automatically detect the car model[/dfd_info_box]

[dfd_single_image image=”15926″]

[dfd_heading delimiter_settings=”border-bottom-style:solid;|border-bottom-width:1px;|width:100px;|border-bottom-color:#1e73be;” title_google_fonts=”yes” title_custom_fonts=”font_family:Source%20Sans%20Pro%3A200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C900%2C900italic|font_style:600%20bold%20regular%3A600%3Anormal” style=”style_01″ title_font_options=”tag:h1|font_size:45|color:%230c0c0c|line_height:45″ subtitle_font_options=”tag:h3″]Challenges[/dfd_heading][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”30″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”30″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″]

[dfd_info_box icon=”dfd-icon-scale_up” style=”style-02″ layout=”layout-01″ title=”New technology” icon_bg_size=”100″ border_radius=”50″ fill_color_start=”#1e73be” fill_color_end=”#1e73be” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div” icon_color=”#ffffff” icon_size=”60″]The project was developed using ARKit. While the technology allows you to do a lot of cool things with AR, it has some limitations and it is fairly new. For us, it has been a great possibility to explore AR development.[/dfd_info_box]

[dfd_info_box icon=”dfd-icon-box_isometric” style=”style-02″ layout=”layout-01″ title=”3D object recognition” icon_bg_size=”100″ border_radius=”50″ fill_color_start=”#1e73be” fill_color_end=”#1e73be” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div” icon_size=”60″]We had to train the app to detect and map existing car imageries with our custom mapping algorithms. We had to take into consideration different lighting and ambient conditions and different models.[/dfd_info_box]

[dfd_info_box icon=”dfd-icon-cone” style=”style-02″ layout=”layout-01″ title=”Technology limitations” icon_bg_size=”100″ border_radius=”50″ fill_color_start=”#1e73be” fill_color_end=”#1e73be” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div” icon_size=”60″]ARKit has some limitations that don’t allow you to fully realise what you intend to do. Nevertheless, with careful design and some tricks from the movie industry, we managed to create a seamless experience.[/dfd_info_box]

[dfd_heading delimiter_settings=”border-bottom-style:solid;|border-bottom-width:1px;|width:100px;|border-bottom-color:#1e73be;” title_google_fonts=”yes” title_custom_fonts=”font_family:Source%20Sans%20Pro%3A200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C900%2C900italic|font_style:600%20bold%20regular%3A600%3Anormal” style=”style_01″ title_font_options=”tag:h1|font_size:45|color:%230c0c0c|line_height:45″ subtitle_font_options=”tag:h3″]Tech Applied[/dfd_heading][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”30″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”30″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″]

The tech applied in AR Showroom is quite complex, because many technologies and frameworks play together to create a great experience for the users.

We are mentioning some of the most important or coolest ones.

[dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”30″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”30″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″]

[dfd_info_box icon=”dfd-icon-eye3″ style=”style-02″ layout=”layout-01″ title=”ARKit” icon_bg_size=”100″ border_radius=”50″ fill_color_start=”#1e73be” fill_color_end=”#1e73be” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div” icon_color=”#ffffff” icon_size=”60″]The augmented reality framework from Apple has been the start of the show, allowing us to develop a fantastic solution for car manufacturers. During this project we managed to explore the framework and realise an immersive app.[/dfd_info_box]

[dfd_info_box icon=”dfd-icon-computer_analytics” style=”style-02″ layout=”layout-01″ title=”Firebase” icon_bg_size=”100″ border_radius=”50″ fill_color_start=”#1e73be” fill_color_end=”#1e73be” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div” icon_color=”#ffffff” icon_size=”60″]We used Firebase for the usage analytics and for storing the latest car data and stats. In this way, the car company can just update the information on the backend when a new car comes out, without releasing a new app update.[/dfd_info_box]

[dfd_info_box icon=”dfd-icon-image” style=”style-02″ layout=”layout-01″ title=”SceneKit” icon_bg_size=”100″ border_radius=”50″ fill_color_start=”#1e73be” fill_color_end=”#1e73be” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div” icon_color=”#ffffff” icon_size=”60″]We used SceneKit for creating and visualising the stats for each car. We then anchored those views in realtime to the car parts that the user was seeing at that time.[/dfd_info_box]

[dfd_single_image image=”15927″]

[dfd_heading delimiter_settings=”border-bottom-style:solid;|border-bottom-width:1px;|width:300px;|border-bottom-color:#1e73be;” title_google_fonts=”yes” title_custom_fonts=”font_family:Source%20Sans%20Pro%3A200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C900%2C900italic|font_style:600%20bold%20regular%3A600%3Anormal” style=”style_01″ title_font_options=”tag:h1|font_size:45|color:%230c0c0c|line_height:45″ subtitle_font_options=”tag:h3″]The Result[/dfd_heading][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”30″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”30″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″]

This was a technically challenging project. We have put many hours of work into this, allowing us to deliver an innovative augmented reality app.

We are proud to say that Imperium Apps develops augmented reality apps for car manufacturers.

[dfd_heading module_animation=”transition.slideLeftIn” delimiter_style=”icon” icon_size=”44″ title_google_fonts=”yes” title_custom_fonts=”font_family:Source%20Sans%20Pro%3A200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C900%2C900italic|font_style:600%20bold%20regular%3A600%3Anormal” subtitle_google_fonts=”yes” subtitle_custom_fonts=”font_family:Source%20Sans%20Pro%3A200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” style=”style_01″ title_font_options=”tag:h2|font_size:50|color:%23ffffff|line_height:60|font_style_bold:1″ subtitle_font_options=”tag:h5|font_size:30|color:%23ffffff|line_height:40″ heading_margin=”margin-top:10px;margin-bottom:10px;” title_responsive=”font_size_tablet:50|line_height_tablet:60″ subtitle_responsive=”font_size_tablet:30|line_height_tablet:40″ icon=”dfd-icon-right_6″ icon_color=”#ffffff”]How much will my app cost?[/dfd_heading][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”20″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”20″ screen_tablet_spacer_size=”10″ screen_mobile_spacer_size=”10″][dfd_button button_text=”ESTIMATE NOW” buttom_link_src=”url:https%3A%2F%2Fimperiumapps.com%2Fhow-much-will-my-app-cost%2F|||” module_animation=”transition.slideLeftIn” text_color=”#250f8a” hover_text_color=”#250f8a” background=”#ffca00″ hover_background=”#ffca00″ border=”border-style:solid;|border-width:1px;border-radius:50px;|border-color:#ffca00;” hover_border=”border-style:solid;|border-width:1px;border-radius:50px;|border-color:#ffca00;” title_custom_fonts=”font_family:Source%20Sans%20Pro%3A200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C900%2C900italic|font_style:600%20bold%20regular%3A600%3Anormal” style=”style_1″ padding_left=”40″ padding_right=”40″ box_shadow=”box_shadow_enable:enable|shadow_horizontal:0|shadow_vertical:2|shadow_blur:10|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.2)” hover_box_shadow=”box_shadow_enable:enable|shadow_horizontal:0|shadow_vertical:2|shadow_blur:10|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.2)” title_font_options=”font_size:15|line_height:50″ title_google_fonts=”yes”]