Design Strategy
Amanda, the educator behind Mrs. Richardson’s Class, has been a teacher blogger/author since 2011. Not only has she written close to 600 blog posts, but she also has nearly 400 products in her Teachers Pay Teachers store. She wanted her site to be a place to showcase her content, products, and workshops. One of her main goals was to have a unique site that wasn’t a cookie cutter theme. We embraced her bright colors and went with unique, but also functional and strategic, design elements and a layout that makes it easy for visitors to see exactly what she has to offer. Amanda also had a wide range of professional photos to use, so we were able to integrate those throughout the site.
Mrs. Richardson's Class Homepage
The homepage features:
- A simple header and navigation area, with limited choices (and icons), appears at the top. Again, the goal was to make it easy for the visitor to make a choice between her most important site pages. Her previous site had almost too many choices, so we simplified.
- A welcome area where visitors are left without question about what Amanda’s site is all about.
- An opt in for a freebie (which converts really well).
- Next, we decided to do an interactive tab section where visitors can select different tabs and see posts, a link to her FB group, and recent products.
- A shop section with the most recent products.
- Blog roll section with icons and pop up text for the categories.
- Mini sales section that leads to her workshop sales page
- An about Amanda section
- Finally, a simple footer with all the necessary options and in Instagram feed.
Above all, we wanted to keep the site design clean, simple, and make it really easy for visitors to see all that Amanda has to offer. The rest of the site mimics her homepage with the clean structure, lots of color, and bright bold images. This project was so fun, challenging, and I love how it turned out!
Scroll on the preview below to View amanda's Homepage
Mrs. Richardson’s Class Homepage
Ecommerce
This ecommerce project was a fairly advanced build. Amanda has roughly 400 products listed in her TeachersPayTeahcers store that she’ll add to her site. So, we had to not only plan for her existing content, but also design a shop interface that allowed visitors to easily filter through her products. Some of her shop features include:
- Advanced Filtering
- Custom Fields (File Type, Pages, Grade Levels, Product Preview Link, etc.)
- Social Sharing
- Add to Cart Buttons
- Wishlist Integration
- Resource Sorting
- Shop-Specific Searching
- Custom Templates (Individual Products, Cart, Checkout, Account, etc.)
Shop Page
Individual Product Listing
Additional Features
This site has a large amount of pages, so I can’t showcase them all here. Some of the other features we included were:
- Filterable Blog Roll Page
- Frequently Asked Questions Accordion
- Custom Contact Form
- Custom Blog Post Template
- Long Form Sales Page
- Advanced Custom Fields
- Custom Post Types
Blog Page
Custom Contact Form
main Navigation Link Pop-UPs
After I design a website, I hand it off to clients and teach them how to edit and manage their site, so things could possibly look a little different now. Just a heads up.
Want to check out more case studies? See more.
