Responsive Web Design for Performance

for Edifius

Responsive Web | Professional Work | 09/10/20

Figma | Sketch | Adobe Illustrator | Principle | Jira | Agile Methodologies (Scrum & Kanban)

Slide 16_9 - 9.png

In 2020, Edifius sought to expand their product to a second language and deploy across state lines. I was part of a small team responsible for a website redesign with a focus on giving content teams more autonomy, driving conversion and reducing lead times for page launches.

Information Architecture inspiration.

Information Architecture inspiration.

UX Challenge

The website was not capable of handling multiple regions and locales, the current look of the website did not match the Edifius brand, the conversion rate was low and as our company expanded it was taking far too long for teams to publish pages.

Breakdown of current website and phased focus pages.

Breakdown of current website and phased focus pages.

Research

After an initial research phase my team and I picked a CMS that met regulatory, technical, security and design requirements.

We took a full inventory of our current website and broke it down into content pieces. Furthermore, we initiated phased releases to get our work out to the teams as soon as possible.

Reusable components that would function as building blocks for our content teams to launch web pages.

Reusable components that would function as building blocks for our content teams to launch web pages.

UX Challenge #2

Reusable components solved the issue of autonomy and gave our team the tools they needed to reduce lead times but I was hesitant to allow other teams to much flexibility. There was a fine line between equipping them with the tools they needed to do their job, educating them on best practices and then designing modules that gave just the amount of autonomy to not jeopardise brand.

UX Solution

We started off small, introducing 6 main components to build performance marketing pages. After assessing the usability of these components we expanded to offer building blocks and proper documentation to the team on how they can push these further.

Designing modules for a second language meant that we needed to place importance on character limitations especially as line widths and headers started the be drawn out. We gave documentation on what qualifies as an H1 - H5 tag and when/where to use them.

Response

The smart architecture and our CMS allowed us to prepare our website for a launch within 3 weeks. The learnings from this launch allowed us to reduce the lead time for a product launch to only 10 days.

By transitioning to a new website Edifius was able to improve the conversion rate. It allowed editors to launch pages within hours instead of weeks, it strengthened our brand image and effectively communicated to our core markets with a very small internal team.

 

Next
Next

Modular Client Dashboard Experience