Working with Teamfill

https://teamfill.com/

As an up and coming UX designer I have had the great opportunity of working within the team that created Teamfill.com, a new fantasy football optimiser which optimises players into teams and formation. A handy tool for all those who play. 

Teamfill.com is a great example of both current design and application of the latest web technologies. Ultra fast in response to user action as well as being fresh and simple in layout and design. In the following set of screen captures I'll lay out some of the nice design features and user interface that makes the site so unique.

https://teamfill.com/

As you can see from the login page, simple and user friendly was the goal (forgive the pun), Using the Google, windows live and Facebook login was all to save the user the grief of having to submit forms of information which we didn't need and to allow the user the security provided with those accounts

https://teamfill.com/

 Within the app we see the user interface, which has been kept intuitively simple, whilst masking a complex set of filters which allow for fast and effective navigation. With simple toggle navigation the list can be assorted with ease allowing quick player finding.

https://teamfill.com/

 Above image shows some of the navigation in action, highlighting the simplicity

https://teamfill.com/

On the MyPlayers section we see the real genius of the application, this comes with the ability given the the user to forecast their players Points Per Week (PPW) before optimising their team, this allows the user's own ability at the game come into action as correct predictions in points could give the winning week team.

https://teamfill.com/

 cool little loading symbol found in Adobe Edge. 

https://teamfill.com/

A screen shot of what the final optimised team lay-down comes out looking like, again a nice simple design which is informative and engaging. 

Website Complete

After a load of painful coding my site is complete and live. I was able to create my site in a fashion that looks and works how I intended it to in my mocks, so as you can imagine i'm pleased with the final result.

My portfolio website can be found at:

http://www.tommylythgoe.co.uk

Website Mock-up

Here is a set of PNGs I made in illustrator to show my tutors how I intent to create my portfolio website as well as how I want it to look. Im looking to see if I can have the content area slide to each page. Obviously this is a mock up so I expect elements are either going to need to be changed or left out, hopefully though the final product will resemble my mock if I put the work in.

Home page

About Page

Work Page

Video Page

Contact Page

Wireframe

Function of site

Poster Designs: Updated

In these updated poster designs I have added the new emblem with the Lewes castle add on, I have also messed around with the tracking on the Private/Public viewing text so that now they are in chronological order and aligned as best they can. Just those little changes have made a massive improvement in my eyes. I have also added a smooth look to the peeled up edge rather than the previous 3 shade design.

End of Year Show Project Poster: version 1

End of Year Show Project Poster: version 2

End of year show emblem design: Updated

In the update I added Lewes castle as some of the feedback suggested that as our course is held in Lewes that something should represent it. There is also a totem pole to add a bit of variety and symbolise different parts of the world.

Pitch Feedback

My pitch went really well,  I got no negative feedback which was obviously nice. It was suggested that Lewes should be somehow incorporated into the image. This will be my next step in the poster development, to add some reference to Lewes. I have also noticed myself that Im not happy with the viewing dates being out of chronological order, this will have to be changed to.

End Of Year Show: Pitch

Here is the pitch I gave to the group, Its essentially a branding guidelines stating how I felt the end of year show should look.