Freelance Designer for the legal industry

In the past, I have been involved in various projects across different industries ranging from legal lifestyle, to gifting to charity. This post focuses on my freelance design work for the legal industry, picking out a handful of projects to show and discuss – my Freelance design for the legal industry.

Most of the projects were created at the time when ‘static’ websites were the norm and responsive design was but a twinkle in tech industries eye.

Freelance designer for legal industry UI
Frame UI for Legal website

Overview | Freelancing for Law & More

Law & More – or what I used to call LAM, was a legal lifestyle platform for all that was to do with the legal industry, be it: jobs, advice and entertainment. Working for Law & More gave me the chance to show how I could approach a brief, whether it was a UI project or an animation.

I was involved in creating micro-sites, animations, UI’s and then building the static HTML websites with the aim to drive traffic to the Law & More platform.

If you would like any advice on your website feel free to send an enquiry and I will get back to you as soon as possible. Questions welcome!

Below are the samples of my work.

Header Animation – Legal Industry

As part of the freelance project to create engaging visuals for my client – I created a set of animated headers that were blended into the UI offering a seamless, functional and a fun web experience.

When these headers were created it was at the time of the ‘static’ website era – when the humble desktop reigned supreme! Smartphones had come to the market but weren’t as mainstream as they are today.

( Many of us had flip phones – or used the classic dial pads on a Nokia, yes – I used to be able to touch text on my phone without looking.)

As this website followed the conventions of a static website, I only needed to concern myself with a single standardised format for browsers and desktops.

Animated header for a website

It would be difficult to replicate this website today, due to it being technically challenging to accomplish the same results on a responsive website. Although, whilst writing this paragraph, I have already thought of a couple of paths that may achieve a similar visual result across all browsers and devices – but that is purely hypothetical.

I found this design strangely refreshing when most websites now are fluid and in essence follow the exact same format of a full-width image that works both well on a smartphone and desktop browsers.

UI Design

With the static website UI’s, I had fun creating something unique that would entice users to engage with the brand. The UI needed to playful and push the users to the main website where they could either read articles, browse jobs or even bag a luxury holiday!

With the brief, I wanted to push boundaries as far as possible.

Thanks guys

Freelance designer for legal industry

Freelance designer for the legal industry

MPU’s

If you would like to see other UI projects you can see this collection of UI’s here.

MPU for older website 2009
MPU Design

In this instance – a Multi-Purpose Unit. Is space you could use to either display a banner, upload an animation or create an interactive piece navigation. In this case, I created an interactive carousel in Adobe Animate.

If this was to be made again now, it would be published as HTML5 or probably wouldn’t exist at all as this project was very much something of it’s time and was heavily dependant on flash.

You can look at some of my other projects that were created in flash (animate) such as this STEM/Elearning game or examples of what you can create in Animate.

Freelance designer for legal industry | summary

Thank you for reading this post. If you are in need of any freelance services and you are based in the legal industry feel free to get in touch for a quote.

“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.”

– D Goodridge, Law & More

All visuals, designs, and ideas are copyright Law & More. Please do not share or use this content without prior permission.

Other useful links

UI design projects projects
Creating an E-learning game
Example of what you can create in Adobe Animate
My design process
Photoshop tips for removing noise

External Website Locations

Website design London
– Graphic UI Designer Yorkshire
Website Design Cornwall

Examples of what you can create in Adobe Animate

To answer the question of what can you create in Adobe Animate there is a large list of applications and uses for this program which I have included in this post.

With Adobe Animate you can create; cartoons, animations for web, games, apps, interactive media and so much more with a bit of thought and creativity.

I have used Adobe Animate to create Indie games, animations, introductions and small pieces of motion graphics that have been used on websites for numerous purposes.

what you can create with adobe animate

2 significant projects I have created using Adobe Animate are: an interactive Museum and an e-learning game, which I shall mention further on in a bit more detail.

Adobe Animate is a good program and shouldn’t be dismissed too quickly.

Adobe Animate is still a viable program in certain situations and can offer great results – it comes down to what you want to achieve and how you would like to get there.

A plus to using Adobe Animate is the way you can use keyframes and a timeline similar to traditional 2D animation skills.

It also comes as part of the Creative Suite (CC) if you are already a subscriber to the whole package.

I have attached my showreel demonstrating what you can do. Many of these projects were of a commercial nature, and if you still wish to read the rest of this post for more information then please do!

What I created in Adobe Animate.

