The growth of sitebuilders like Squarespace and Wix has been notable and WordPress wants to keep its place in first (WordPress is the most prominent CMS available, powering over 30% of the web). So, developers have been working on the 5.0 release with a common goal in mind: to make generating satisfying content for your WordPress site simple and enjoyable. We are living in the age of user experience, after all. But even small adjustments to a platform like WordPress make site builders fussy, so this update, with its cutting-edge Gutenberg, has us all “Ach du lieber Gott!” But, have no fear: like its namesake, 5.0 and the new editor are designed to make content development easier and more accessible and with a little time and patience, that’s what we can expect. Here’s the breakdown:

What’s different about 5.0?

The most notable difference, and the one people have been buzzing about, is Gutenberg. Gutenberg is the new cutting-edge editor for WordPress and with it arrives some fresh content development concepts that we have already begun to see in other platforms like Medium and Ghost. Gutenberg is unique in its use of blocks as a more visual way of selecting, producing, and organizing content. Drop in a block, fill it in with the content you like, put it in place and move on to the next one. The process is easy to understand and relieves the writer of the need for shortcodes and custom fields in order to achieve the desired appearance.

Thanks to Gutenberg, creating custom themes just got a whole lot easier, but chances are it’s going to cost you the use of those lovely page-builder tools and plug-ins. It’s important to remember, however, that Gutenberg is not a page-builder, it is a content editor. Chances are good that future versions will make the move from post to page, but as of right now, Gutenberg is designed to allow you to customize content, not design.

When is it going to be released?

Last we heard, the WordPress core team scheduled a proposed release date of today, but now they say it’s TBD. The folks there say there’s a good chance 5.0 will need some more time in the oven so they’re allowing up to 8 days of cushion. If those 8 days aren’t sufficient, they have scheduled the next release date to be January 22, 2019, in order to avoid falling through the cracks during the hustle and bustle of the holidays.

Anything I should be worried about?

As is the case with any update, there is always the chance of a site breaking. 5.0 is a huge release and most sites are made up of several moving parts and chances are, they’re not all going to play nice together. Before upgrading to 5.0 and activating Gutenberg, make sure to test for any faults. Here’s a testing to-do list graciously provided by Yoast.

  1. Install a local server like DesktopServer (there’s even a blueprint for Gutenberg you can install) or Local by Flywheel
  2. Install a backup plugin on your site, like Duplicator
  3. Run a full backup of your site, including themes, etc.
  4. Migrate the Duplicator package to your new test site
  5. Install the WordPress Beta Tester plugin
  6. Select which type of beta you want to install in Tools > Beta Testing
  7. Install the latest WordPress update

What do you plan to do to prepare?

Thanks for asking! We, along with countless others who use the WordPress platform, have been already testing out some of the features 5.0 and the Gutenberg editor have to offer. Today, the latest beta version is available for testing.

For those saying, “let’s take this slow,” you can install the classic editor plug-in which will allow you to continue using the classic editor post-5.0 update.

Feel like taking 5.0 it for a spin? You can use the WordPress Beta Tester plugin or you can download the release candidate here (zip). Remember, BACK UP YOUR SITE BEFORE MAKING ANY CHANGES. Follow the action and get all the latest updates on 5.0’s progress here.

For our clients:

No need to worry—we’ll take care of everything on our end. Again, Gutenberg is a content editor, not a page-builder, so your site’s appearance won’t change. Gutenberg will allow site builders to customize future content, so it won’t affect current content or design. Some sites may upgrade to 5.0, and some might remain in the older version. We will personally contact clients if any changes are necessary with the update.

If you have any questions about 5.0, Gutenberg, or anything really, don’t hesitate to ask!

TLDR: Just show me the design already.

As someone who comes from a graphic design background, I like to look at different things and think to myself, how would I handle this? What would be the guidelines on if I worked on that project?

One of those designs I’ve considered over the years is the University of Iowa home page. I’m not involved in the UI home page in any manner and this wasn’t something I was asked to consider.

Any time a designer works on a high-profile project, it can be a pretty thankless task—especially on the web. There is bound to be a portion of the audience that doesn’t like what you did. Or you might have technical requirements that make what you’d prefer impossible. Finally, even great designs tend to age very quickly. A site that was designed five years ago might have looked great when launched, but looks dated now. I recall thinking it was a huge upgrade when the current UI home page was launched several years ago.

The University of Iowa Website Home Page

The University of Iowa Website Home Page as of November 2018.

None of this is intended to be a slight to anyone who worked on that design or might be working on a new design.

However, if I had full autonomy on that project, these are the guiding principles I would want to follow:

Discovery Phase

Since I’m not required to communicate these ideas to anyone, it’s pretty easy compared to most projects! I get to pick my own priorities. And they are:

  • Fun, energetic
  • Welcoming
  • Warm and colorful
  • Modern feel
  • Use of beautiful photography, which the UI has access to with photographers on staff
  • Keep most content and menus similar to the current site.*

