Privacy Laws Skirted by Seemingly Helpful Companies After recently visiting a competitor's website, we were solicited by the agency to partner with them. We had no prior business relationship with the company prior to going onto their website. They wanted…
As you may or may not be aware, Google made an announcement Wednesday about ending the use of email-address-based systems as identifiers on their properties. We have been closely watching the discussion on Google's announcement. What does this mean for…
Two popular methods of driving industrial traffic to your B2B website are Search Engine Optimization (SEO) and Search Engine Marketing (SEM). Search engines play a major role in building traffic for company websites. Getting found online is key to generating…
CINCINNATI, JULY 10, 2019 – Scott Hasson rejoins Lohre & Associates as vice president of sales and marketing July 1, 2019. Hasson brings his experiences from Corbus, LLC (Dayton) where he performed contract work with Procter & Gamble’s global digital advertising for the past six years from their Cincinnati headquarters. Hasson managed search, social, and programmatic advertising campaigns for the Personal Health Care (PHC) category brands that include: Vicks, Pepto-Bismol, PrilosecOTC, Metamucil, Align and Stressballs vitamin supplement. Immediately prior, Hasson was part of P&G’s global digital operations team managing campaign governance, oversight, analysis and reporting across all of P&G’s global brands.
The tour starts at the Fire Station No. 9 in Avondale. After your breakfast at Sugar N Spice, step out side and notice the gleaming white concrete blocks that keep the building cool in the summer. The solar shades on the south side also help along with the concrete parking areas. The grounds have native and adaptive landscaping. The polished concrete floors are stained blue in the living quarters. We have used the community room for classes to pass the LEED AP exam. The only problem is that you have to evacuate if the house gets a call requiring all the trucks to leave! Green Cincinnati Education Advocacy hosted an educational event for the opening of the station. Mayor Mark Mallory came and addressed the attendees.
As we travel south on Reading Road to the North Avondale Cincinnati Public School we’ll discuss how Ginny Frazier, a teacher at CPS who couldn’t catch a breath in the new schools CPS was building, partnered with Joel Stout, president of the local chapter of the U.S. Green Building Council, to convince CPS to build to LEED standards and along the way got legislation passed in Ohio to require all educational funds reach LEED standards. North Avondale has an active after school green mentoring program run by Ginny Frazier and her Alliance for Interconnection and Connectivity non-profit enviromental advocacy organization. Ohio Leads the Nation with 100 LEED-Certified Public Schools and Hundreds More in the Pipeline,“Ohio is the recognized nationwide leader in sustainable school design, with more than 300 total schools either registered or certified through LEED. On average, Ohio’s first 100 certified schools have been designed to use 35 percent less energy and an average of 37 percent less water than comparable buildings constructed and operated to traditional standards. In addition, these schools provide healthier indoor environments conducive to learning.”
When Lohre and Associates began this project, Roto-Disc, Inc. had a standard HTML web site that they liked, as much as we did, for a number of good reasons:
It was however, as sites made years ago tend to be: static in size and format, with no mobile menus or even alternate mobile version, and no CMS or other way to dynamically-generate new content – all of which we know to be a problem today for these reasons:
Another need to consider was that Roto-Disc‘s Product line would soon be expanding. In addition to the Heavy-Duty Spherical Valves, Lighter-Weight Spherical Valves, Sanitary Spherical valves, Inflatable Seal Spherical Valves, Heavy-Duty Clean Flow Diverters, and Airlock/Double-Dump Valves Roto-Disc already had a new section for Flange Adaptors, Wedge Inserts, and Stub Adaptors that needed to fit into the current image-based menu. Soon Roto-Disc would need to also add Process Transitions, and Splitters/Convergers, as well as the Flange Adaptors to this small swatch of internet real-estate.
Wide-open: The site design is based on the Brochure, but made for web, driven by WordPress, with an image menu plugin for ease of editing the image-based menu.
An Additional Consideration: For Desktop users, the image links display an instruction when moused over, letting them know that clicking will open and close the submenu (though the submenu will go also away on its own when no longer in focus).
The benefits of using a plugin and not hard-coding this aspect: All of the above menu and Submenu items can be added, removed, or edited through the control panel.
Two Sticky Menus in motion: The Image menu slides up onto the header when the page is scrolled, and stays – leaving the most important items of both sets of navigation always at the top of the screen for easy access.
Not so sticky: On smaller-sized screens not quite small-enough for the mobile menu the image menu items switch size to fall into three rows of three icons. The menu no longer sticks at the top so that content can be seen when scrolling.
Large Tables: These charts do not seem like they will fit well on a smaller screen… especially not on mobile, not even in landscape aspect. What can be done?
AHA! Jquery to the rescue: By rotating the table header text 90% and re-scaling those cells accordingly, we have a LOT more space to work with when presenting these tables on mobile devices. No scrolling necessary. Some strategic line-breaking in the product number column and Viola!
The Mobile Menu: It seems as though the image menu has been lost… and that would be sad. … but we can do better!
Huzzah!: There is that image menu again, not lost afterall.
The “Open/Close” Instructions: They are pointless here, because you cannot mouseover on a tablet or other mobile device, but they won’t be seen for this reason. Plus: They are still handy if you like keeping your browser window very small.
Tricky: Submenus on an image menu in a mobile menu. I can’t think of any place I have seen this before – actually *many* aspects of this project were something completely new.
Falling in line: Divs and most tables break apart – images set themselves to fill the viewport, and horizontal content becomes vertical in order to keep images large enough to view, also keeping text from being crammed awkwardly on the smaller screen.
Below: You’ll notice the menu does not stick to the top in mobile view. Sticky menus on mobile, especially for sites with many pages, are not a good idea. If the menu extends beyond the viewport, and does not scroll – then the only part of the menu that can be accessed is the part at the top of the screen. This will leave visitors stuck and incredibly frustrated. You can in some cases make another scrollbar just for the navigation, but if it is not seen visitors will think they have arrived at a broken site and move on.
{{cta(‘da79168e-87d6-4dd7-9751-d71d731e54a9’)}}
Subscribe to our newsletter for news related to Industrial Machinery and Manufacturing for the Greater Cincinnati area. Offerings include marketing and advertising tips and pointers and well news about industrial companies in our area.
