UX and UI redesign of career diversity site

Redesigns have become a labor of love for me. Using data to accurately predict how users will react to a site cuts out the guesswork of redesigning a website, making the user experience (UX) cleaner and user interface (UI) flow.

The UX Redesign Process, or the Executive Diversity Career Navigator, is a subsite of ACHE (American College of Healthcare Executives). It had been worked on by a few developers, but it didn’t feel like a true diversity site to me. For one thing, where were all the people?!

Too, the purpose of the site felt lost, and space wasn’t used efficiently to display many offerings, which are now updated regularly.

before after redesignsUltimately, I wanted to use analytics from the site and heatmapping to better understand what users were doing with the site. This wasn’t a priority for the association so it didn’t happen—but I imagine the original site wouldn’t garner as many hits as we’d like to get a true reading of how users were moving through the site, especially in the short timeline I had to redesign the site.

Iterations of the homepage were varied, but I felt after several sketches I hit upon the route I wanted to take:

Regardless, I better organized the homepage, creating a useful, clickable slider that explains the site and gives easy access to key areas (I am very much against sliders as they never convert, but clients always love them!). Below this, a mini navigation bar has mini explainers on some areas that were not as obvious to the user as they are to the client—simplifying and highlighting. Beneath this is a welcome and a clear “Start here” with a variety of buttons to ease users into the site, and where they each might fit.

Below this are a variety of testimonials and links to mentor blurbs. These are further explored under “Contributors.” Then a slider of the supporting organizations that made the site possible, and footer.

Subpages matter too!

Subpages often get the short shrift here, and a priority was the Contributors page. Though originally just a page of headshots linking to articles, this needed to be more interactive and give users a reason to jump into and read the various profiles and articles. Through a couple stock and bespoke plugins, I created a simple way to navigate the page; for the people inputting the data, it’s also quite simple and dynamically populates the page, making it seamless.

Contributors page

Other pages got makeovers as well, making them more readable and giving a template for future static pages with plenty of content:

About EDCN

What’s more, pages were done in WP Bakery, making it easy for staff to update and maintain.

Lisa GhisolfUX and UI redesign of career diversity site

Chrome and the “insecure” site

Google Service Announcement: Starting October 2017, Chrome (version 62) will show a “NOT SECURE” warning when users enter text in a form on an HTTP page and for all HTTP pages in Incognito mode.

You may have seen the above message in an email from your host. What does it mean for you? The Google browser, Chrome, will start showing the “Not Secure” message if you do not have a security certificate (SSL). You don’t need to have an e-commerce site to be affected, it’s for everyone, and getting an SSL certificate will help with your Google ranking. It begins October 1, 2017 with version 62 of Chrome.

I don’t have to tell you, if your site is seen as insecure it can be detrimental to your business.

This can be a fairly simple fix, but I also make sure you don’t lose speed in making the change, and your analytics will work correctly.

Just shoot me a message!

Here’s an example:

Lisa GhisolfChrome and the “insecure” site
img-5-1200x600.png launches with levels of WordPress support and maintenance

WordPress support and maintenance is quite a bit of my ongoing business, whether it’s “de-hacking” a compromised site or simply optimizing and protecting it. To be honest, WordPress maintenance is not the highest priority on some organizations’ long list of to dos, and yet it’s a popular target for hackers. So what’s a website owner to do?

Lisa launches with levels of WordPress support and maintenance

The geeky route to Nashville: StartupBus North America

Hackathons, those lately ubiquitous marathons of design, tech and inspiration, have always been a fun way to take myself  out of my client mindset. Build an app that begs to be made? Solve a problem with a team thrown together just an hour before? It’s all in a weekend’s work, and the late hours, the wild brainstorming and camaraderie usually stay with me.

Lisa GhisolfThe geeky route to Nashville: StartupBus North America

Instagram tricks

English: A collage showing a photograph, along...

English: A collage showing a photograph, along with the same photograph processed through all 15 filters in the iOS app Instagram (as of the date of creation in April 2011) (Photo credit: Wikipedia)

Being so visual, I do love Instagram (and have changed my name recently, to WorkTravelTech). Until recently I hadn’t pursued it, especially for growing an audience. Cat Chung spoke on Instagram at SMSS Chicago 2015, and had some brief and fabulous tips:

Lisa GhisolfInstagram tricks

Pinterest tips from SMSS Chicago 2015

It seems like every other day there’s a new social media outlet and ways to strategize for your business. Pinterest has been around for a while now, and these tips picked up at SMSS Chicago 2015 should fuel your pinning obsession for more than just a wish list. Shared by Cat Chung, these do help systemize Pinterest.

Lisa GhisolfPinterest tips from SMSS Chicago 2015
Lisa GhisolfBlog