* I didn’t want to change this too much and this is one of the main things that was carried over from the current design. I know what a struggle it can be to limit the number of navigation links, so it seemed like a cop out to just eliminate anything I didn’t think was important. There is someone who thinks that all those links should probably be more prominent than they are, and a battle could result over any one that is removed.

Color Analysis (Black and Gold)

The University of Iowa, like most colleges and universities, has two main colors. They are the unfortunate combination of black and gold. And unless you are a bee or wasp, each of these tend to have issues.

I’ll tackle issues with black first.

Black can be a real problem on the web. It can be overpowering when not handled correctly. Just do a Google search for “using black on websites” and you’ll find all sorts of articles about this problem. So instead of using pure black, I tend to prefer using a dark grey. Also, I just don’t like huge fields of black. I’ll talk more about why when I get all touchy-feely and talk about “feelings” in a little bit.

The next issue is gold.

After being in the Iowa City area for quite a while, I’m pretty used to seeing gold everywhere and might be a bit desensitized to it. But I remember at first thinking the use of gold/yellow was just overwhelming. And I think most non-locals feel the same way. A little goes a long way.

My main goal with using black was to use it sparingly and not use pure black. I’d try to use grey or some sort of mix of grey in a pattern.

For gold, I strongly believe that gold is the University of Iowa’s primary color. It is a bright and warm shade and can carry the feeling I want the site to express. But it has to be used carefully. Overuse can be just as bad as using black.

I did a bit of research on other schools who had black or gold as one of their two colors as well. The list of those schools is below.

SchoolColor OneColor TwoColor Three
University of IowaBlackGold
Purdue UniversityBlackOld Gold
Vanderbilt UniversityBlackGold
Harvard UniversityCrimsonBlack
University of MissouriBlackGold
Northern Illinois UniversityBlackCardinal
Oklahoma State UniversityBlackOrange
Providence CollegeBlackSilverWhite
University of South CarolinaBlackGarnet
Texas Tech UniversityBlackScarlet
Wake Forest UnviersityBlackOld Gold
University of Colorado BoulderBlackGold
Georgia TechBlackGold
University of IdahoGoldBlack
University of GeorgiaBlackRed
University of California Los Angeles (UCLA)UCLA BlueUCLA Gold
University of MarylandBlackRedGold
Arizona State UniversityMaroonGold
Iowa State UniversityGoldCardinal
University of WyomingBrownGold

The UI’s home page relies heavily on black as its primary color, which I think is problematic. If the site was for the football team and the designers wished to convey a tough and mean image, I think an abundance of black is acceptable. But my goal for the UI brand would be bright and welcoming. I’d want it to be fun and energetic.

With sparse use of both of the main colors, I would recommend using bright, colorful photography as the main source of color.

I can go on about color theory or other branding guidelines, but I’m hoping to keep this (relatively) short and sweet, so I’ll leave it here.

The New Design

I find I get into discussions about design theory and reasons I would recommend changing one thing or another and I don’t think it’s as impactful as actually showing what I mean. With that in mind, I have created a functional UI Home page that demonstrates these guidelines. I have made three variations of the new design. Links and details are below.

Option One: Static “Hero” Image

University of Iowa Home Page Redesign Version 1

The University of Iowa Home Page Option One: Static Hero Image

 

Option Two: Muiti-Image Slideshow 

University of Iowa Home Page Redesign Version 2

The University of Iowa Home Page Option Two: Multi-Image Slideshow

 

Option Three: Looping Video

University of Iowa Home Page Redesign Version 3

The University of Iowa Home Page Option Three: Looping Video

 

Interior Sample Page

University of Iowa Home Page Redesign Interior Sample Page

The University of Iowa Interior Sample Page

Disclaimers

Logos, trademarks, images, etc. are owned by the appropriate entity. Mostly the University of Iowa. This is a personal design project, not intended to harm or infringe on anyone. Please don’t sue me.

These designs are built to be fully responsive on mobile devices. They have not been coded in Drupal 8. Doing so just seemed like a waste of time and a bit of overkill.

Also, I’m not a fan of looping videos on home pages. There are issues with when it will work without all browsers supporting automatic play on them now. I still come from a time when not everyone had broadband, so there are delay issues I’d be concerned with if all your target audience won’t mind loading even a short and lower resolution version. Selection and use seem to not always be well thought out either. I’ve seen some examples that feel like they are intended to trigger a seizure rather than leave a positive impression on visitors. To me, it feels like the flavor of the week in current design trends. But that is a topic I can spend a whole other blog post on. I wanted the focus to be on the design overall, not on particular design features. I wanted to present it with some options, so any criticism would be made on my main points, not on the lack of something like a looping video.

Summary

Ultimately, this is just a personal project. Simply a creative outlet. It’s not intended to criticize anyone, but something I think can provoke thoughts about the important role design plays in any project. Websites can be very technical things and striving for a beautiful design can often be an after-thought—if it is considered at all—during the development process.

