Website design & development, email design & development and video production & editing
My process usually starts with the discovery phase: thinking about who the users are and what they would need to do on the website, alongside the goals of the business—balancing those as much as possible. It also helps to think about the company as a whole by finding out what their USP is and what they stand for.
Next, listing all pages and features helps to see exactly what has to be on each page and with wireframing.
Around now I usually look at their competition to see what styles, features, and layouts they use—specifically what they have done well and what they haven't. I'll also check out a few inspiration sites to see if there are any styles that would suit the website more than others, while trying to anticipate any emerging trends.
Sketching helps before beginning the layout on a computer to get some ideas down in quick succession as they come to mind.
I like to wireframe when possible, when timeframe and budget allow. I've used Mockflow, Balsamiq, and Sketch for this in the past—anything that's fast to develop with. UX principles will also be involved here to make sure it's as easy and intuitive to use as possible.
High fidelity designs of necessary pages will be made in photoshop as I have the most experience with it.
Tackle Innovation password: shopify-tackleCircle Health Campaign Manager Tools Prima Dental Invisalign Landing Page Tackle Innovation
My main skills are with responsive front-end development using HTML, CSS and jQuery with a fondness for Bootstrap. I like to keep all code as clean and tidy as possible.
I use WordPress for all backend functionality making sure to use as few Plugins as possible to lower maintenance and security issues. All Themes are built from scratch with Custom Post Types and Advanced Custom Fields.
I also have an interest in performance optimisation as it makes for a much better user experience as well as being an SEO ranking factor. Conversion optimisation also interests me seeing as the end goal is to ultimately receive payment in some form, so reducing friction is always at the forefront of my mind.
Tackle Innovation password: shopify-tackleAvon Valley Country Park (WP) Circle Health Avantgarde (WP) Tree Aid Invisalign Landing Page Tackle Innovation (Shopify)
Emails are designed with mobile users in mind at 600px wide, seeing as most opens will be on a mobile device. Email-safe fonts are used for body copy and image replacement for those that can't be coded. Alt text is always used and styled for images in case they're missing.
Testing has been on both Litmus and Email on Acid. Tables are used for the most reliable layout. Only clean HTML and CSS is used for compliance. Copy is used as much as possible to keep overall weight under the recommended limit and to avoid image blocking issues. I also have experience with formatting for plain text versions to help with readability.
I am familiar with MailChimp, Campaign Monitor, and ActiveCampaign, for both one-off sends and automation. Also syncing with Zapier and GoToWebinar through Mailchimp for further automations.
I like to check for updates in the email world for new design trends, and advances in clients/development.
Selection of workSamsung Galaxy Fold Samsung Black Friday Philip Morris Opus Energy Haven Power
Videos were created with my own camera and sound equipment, and editing with After Effects.
I'm happy to collaborate for ideas to shooting necessary clips, or come up with everything myself to present thoughts on how the filming should happen to create the right look and feel. The best angles and techniques will be used to turn the most uninteresting of items and topics into captivating visuals.
Using Adobe Premiere Pro for general editing and Adobe After Effects for special effects, clips will be transformed into cinematic experiences showing products and services in their best light.
Selection of workVirgin Citibank Boson Media Imola Car Sales Wiltshire Farm Foods Venice
I have experience using both Animate and coding by hand with GreenSock.
Various sizes were created and are available on request, but a single size was chosen for the examples below.
Selection of workImmersive Labs Abarth