Project Details / Presentation
Jetcruzer desires to remake their website into something similar to TBM https://www.tbm.aero/page/tbm960
This presentation will review specific features of TBM website as well as talk about applications / technologies required to achieve it.
Other subjects will be talked about that client may be unaware of and may need.
(1) TBM Website Review
Click the Blue hotspots / buttons to see information
Location: top of page
Features
- Transparent header
- Video background
- Buy (call to action)
- Cookies opt-in
- Floating text details
The header is transparent on selected pages (not all pages). This allows a more immersive design for the user on first load.
The transparent header then changes to low grade transparency of black background color as the website is scrolled.
The background of the first hero section (the first section you see upon loading) is a video.
Text and other elements are not part of the video, they are added on the website itself.
If we want to re-create this style of video, we have two choices:
(A) We capture video while the airplane is flying. Approximate cost $1,300.
(B) We have one of my 3D artists recreate the airplane as a 3D model and produce a video.
This kind of work takes approximately 3 weeks to perform as we have to make sure the airplane
is as realistic as possible. Assuming we are making a video of similar length. Approximate cost $2,000.
This button (call to action) opens a pop-up screen with multiple options.
It's a modern approach and it opens some links in the same pop up area.
The user does not feel like they are navigating away from the page.
This button (call to action) opens a pop-up screen with multiple options.
It's a modern approach and it opens some links in the same pop up area.
The user does not feel like they are navigating away from the page.
Easy modern floating text rather than being on it's own container.
Location: 2nd section
Features
- PNG file format image of airplane
This background of the mountains and the airplane does not look real, and rather made by layering a real image of the mountains with a PNG file format (no background) picture of the airplane. To capture the airplane and be able to make it have no background, it will need professional camera for fine details.
Location: 3rd section
Features
- Timeline feature section
This is a timeline feature that shows information in an organized manner.
Location: 5th section
Features
- Hotspot feature
These white circles with a dot are markers and par of a Hotspot system to highlight and annotate specific parts of an image. Much like this very system you are using now. This is modern and we can implement.
Location: 8th section
Features
- Content switch
- Hotspot feature
This is a Content switch button. It provides a view of the inside in Day lighting and Night lighting. It requires a picture of both instances. We can perform this modern feature.
These white circles with a dot are markers and par of a Hotspot system to highlight and annotate specific parts of an image. Much like this very system you are using now. This is modern and we can implement.
Location: 9th section
Features
- Buttons to open configurator
- Interactive 360
- Product configurator
- Email system connected to configurator
This button / call to action opens a configurator application we will see below.
This button / call to action opens a configurator application we will see below.
This is a 360 interactive visualization application. It allows you to drag the airplane with the mouse / cursor and be able to see it in all angles. We can integrate this application in the website. This project will take about 3-4 weeks to create as the airplane will need to either be captured with professional camera or be recreated digitally. Approximate cost for this is $2,500. The good things is we can reutilize this application for any other airplanes you wish to have in future. So the cost will reduce in the future for other airplanes (subjects) to about $1,900. Note there may be additional costs as well approximately $200 per year for the application.
This is a product configurator application. It allows the user to choose and see different parts options for the airplane.
Once all desired options are chosen, the user is able to email / contact the company to request or talk about the airplane and all the options that were selected. The selections are captured in the email.
This application can be done and requires extensive graphics. This will take about 4 weeks.
The approximate cost of this is $2,900. The application will be able to be re-used for other airplanes (subjects) so the cost would reduce in future, with exception to design. Note the application will cost around $300 per year.
Location: Last section / footer
Features
- Buttons to download PDF catalogs
- Button to show all specifications
These buttons open / download a PDF file for catalog of the airplane.
We can create the catalog. The cost depends on how much content the catalog has. Approximate cost is $1,100 and takes about 2-3 weeks. Note that first we will need to create a brand style guide to all catalogs follow a specific guide about font styles, sizes, colors, patterns and overall feel.
This button opens a pop-up showing more detailed specification of the airplane. We can create this.
(2) Breakdown
Website Platform
WordPress (.org open source version). This platform is the most professional and widely used software in the world. It is excellent for managing content and ability to integrate various technologies. There is no other platform that allows for fasters development of visualization features.
– Approx cost: Free. You will own the software forever and can move / host it on any server.
Website Server
WPEngine. This web server / hosting company is the most professional company and provides a higher level of security, monitoring, fixes, support, and performance.
– Approx cost: $60 per month
Cyber Security
– CloudFlare (Edge by WPEngine) | CloudFlare account | Sucuri. These technologies will be used to reduce / stop attacks on the website.
– Google Recapcha will be used to reduce amount of email spam and bots using resources.
Email Provider
We can use Google business email, Microsoft, Zoho, or any other platform email server of your choice.
WordPress Tools / Applications / Plugins
We will utilize premium and recommended plugins/applications on WordPress to achieve everything we need. Some of these plugins/applications will be provided for free for life by Lure Solutions. Others will need to be paid for by client. Note that most plugins allow one time payment for ever, or a yearly subscription. We will provide a list of all plugin/applications and costs once we understand exactly everything Jetcruzer wants.
Website Maintenance
This website will require ongoing maintenance every month to ensure all applications (versions) are updated and working together well without causing bugs.
– Approx cost: $80 per month
Graphics
This website will be heavy on graphics and many of the graphics will need to be illustrated from scratch. Graphics includes 3D models, pictures, videos, GIF, PDF.
————-
ADDITIONAL
Brand Style Guide
Jetcruzer would benefit from a style guide. This is something that is created by an brand designer to ensure all artwork, content, and more all follow a style guide. It includes font styles, sizes, color palettes, and concepts.
– Approx cost: $600
Technology Integrations
- Live chat application can be integrated to increase conversion rate of website visitor contact / communication.
- Google Analytics to understand web traffic and website use by users. Analytics provide details such as time on spent on page, which pages, location of users, and more.
- Google Tag Manager is used to create tags on the website that are triggered for specific actions we desire. Example if we want to track the use of a phone call button, we can see how many times it is clicked and by which user. The GTM can be connected to other applications such as Google Ads in order to measure ads campaign conversion rates.
- Google Search Console will allows to ensure we find anything that Google views as an issue of the website as well as allows us to index pages faster so they are seen on the web.
SEO (search engine optimization)
SEO service allows us to strategized work to make pages rank higher on search engines. Example when someone is search for an electric airplane, Jecruzer can achieve a higher chance of ranking at the top of the search results, creating more visits to the website. It is part of marketing but still a technical service.
SEM (Search Engine Marketing)
SEM is a service in which many profiles / top threads are created for Jetcruzer on other already existing websites. They point back to Jetcruzer, in turn helping Google see the amount of backlinks to increase search rankings and site presence authority.
THE BIG PICTURE
We must all understand that the purpose of a website is to inform and generate an action. The action can be a call or a form submission / lead. The ultimate goal of excellent web design, development, and other services in this matter is to produce a higher “Conversion Rate”.
A conversion rate means how many users actually contact you for the interest / purchase of an aircraft. Increasing conversion rates a strategic talent. Conversion rates are measurable and factual.