Home > UX Design - Research and Insights > Redesigning Justinmind’s blog – how we did it

Designing for speed and simplicity: discover how we built our blog redesign at Justinmind

We’re excited to announce that our brand new blog redesign is live – check it out here! The update includes changes to the blog’s layout and navigation, for both desktop and mobile versions. We’ve improved the pagination in the blog’s home so you can now jump to and from pages quickly. Additionally, we’ve made it much easier to access resources, learning materials and promotional material too!

Keeping a blog active can help you grow your business and capitalize on customer lifetime value by showing visitors why they should engage with your brand. Check out our blog redesign process and our tips on how to stay on track below!

Justinmind’s blog redesign process

Discovery: evaluation of current blog and identification of new goals

We started this redesign project with two big goals in mind: lead generation and brand buildingContent, product and design started to brainstorm some ideas for the redesign. We decided that the first order of business was to improve the page speed to keep things fast-functioning. Slow loading sites and pages can really affect a business’ bottom line, and waiting time is one of the top issues that irate users complain about. We also wanted to improve navigation so that our users would be able to find their way around intuitively.

So, when searching through blog templates for potential redesigns, decent page speed and smart navigation were at the top of our list. Our design lead spent some time gathering inspiration and generating ideas.

Creating new assets and copy

With a new blog concept in mind, the next step was to get designing and writing. Our design team started to prepare the visual assets – headers, fonts, icons and buttons. Our content team began creating copy.

Wireframing and prototyping

Creating a basic wireframe helped us to visualize these items, as well as scrap ideas that were best left behind.

Once we’d nailed our concept, we turned our static wireframe into a high fidelity prototype where we defined the final look, feel and motion of the new blog. Fast, effortless interactions.

Deep collaboration and review of assets

Design and content worked together over a number of collaboration sessions to perfect the prototype’s content. We used Justinmind’s Teamwork features to edit items directly and make comments on them.


Download Justinmind now and prototype your best website yet

Download free


User testing

Feedback from users was essential to our process. We performed multiple rounds of user and usability testing throughout the design portion of the process – experimenting with different solutions to improve the overall user experience.

Development and blog migration

Several iterations later, with the assets built and the final prototype checked, it was time to code! Our front-end dev team faithfully translated our design team’s design concepts to code.

Migration from our old WordPress site to the new one was the final step. The dev team imported all blog posts and supporting images, and tweaked copy assets.

Several wireframes, prototypes, and a few too many cups of coffee later. We’re live! We’re stoked. But website redesigns are never smooth sailing, and we can always learn from past experiences. Check out some of the things we learned from this project below!

Tricks and tips for a tantrum-free redesign process

We’ve even included three quick tips to help you with your own blog redesign process. Aren’t we lovely!

Sergi Arevalo, Justinmind’s Lead Designer says: get everyone (content, design and product)  involved in the selection of the initial blog template. The creative process is not linear and feedback can be messy – but contributions from the right people at the right time will help to keep things moving forward with fewer interruptions.

Lluís Aznar Ràfols, Justinmind’s Lead Front-End Developer says: use plugins to reduce the need for manual input in the WordPress migration process. Export media with selected content will help you export both posts and featured images. Force Regenerate Thumbnails helps to scale images according to your chosen WordPress theme.

Daniela Castrataro, Justinmind’s Content Lead says: know that on-going updates and maintenance are a must. Web trends are constantly evolving and we must do so with them.

 

Check out Justinmind’s new blog now for UX design, prototyping and UX research topics.

Emily is Marketing Content Editor at Justinmind

Add comment

Your email address will not be published. Required fields are marked *