It is so easy to create a “good looking” website now. There are tons of WordPress themes that can get you most of the way there now too. It’s common to see someone throw stock photos into a template, slap on the company logo and call it good. Each element should be considered both individually and as part of the whole. Design shouldn’t be the only driving force. If a site isn’t well-designed technically, it can suffer just as much. User Experience. Responsive design. Navigation. Accessibility. Search Engine Optimization. These aspects are all just as important. And for a layperson, these can be hidden, or not as obvious.

Even if a visitor cannot express it in words, there is a feeling that people get when they see beautiful design compared to something “slapped together.” It’s something that can be felt, that careful consideration was given to every element, how it relates to other elements and how they all work together for a final design.

William Easton
November, 2018

 

Photography of Iowa City Area Chamber of Commerce 2018 Ambassador of the Year William Easton and Jennifer Banta

Photo by Rob Merritt, Iowa City Area Chamber of Commerce

This past Thursday, November 10, 2018, I was presented with the 2018 Ambassador of the Year award. It’s a great honor. The event itself was wonderful and as someone who typically sites in those events, I’m thankful that the chamber staff keeps the program running and we can all get off to work. However, I did want to point out a few people who deserve special thanks.

I want to thank my wife, Brook, also the Director of Digital Marketing at William Easton Design, and our two kids. I know she has taken on extra work load, both with WED and with our sons at home, to allow me to go off and engage in ambassador events. I also know that with their current age, time missed with them at this age and point in time isn’t time I’m going to get back. I’m completely aware of this sacrifice they allow me to take and I am grateful.

Next, I really need to thank everyone at the Iowa City Area Chamber of Commerce. In particular Kim Casko, Tim Carty (now with ICR Iowa) and Allison Yoder. But also Sara Pinkham, Emily Wenzel, Mackenzie DeRoo, Rob Merritt, Jennifer Banta and Ryan Sempf. They are all a pleasure to work with and as the owner of a very small business, the attention they give all members of the Chamber is something they should be very proud of. They are a true asset to the community.

But the most important group that deserves credit is my fellow ambassadors. Both current and emeritus. They are the ones that I get to spend time with, laugh, and generally have a great time engaging with at ambassador events. Without them, I would not have attended as many events or been in a position to win this award. There are so many other ambassadors who are equally deserving of this honor. I find I’m already telling stories about things we have done together and probably will until the day I die. Thank you for being so welcoming and being such a fun group to spend time with.

Finally, I really need to thank the businesses and people behind them: the reason for the ribbon cuttings and groundbreakings we attend. They are the true reason there are ambassadors. A large number of these events represent the culmination of risks by ordinary people who have a dream of opening their own business. I love learning about what challenges they encountered to get to this position and how they overcame them. Some of these businesses include Merge (my first ambassador event), BerganKDV, Dwell Home Furnishings, Vintage Cooperatives, Home2 Suites and many other local hotels, Willowwind School (so cold), McDonald Optical, Hotka Construction, Dunn Brothers Coffee, King & Queen Nutrition, Need Organizing?, Wellfinity, Big Grove Iowa City, Corridor Dental, Roggy Eye Clinic, Stairway5, Pearson, Z’s Catering and BBQ in North Liberty, the Crisis Center, 365 Nutrition, O’Brien McDonalds (Twice!), Shuttleworth & Ingersoll, Back In Line Family Chiropractic, Restore Family Chiropractic, Locals Love Us, Graduate Iowa City, and many, many more. The list just goes on.

Thank you for including us on your special day and I wish you all the best moving forward with your business. I hope to be in your business 20 years from now and see the photo of your ribbon cutting framed on the wall! We can laugh about how cold, hot, rainy, windy or whatever midwestern surpise weather it was that day. As we all like to say, you have made an investment not only in your organization, but in our community. We appreciate your support of the Iowa City Area Chamber of Commerce, and we wish you much success.

William Easton
Director of Design & Development
November 10, 2018

 

At William Easton Design we love local businesses, and we love sharing them with you! In that spirit, we are partnering with Graduate Iowa City for a Getaway Giveaway. If you haven’t seen The Graduate you are in for a treat, think black and gold, all things Iowa and living the writer’s life. That’s what it’s all about.

So, what are you waiting for, leave a comment on our Facebook post and tell us why you need a weekend getaway.

The contest ends on Wednesday, November 21 at midnight. Only one winner will be drawn at random.

The fine print: This contest is not affiliated with Facebook. Getaway dates are subject to availability and blackout dates apply. Dining credit can not be redeemed for cash or room credit.

Win Tickets to See Solo: A Star Wars Story!

Hey Star Wars fans!

Are you ready for the premiere of Solo: A Star Wars Story?

We know you are, and we are giving away 4 tickets to the Friday night showing (7 pm). But that’s not all, we have reserved the best seats in the house at Marcus Cedar Rapids Cine‘s in one of the largest theatres with the new heated Dreamlounger chairs.

To enter, leave a comment telling us which Star Wars character is your favorite on our Facebook post.

Contest ends at 5 pm on Wednesday, May 23. 
Only one entry per person.

If you’re feeling generous share this post with other Star Wars fans too.

This giveaway is in no way sponsored, endorsed, administered by, or associated with Facebook.

May the Force Be With You!