Animation Showreel

Psst, are you looking at making a game?

If you are here because you are intending on making a game or interactive story, I would advise reading this post that covers some of the principles of creating a game in Adobe animate.

This may also prevent – “I wish I knew that earlier” syndrome when you come to create your game.

Best of luck.

How to make a game in Animate (in principle)

Divider

List of examples of what you can create in Adobe Animate

These are some of the projects I have been involved with creating for both personal and professional purposes.

These are all ‘real’ projects and actual examples of what you can make, and what has been made in Adobe Animate by myself or as part of a team.

Product Simulation – Browser and Desktop App

This app was part of a larger project that I was involved in from the beginning.

In order to demonstrate the product without the physical product needing to be sent directly to the buyer, the app demonstrates how the product works through the computer screen.

This was a virtual demonstration for a product called Idesign.

I was involved in coming up with the concept, planning, designing and development of the application and it was all put together in Adobe Animate, what was then known as Flash then.

Much of the trimming work and cutting out of the PNG’s was performed by a colleague – also the chief bug tester.

Idesign Browser App Animate
Created in Adobe Animate (Flash)

Using Adobe Animate to create an application

With the Idesign project, it wasn’t just a browser application that was created.

A desktop application was created too so that both buyers and “end users” could download the software and play it from their own computers.

These are the icons that were created to sit on the taskbar or desktop.

Idesign landing page
Website application icons
.icons

I used Adobe Animate to create an interactive museum

What else can you do with Adobe Animate? You can create an interactive museum, it’s great for e-learning projects.

This was a detailed project that involved using Adobe Animate to create an interactive museum for a local charity.

The interactive museum, after it was treated and prepared was developed in Adobe Animate.

More can be read on how I used Adobe Animate and the rest of the creative suite to bring this project to life. Creating an interactive museum.

But in essence, it was Adobe Animate that breathed life into the static imagery and made it all interactive and fun!

Aside from the topic itself.

Museum created with Adobe Animate

Create a point and click game (Graphic Adventure)

This is an example of a game that was designed and developed by me, in AA.

After drawing the level with a pencil and then proceeded to trim all the artwork in Photoshop and then bring it all to life in Adobe Animate I playtested this small graphic adventure with friends and family.

This was a ‘small’ self-initiated project in which I challenged myself to create a one-level game – or to be specific – a graphic adventure in under a month. That included the artwork and the programming on my own.

what you can create with adobe animate
Point and click game
Created in flash - pencils drawing of game assets
Pencil drawing / game assets

Developing an e-learning game

You can use Adobe Animate to make interactive experiences and this also includes e-learning experiences applications.

This E-learning game was created to make learning fun for young children! Whist traveling through a set of levels, the player would have to answer questions to complete the game.

E-learning game create with adobe animate

You can read more about how I created an e-learning game inanimate and learn from my mistakes.

You can make a viral game

This game was created in Adobe Animate – as is the theme with everything listed in this post.

This game combined a mixture of using animation, artwork, and coding in Action Script 2 to create a twitchy game where the player had to jump over spears.

The purpose of this flash game was to promote a comic and music score for a client.

(I had no part in the artwork or the concept of this game – only its construction and its build)

Viral Game
what you can create with adobe animate
Divider

Using Adobe Animate for ‘Animation’

You can use Adobe Animate for – you got it, creating animations! Adobe Animate is a good tool for creating not only games but frame by frame animations too. You can use tweens and keyframes to create motion graphics.

What you decide to do with these animations and how you plan to distribute them is down to you.

You can place these animations on Youtube or publish then to HTML5 – I would strongly advise against using Animate and publishing to.SWF.

The SWF format is already disappearing and will only continue to diminish in the future.

I have used Adobe Animate numerous times in the past to animate characters, typography, parts of games and many other interactive and moving elements that sit somewhere between all that is listed above.

animations created in Adobe Animate.

Animated 2D painting created in Adobe Animate

This painting, the one shown in the image below was sent to me as is.

Animated painting

The purpose of animating this interesting painting of the Yorkshire reservoir was to capture the attention and drive traffic!

A link to the website can be found at the bottom of this post.

Divider

Using Adobe Animate for interaction

You can use Adobe Animate to create interaction within games, banners or videos. In order to do so, you will need to use a language called ActionScript to make it all work.

Many of the games and applications I have used in the past have required me to use Action Script to make them work. Action Script 3, along with 2 has been around since Adobe Animate was called Flash.

