How HBM implemented the NetscanUK website design.
HBM take the implementation of web design seriously and are capable of realising even the most complex and sophisticated designs created by your graphic designer.
While HBM are able to work with any design format, Figma - the design tool for UI design, UX design, Graphic design, Wireframing, Diagramming, Brainstorming, Templates and Remote design, is the preferred medium because it makes collaboration easy and the information needed for implementation readily available.
As well as being used to produce the design, Figma was also used to collaborate on the site content and contained all the copy needed to create the website, complete and ready to launch with only minimal final adjustments. This greatly reduced the need to consult the designer and copy writer during implementation which helped keep costs reasonable.
Unique Content Layouts for Each Page
Developing the custom theme for the Netscan website was a serious challenge and a significant amount of work. The screenshot below gives a birdseye view of each of the different page designs, the page components and any additional graphics.
Reusable Elements for Consistency and Efficiency
The header and footer are consistent across all pages and there are some similarities between different page elements, wherever possible HBM implemented an efficient solution using reusable blocks to ensure extremely fast page load times.
Responsive Accessible Design
HBM believe websites should be programmed to display well on all devices for everyone. All design implementations are mobile friendly and accessible as standard. You can see here how the individual page designs translate to a mobile phone sized view:
Sometimes things appear simple, but when the time comes to implement the HTML and CSS to turn the idea into a working web page, subtle complexities may be revealed that prove challenging to code. The following screenshot shows a combination of elements that required a leap of imagination and exceptional attention to detail to implement correctly.
If you would like to study the design in detail you can download the
Netscan Screenshots zip file (16Mb).
HBM worked alongside our designers to develop wireframes and copy into a complete website from the ground up. This was carried out in a punctual and professional manner. Would not hesitate to recommend them to anybody looking for a professional, standards compliant web presence delivered to tight deadlines.Pete Duggal - Netscan