Rushracer Facebook App

kc web design kent were asked by a leading major travel brand to help create a Facebook App competition for the up-coming launch of the new Ron Howard (A Beautiful Mind, Apollo 13) film – RUSH.

The Rushracer Facebook app was design by the in-house design team at this leading travel brand and built and coded by kc web design kent. The Facebook app was built using the Facebook app API and features some advanced SVG animations to show the stage of the competition round an F! race track. Users can vote on which team they want to win – Team Hunt or Team Lauda – and prizes are won at different stages of the game. All the standard social media mechanisms where used to promote the game through Facebook and Twitter and the competition will run throughout September.

kc web design kent worked very closely with the in-house design team and have created a compelling app targeted at a specific age range. For more information about the Facebook app and the new RUSH film please visit the app.

Visit Facebook App

ThermaSolutions web app design

kc web design kent are proud to announce the launch of a large web app design project for ThermaSolutions. Back in early 2012 kc web design kent were contacted by ThermaSolutions and asked to produce an iOS app for the building and construction industry. After many months of hard work on the iOS app the project was shelved due to various reasons but kc web design kent worked hard with ThermaSolutions to bring something to market that far exceeded the original project scope. ThermaSolutions continued to evolve over the coming months and has now been launched as a web app subscription service.

kc web design kent designed, built and crafted the web app and the new website is now live. The ThermaSolutions web app was built using Expression Engine with the Membrr subscription module to handle the payments and subscriptions. The web app design is fully responsive to enable it to work on all mobile devices as well as desktop browsers and utilises advanced HTML5 and Javascript technology to allow the web apps to work in offline situations for construction staff out in the field with little or no connectivity. All parts of the web app work independently as stand alone apps that can be saved to the iOS device home screen and work like normal iOS apps. This enables the user to have access to a remote web app thats stores their reports but still be able to use the reporting tools and calculators when offline.

An advanced subscription system and seamless payments were integrated into the web app to provide easy access and signup flows for the user. Over the next few weeks kc web design kent will also be producing a hybrid iOS app that will allow users to download selected parts of the web app directly from the Apple app store.

Visit Website

Web apps that work offline

At kc web design Kent we create a lot of web apps – some for ourselves and some for clients. Most web apps are made to work online but sometimes, we need to create a web app that works offline, say on a mobile device when a connection is lost. How can a web app work with no internet connection you may ask. Well, there are a few things you can do to make sure your web app works with no connection. On a current web app project at kc web design kent we did just that.

Firstly, make sure that your web app really needs to work offline. There’s no need to work towards an offline web app if you don’t need to. If you do need it to work offline then make sure you know that before you start as this decision will dictate the code base you use. For an offline app you’ll really want to code things in a client side language such as Jquery with a minimal amount of PHP or server side coding. If you do need some PHP to communicate with a server then wrap it in Ajax calls so that you can check for a connection before you do any communicating with the server. There are a few scripts out there that help with this and we’ve used a very good one from Tom Riley.

Using Jquery or other client side languages means you can get all the main bulk of the app coded and working without any server interaction. For the few things that may need a server connection you can check for that connection and then alert the user that those features won’t be available until a connection is available again. Another way to make apps work offline is to utilise HTML5 local storage and save all form fields and data locally in the browser until a connection is available again. We’ve played around a lot with local storage at kc web design kent on a recent web app design project and be warned, it doesn’t always behave as you might think.

There are also other methods of making sure that your web app works offline and we’ll go into more detail on those in another post.

If you have a web app project then give kc web design kent a call. We’re experts in all types of web apps, iPhone apps and business websites.