You can create interactive ‘wound damage’ UI’s

This is an example interactive project showing what you can make with the time and bit of Action Script 3.

This is an experimental piece of work showing a wound gauge that can be applied to a hypothetical game UI.

About the interactive timeline

The code and ‘states’ are relatively simple to create in principle for this project.

  • I created create 4 keyframes on the root timeline.
  • Added 4 Action Script frames above the keyframes
  • wrote ‘Stop();’ in the ActionScript layer which then enabled application to jump to the next frame when triggered eg – takes damage.

Or, a simple button click.

In this project, I have also added a ‘Healed’ state at the very end so theoretically if you wanted the player to heal when trigged, it would be the case of jumping the animation to that frame on the timeline.

This would make a great addition to a game UI or interactive adventure.

What can be created in Adobe Animate

There is nothing stopping you from creating something similar in Unity using the state engine.

So what else can you create in Adobe Animate?

I have added my last couple of projects towards the bottom.

Divider

You can use Adobe Animate for making video’s

Yes, not only can you just create Animations and make little HTML5 videos or enclosed apps that can be downloaded as part of an Adobe Air Package – but you can also create stand-alone videos and intros.

I have used Adobe Animate to create animated headers on websites, animated videos and intros and also starter clips that have been uploaded to Youtube.

Minor detour alert …

Many years ago, whilst studying, I used Adobe Animate a lot – it was part of my major and it was around this time I was shown a brilliant animation on “Bitey castle” if you have time I would advise paying the website a visit.

I have attached a link at the end of this post so you can look.

Back from Flash nostalgia…

Here are some of the live animations created in Adobe Animate.

Animated Intro – The Gadget Factory

The purposes of this animated intro were to promote a brand theme – the Gadget Factory as part of a marketing push to promote a new line of cool, fun and exciting products.

This 20 / 30-second clip was created using a variety of motion tweens, keyframes, and experiments with visual effects to get the desired results.

The still keyframes below have been pictured to show the animation in action.

what you can create with adobe animate
Animation

Guess Poo

I was in two minds as to whether to add this project but I felt as it was so infantile, fun and had a lot of TLC with the design I felt that it deserved some love.

Guess Poo…

For this project, I created an animated indent for a video clip that was featured at the start of the Kickstarter on the Crowdfunding page.

It was crass.

Silly,

Fun.

And it was created in Adobe Animate.

For the Guess Poo clip, I animated a character falling from the heaven’s and plopping down into the dark waters below.

It was arguably (although fun) too much TLC that the game deserved but hopefully, the animated clip that was added to the start of the video turned a few heads.

You can read more on my crowdfunding design service or read more on creating a Kickstarter page. That article goes into all the details on how to format a Kickstarter page for your campaign.

This was created in Flash / Adobe Animate
Divider

What can you create in Adobe Animate | list of ideas

Here is a summary / quick list of what you can create in Adobe Animate.

  • Create a frame by frame animations
  • Games
  • Graphic Adventures
  • Motion graphics for websites
  • Stand-alone games for browser and desktop
  • Slideshows
  • Interactive videos
  • Video indents and short clips
  • Rich media, and interactive elements
  • Elearning experiences

It is not limited to that list. There are many other creative ways in which you can use Adobe Animate to create something entertaining or useful.

I feel that I should mention.

For myself, in the future, I intend to use more programs such as After Effects and Unity for my commercial projects. But I shall always keep the loyal tool of Animate in my belt!

What can you create in Adobe Animate | Summary

Thank you for reading my post and looking at work samples. If you felt that this post was useful, feel free to share on social media or on your blog.

I have written a list of useful posts that are related to games created using Adobe Animate

Principles of creating a game in Adobe Animate

Creating an interactive Museum in steps

Creating and Elearning game in Animate

Alternative Software

Why unity is awesome

Free game engines

How to create a cursor in Stencyl

– Digital drawing – create digital art

Design Services (external website)

Motion Design

Crowdfunding pages design and Guess poo

Credentials

If you would like to know more or need assistance with working with Animate get in touch.

All design and visuals are Copyright Jimmsdesign and their respective owners. Please do not use these images without explicit written permission.

Bitey Castle – Yorkshire Reservoir by Julia Odell

Free Stock Vector Skull | Sideways

So this is the first post on the blog that is offering a free give away, and there is no catch apart from acknowledging where you found the artwork and perhaps sending a link back to this page.

