Designer
This is a project I had previously worked on, and wanted to expand on. I know that a lot of online customizable shopping tools allow for the user to change the colour of the product in the preview. I wanted to challenge myself and see if I could create the same functionality, without needing to have photos of the physical products.
To challenge myself, I wanted to see if I could recreate the same effect with different colours that I don’t have reference images for.
Entering my original file I realized how poorly I had initially structured it. I went through each individual layer to ensure all colours were set to global, and all gradients were utilizing global colours. This made sure That any areas I had previously set to be certain tones were all editable and would update across the file.
I duplicated my original file and began working on changing each of the monochrome palettes to be new colour options. I had started with a teal controller, and after around 4 hours came out with 9 additional colours (10 in total).
Reaching out to someone who had previously seen the original design, I sent him the new colours to gage the believability of my recreation. He pointed out that the pastel colours looked strong whereas some of the more pigmented colours were lacking in dimension specifically around the bottom and sides of the controller where the handles curve.
To enhance believeability I adjusted the opacity of the shadow gradient layer and extended the lower gradient so that it provides more of a curve, while pulling down parts of the inner gradient to add more of a highlight.
I reconsulted my original test user to see if the change satisfied the 3D effect we were going for. When he confirmed that the objects appeared more realistic I felt the project was complete.
With this I exported all the images both with and without the shadows to finalize the project.
