Website Projects & Digital Design
Satzuma UI : The elements below are from the previous versions of the Satzuma.com A flagship brochure website that was sent out to retail buyers - one of the first port of calls for the business.
The UI is an assortment of website banners that were also created by me and added to the websites. The banner was to promote the 'Guarantee' to build trust with other businesses.
Satzuma.com. The very first version of Satzuma was built in flash. It was hard to maintain and invisble to the search engines. Taking these problems into consdieration I created a design that bumped the visibilty substantially, gaining more brand visibilty and higher traffic to the website with the new design.
The UI is an assortment of website banners that were also created by me and added to the websites. The banner was to promote the 'Guarantee' to build trust with other businesses.
Satzuma.com. The very first version of Satzuma was built in flash. It was hard to maintain and invisble to the search engines. Taking these problems into consdieration I created a design that bumped the visibilty substantially, gaining more brand visibilty and higher traffic to the website with the new design.
Fun 404 : Running with the 'Gadget Factory' brand theme I carried this piece of branding into the 404 page of the website with all the broken cogs littering the ground. The illustration, design and HTML was created by me.
Buttons : The buttoms opened when hovered on. The graphics were created in illustrator and turned into a sprite sheet. The Change (hover) was made in CSS by changing the back position.
Satzuma Nation : The image below the buttons was created for marketing purposes to promote 'SatzumaNation' Satzuma on social media.
Product page for WIX : collabrating with a colleage I created elements that that were dropped into a dedicated product page that was created to push a new trendy tech product - a flashing sound reactive mask. The page plan below shows a map of the content and the order in which the displayed. A visual blue print for the page elements.
Idesign : The artwork below shows a landing page that was part of a promotion to push a new product range. The product was a 'create your own smartphone kit'. Below the screen is a set of website banners that were created to push traffic to the webpages.
Idesign enabled me to take a creative lead and brainstorm marketing ideas and test and measure using Google Analytics.
You can read more on the idesign project below.
Freelance Work for Legal Life Style Platform : A few pieces of process have been included to show some of the works in progress for a freelance contract I undertook for a Law & More. This is an older project but feels it still offers value to the person viewing it. The header was animated whilst the body was static.
"Proving himself to be an excellent problem solver delivering creative and innovative solutions to our web ideas which we have not always been able to provide a detailed spec for."
– David Goodridge, Law & More
"Proving himself to be an excellent problem solver delivering creative and innovative solutions to our web ideas which we have not always been able to provide a detailed spec for."
– David Goodridge, Law & More
Animation Frames : below are some of the stills taken from the animated header of the microsite. This was a freelance project.