This post | Free Stock Vector Skull | is what it says on the tin. A selection of free skulls that you can use in you is work be it commercial or not. There is no catch!

It is a simple case of copy and paste the jpgs – and they are all yours!

Free Stock Vector Skull
Free Stock Of Skull – Created in Adobe illustrator
Divider

Free Skull Stock Graphic

This skull has been created in Adobe Illustrator. This is in preparation for some Artwork that will be available to purchase soon on websites in which you can use it for your project, game, business or anything that is relevant to your purpose.

This stock image is completely free – use as you wish but please refer back to this page saying where you got hold of the artwork.

Graphic Vector Badge
Link with this! thanks! \
Or | https://blog.jimmsdesign.co.uk/free-stock-vector-skull-sideways/

I took my time to create these visuals for you.

Enjoy

Free Stock Graphic skull profile

Side view of screaming skull with mouth open – SCREAMING!

Free Stock Vector Skull
Skull on Purple Grey

These are Free to USE!

Skull on red
Free Stock Vector Skull
Skull on black

FREE Skull Graphic – PNG – Isolated

Free Stock Vector Skull
Skull PNG

Free Stock Graphics – Vector Skull Profile – Free

There is very little to say, apart from ‘thanking’ you for either looking at or reading through this post. If the Free Skull Stock Graphic comes in handy for what you need then great! I am happy in the knowledge that this is serving some purpose out there on the world wide web!

Watch this space to see if there are any other handy projects, tips or FREE stuff. You never know if you come back and look.

Other useful links

How to create vector art like this on your computer

Create a photoshop brush

How to get the black you want in photoshop

External link to services

Freelance Vector illustration

Design

Project post | Freelance Vector Artist & UI Designer

It has been a very busy month! I felt that it was time to post what I have been working on, and here it is – me as the freelance vector artist & UI designer!

I have added a lot of new content and skills pages to by brochure website, mostly focusing on my digital design skills and anything web!

Visual Information and vector art
Info Graphic

But, I have added much more than just that. There are all the vector drawings, information about blog design and other projects, etc which have been added.

This is a speedy overview; Firstly I will cover the information about vector illustration.

Freelance Vector Artist

A freelance vector artist or designer is a good way for me to summarise that I can draw in Adobe illustrator.

freelance vector artist & UI designer
Vector Illustration : Test Tubes

Using Adobe Illustrator to create Vector art or illustration has been something I have been familiar with over the years, whether it has been to create a character, create an icon and draft visuals, or create pre-rendered artwork. Vector work is a staple part of my design diet.

Vector art can be scaled and used across a whole range of channels and mediums. It is versatile, clean and stylistically lends itself well to flat design.

Flat design is a an in-vogue trend we see in website design and generally throughout advertising. (good riddance web 2.0 has gone) . If you are yet to explore vector illustration, I would consider adding it to your list.

freelance vector artist & Ui designer | floppy disk
Floppy Disks

Here is a small list of ideas on what you can use vector illustration with:

– Create artwork for marketing campaigns

– Illustration for books, games, and general-purpose crisp art & design

– To produce characters that can be used in animations, videos, and games!

– And the last point; you can use Adobe Illustrator (Vector art) to create website content such as information graphics for blogs. As seen at the top of the blog post.

These are just some ideas of what you can do with Adobe Illustrator and vector graphics. The scope of this list offers a mere handful of ideas that barely scratches the surface.

In a few words, Adobe Illustrator is a very potent program.

My vector illustration services

If you would like to read a bit more about my services please visit my page here: freelance vector designer – It will discuss in more detail what I have used Adobe Illustrator for in the past, present and how I intend to use it in the future. The link takes you to my portfolio website.

Vector illustration for games

Vector illustration for games – that is correct. Combining both my budding knowledge of Unity and Adobe flash (sorry Animate) I can create project ready vector artwork for games – and that could be mean your game.

Previously, I have been involved in creating 2D games to promote products, educate and entertain. You can see one example which was an e-learning project or read more here on the merits of Unity.

Vector Character Illustration
Character Illustration | Sprite Sheet

UI Designer

The biggest theme of this post is of my skills as a freelance vector artist & UI designer. I have added subsidiaries of my digital / web work. Below is a glance at my UI skills.

I have recently been much more involved in using WordPress after a couple of years gap. I will always have love bespoke HTML and CSS but WordPress offers many possibilities straight off the shelf. If you have not heard of WordPress, and you are looking at getting a blog or website, I would consider WP as a good open-source platform, to begin with.

