Another New Website - DWCars.info

Here's another new website - this time a major update for the most popular site in the portfolio that I manage, with more than a million hits to the previous iterations of the site. Like many others at the moment, Richard at DW Cars felt that their website needed a better reach and a more mobile-friendly nature. Once again, I turned to a pre-built template as the basis for the site and then heavily modified it within the framework provided to achieve our aims.

Compared to the site constructed for Hearth, this is a much more involved and complicated undertaking, just the list of software required is a testament to that, as is the amount of time involved in the creation and testing of the combined systems necessary.

Graphics and Video: Serif Drawplus X8, Adobe Photoshop CC, Paint.NET, Adobe Premiere Pro.

Web Code: Microsoft Expression Web, Atom, Windows Notepad.

Web Tools: FileZilla, Opera Browser.

Development: Anywhere Software's B4J, Java 14, InnoSetup Compiler, DB Browser (SQlite), JavaFX SceneBuilder by Gluon.

So, the big difference here is the database application that now sits on Richard's PC and manages the content and updates of the site. All the stock is entered into the database and then the software can build all the pages quickly and cleanly. This ensures that they remain consistent and error free. As an added bonus, the same software can create a datasheet for each vehicle and make that available as a PDF file that can be emailed to a customer or printed out as a handout.

I've always been a fan of offline website management - believe-it-or-not, the coding is simpler than trying to do the same thing online and I find that any changes are quicker and easier to implement and deploy.

I use a RAD environment called B4J. It uses a BASIC language dialect and form layout files to create an application that is ultimately compiled to the JAVA language, but the code is simpler to understand and quicker to implement. This JAVA application is then packaged as a windows program and deployed to the client's computer.

The program provides a front-end to a SQLite database that provides speed and resiliency for the data and allows a single file to store the entire website - something that makes backups a breeze. Adding a new vehicle becomes a simple case of ticking a few boxes and dragging some photos into a window.

Back to Websites

After a long period of inactivity on the website design and publishing front, I'm finally back in the production saddle, with a couple of projects being worked on at the moment.

I'm delighted to be helping www.hearth.co.com to bring their new website together. Based on a very simple and clean-looking template, the site is initially a single page that is device responsive and elegant.

I'm loving working with pre-made bootstrap templates more and more as I slowly get used to the CSS that the main part of the platform uses. As always, the more you do, the easier it becomes. Using a pre-made template as a starting point dramatically reduces the time-to-complete on a project like this. In this case we took considerably less than 20 hours for the whole page, including all the graphics, text and quite a bit of troubleshooting on the hosting side.

It always surprises me when I add up just how much software goes into the creation of even something as relatively simple as this: Photoshop, DrawPlus X8, Paint.NET, Notepad, Expression Web, Atom, Opera and FileZilla all have their part to play in the construction of assets and editing of code.

I use DrawPlus X8 to create graphical assets - buttons, logos, etc. It is a bit long in the tooth now, but I'm very familiar with it and well aware of the limitations. I do have Serif's Affinity suite, but just can't quite be as productive in the newer tools yet.

Photo editing and retouching is split between Adobe Photoshop and Paint.NET. I could probably do almost all of it in the latter package - which is free - but Photoshop has the power to do some really amazing stuff very quickly.

Like some of the other software I prefer, Expression Web is a competent editor, but now very out of date and unsupported. I'm slowly switching over to Atom - a very modern, open-source code editor with some really great features. I still need to have something like notepad handy as well, for quick edits and temporary space.

Finally, My browser of choice is Opera - they are almost all Chromium-based at this point anyway. It has a nice developer console that helps with debugging javascript and css codes. Upload to the final webspace is with FileZilla, a great free FTP client that I've used for many years now.

Don't get me wrong, websites can and do sometimes cost thousands, but with a little care, you can have something that reflects positively on your business for just a few hundred pounds.