Create brand visuals
Figma & Adobe Illustrator
UI/UX designer (research, visual design, interaction design) & digital designer (logo, illustrations, advertisements)
Self-directed, with feedback from the client/web developer
3 months (ongoing)
Web manage is an online SaaS (software as a service) that is aimed at freelance web developers and small creative agencies.
It acts as ‘Swiss Army Knife’ for its developers by providing tools that can be used to help run their business, such as: project and client management; invoicing and estimates; file sharing; online contract signing and time tracking.
The aim of web manage is to provide users with a centralised platform that consolidates features that would typically be spread across multiple services.
My challenge is to design a marketing website for the product, brand identity guidelines and a logo.
Prototype & Test
I started sketching low-fidelity screens. This way I can capture my ideas by pen and paper quickly by sketching. It also enables me to gather ideas before putting everything into a high-fidelity prototype.
Once I had the visual direction of the layout, I started to add more details and precisions to the sketches by turning them into high-fidelity wireframes using Figma. Creating high-fidelity wireframes help me focus on the visual consistency before applying styles. In these wireframes, I tried to incorporate the brand’s colours and existing design patterns.
Aswell as being responsible for designing the marketing website and logo, I was also responsible for creating the brand guidelines. Brand guidelines are clearly defined rules and standards that show how your brand should be represented to the world. They help businesses ensure consistency and demonstrate what the company is and what it stands for. Brand guidelines also help people like me to stay on brand when designing the website.View Brand Guidelines (.pdf)