freelance vector artist & UI designer
UI skills
UI design | landing page
UI Design for a landing page

If you would like to read more about my UI and WordPress design you can do so here. I’m happy to work both contracts and on a freelance basis. The link takes you to my portfolio website.

Blog Designer

Having a blog that stands out is very important if you are intending on making money or using it for general marketing purposes.

The one big downside with blogging is this – it is crowded. The Internet offers a very deep well of information to those who prepared to type in a search term (so pretty much everyone) . And if they click on the page and it doesn’t captivate – they hit the back button.

So what can you do?

– Offer value and relevance

– Create better information

– Create striking visuals to get them to stick to your page

Blog Design - UI design
Blog Design – stand out from a crowd

To illustrate aspects of your content this is something, I can certainly help with.

You can read more on freelance blog design services on my new pages!

“Jimm has a great eye for design and understands perfectly the needs of today’s online audiences. He’s able to magic-up a wide range of impressive visuals that are all bang on brief and is a delight to work with. Highly recommended.”

Last but not least – Creative Direction & Strategy

In conjunction with my skills as a freelance vector artist & UI designer, I have been involved in creative direction – a part of my job that I love and will continue to be involved with for the foreseeable future.

But what does that really mean? Involved in what with “creative direction”? To summarise very quickly. Creating, visualising and drafting up ideas that are geared toward a goal, demographic or specific purpose.

This can cover website design, graphics, digital design, apps, games, and many others, just to name a few. And that is the short answer.

The long answer can be found here on this page of my brochure website.

Creative direction diagram & UI design
Creative Direction can be applied to UI design too!

Past experience in creative direction

I have been involved in telling brand stories, creating visuals for marketing purposes and adapting my skills to create compelling brand narratives. (integrated stories for business)

Design direction for web: It is simply not enough just to create a piece of design work that is aesthetically pleasing. You need to consider how the visuals tie-in with the form and function or your website – even down to the UI.

Summary | UI Design & Freelance Vector Illustrator

I hope that this post has offered some insight into what I have been up to for the past month. Times have been very busy and I have been beavering away working on client work and adding tons of new content – not to mention that I have also been working on other ventures too!

This post has focused on me as a freelance vector artist & UI designer but I have plenty of other skills not mentioned in this post. You can see what else I have been working on by visiting my home page or visiting my brochure website.

Summary freelance vector artist & UI designer handy links

This is a list of other helpful articles on this blog:

External Websites

Jimmsdesign :

WordPress and UI design

Vector Illustrator & Designer

Blog & Content Designer

Board & Card game design

Unity Dev Lab

Posts to help with Graphic Design, Games & Photoshop

Help with Graphic Design, Games & Photoshop – here we come! This post has consolidated some of my more popular and useful posts to help you with your design creations, games & Photoshop. There are many other posts but I can link everything single thing here.

A bit of handy chatter!

help with Graphic Design, Games & Photoshop
help with Graphic Design, Games & Photoshop

Creating something new or trying to find inspiration can be a bit tricky – I know, I have been there and I can imagine that this will be something that will continue to come about in life as a creative Designer & Developer.

When I try to create a post, I try to write something that will both be helpful, relevant and useful to the reader, this blog, after all, is more than just a diary – its a resource for sharing my experience and offer help.

So here goes, useful links to help you with design, games, and photoshop

Photoshop & Drawing

This is something that I intend to expand upon in the future. As of this date here are some of my links for drawing and Photoshop.

The posts above cover tried and tested methods for speedy shortcuts and how to draw with a Wacom Tablet for your computer and digital drawing.

Board Games Tips / Design

These posts cover some very useful tips and ideas for a board game or party game. If you are toiling over some decisions of what to do and how to go about selling your game, hopefully, these will offer some insights.

Apps & Games

In these links below cover some handy tips for creating video games, Apps, unity and STEM/e-learning games. It should also be noted that these are portfolio pieces that have been created by me in the past.

there is little else I can say for this apart from unity is great and free

this post covers all the details and information I used to create STEM game

And, although this is away from this blog – a Sandpit website for testing Unity games and applications. Feel free to have a look if you have a moment, you can actually play some of these games from your browser.

Thank you for reading this little repository of useful posts to help with Graphic Design, Games & Photoshop. If you feel it could be of use to you or wish to share on social media then please feel free to do so.

Useful posts to help with Graphic Design, Games & Photoshop

See you later!