New UI for WordPress Blog

Yogh is a WordPress Specialist that offers services and content about the CMS. Focusing on performance, we’ve redesigned the blog.

I’ve designed a new mobile first UI, creating the new Design System on Figma.

The entire project was created focusing on performance, so all the components were carefully designed to be simpled and reusable.

Even the choosen tipography had performance in mind, we’ve just used System Fonts:

font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"

These same patterns were used to create a library for social media, including Instagram Stories and Posts, Youtube thumbnails and Linkedin arts.

The assets library uses Figma and variants in order to facilitate post creation by the marketing team.