Logo Editor Re-design

I worked in Figma for this logo editor re-design project with our SEO and UX Design team. I researched logo editors including Adobe, Looka, Wix, Canva, Shopify etc. We met to brainstorm, go over the findings, and discuss our next steps. After this I was assigned the task of designing the editor and icons. Some icons were pre-existing and others I created to match our style guide. Other members of our team focused on the logo editor landing page and the quiz, which appears prior to entering the editor. Below are the results for this project. This wasn't in the end produced due to timing and internal resources however I am proud of the work I did on this project and hope a future team will look into executing it down the line.

On this page the user can make typographic changes such as adjusting the font size, weight, family, and changing the text.

The user can either add their own colours through hex codes or the colour picker or select a colour from the pre-made palettes at the bottom.

Here is how the colour picker tool displays when the user interacts with the colour previewer.

Users can select an alternative icon and re-scale it in relation to the text.

On this page the user has the option to alter the positioning of the text in relation to their chosen icon and change the logo format itself.

Finally the user can preview the logo design to ensure it shows up correctly. Please note that they can download their logo file from all sections.

↑Back to Top