Linear - Issue tracking and project management
We use linear in our workspace when developing projects, it is used to track and comment on bugs, issues and improvements that can be also be used for project management.
Here I am finding an issue, raising it with the correct Title, Descriptions, Tags and assigning to the correct colleague with the correct priority status.
Once done I can view the issue and any comments left my developers so I know when I can test the issue, sign off of on it once improved or fixed and then feed close off the issue.
Once done I can view the issue and any comments left my developers so I know when I can test the issue, sign off of on it once improved or fixed and then feed close off the issue.
The last slide shows our issues ordered categorically to separated, issues that need urgent attention, issues that have been deployed and ones that still need fixing.
Illustrator - Vector graphics editor and design program
Illustrator is used in our workplace in order to create more intricate illustrations than can be achieved in dedicated design tools, here I created our company Christmas card for 2022.
I first collated inspiration for my design by looking on Dribbble and Behance for christmas-y designs and Design related cards. Following this I used coolors.co to find a suitably "Christmas-y" colour palette.
The Stamp designs were my favourite from the moodboard I created, so I Illustrated some Christmas decorations and also Design/Development devices and peripherals to add some nerd appeal.
Arranging these designs into grids, adding colours and the final text was the penultimate step, I used existing colour palettes from other designs and created my own to find what worked.
Finally after completing 6 different designs we held a team vote to find the crowd favourite and voila! The process was complete.
Figma - Collaborative UI & UX design tool
Figma is the most commonly used app in my workplace and for good reason, it is an incredible design tool in which you can create, prototype and illustrate alongside your colleagues. We use this daily to set the groundwork for our developers.
Here I generated a brief to work off as practice and created a mobile website design for a hot sauce shop front.
This is very similar to my illustration process, where I first start by gathering inspiration for layouts, colours, fonts and animations. I use this inspiration to take visual cues from the layout mostly, including the way products and marketing material is laid out.
Before starting to add content and decide on colours I make a wireframe of the general layout and pages that will be included in the final design, this helps with the initial design process and keeps you on track.
Moving on from this I finalise my style guide, create styles for buttons and fonts - this makes it easier with the initial draft for the website, I can stray from these and experiment but this helps me stay true to the general style I initially thought of when thinking about the product itself and the customer.
Below you can see the final mobile design, after 2 iterations. In a real typical process there would be more revisions and back and forth with your client but this was a great practice exercise.