top up down

I like to define myself as a creative web designer with a keen eye for design and front-end code coupled with a huge interest in everything to do with digital marketing.

Have a read about me or look at my CV In the meantime, use the arrows on the right to browse my portfolio or use the hotkeys, (J) to go down or (K) to go up.

Page 1

Page:

Sense Worldwide

sense

Screenshots:

1

Design and Development of website for London based Research agency, Sense Worldwide. I worked closely with the Creative Director to redesign the site. The main aim was to create a site which is visually pleasing and usable, but equally importantly, integrated with a CMS so every element of the content can be updated by content editors.

Visit site
  • Photoshop mockups and wireframing
  • HTML/CSS coding
  • WordPress integration

The Rushes - underscore

rushes

Screenshots:

1 2

Development of website for The Rushes shopping centre in Loughborough. During my time at underscore I developed this customer facing site using the Blueprint CSS framework and integrated the site into Wordpress.

Visit site
  • HTML/CSS coding
  • WordPress integration

Lings Cars

rushes

Screenshots:

1

Front page mockup of Dragon's Den entrant Ling Valentine's car and van rental website Lings Cars. It was a challenging task because Ling's website is full of links, content boxes, embedded videos and graphics with little consideration to organisation and usability.

Open mockup
  • Photoshop mockup

Events Artists

events-artists

Screenshots:

1 2

Design and development of a website for a small business which does face and body painting at events. The client wanted a simple and foolproof but visually attractive site using the company colours, they also specifically wanted a gallery and a blog which can be updated quickly and easily. For this reason I decided to use WordPress as a CMS platform and the SimpleViewer Flash gallery plugin.

Visit site
  • Photoshop mockups and wireframing
  • HTML/CSS coding
  • WordPress integration

Page 2

Page:

Gilbert Evans - underscore

Gilbert Evans

Screenshots:

1 2 3

Development of website for this retail and garden centre property letting firm. During my time at underscore I developed this site using the Blueprint CSS framework and integrated the site into Wordpress. The developer in our team custom made a WordPress plugin whereby new properties can be added through the WordPress admin panel.

Launch mockup
  • HTML/CSS coding
  • WordPress integration

Article Foundry

Article Foundry

Screenshots:

1 2

News/magazine style WordPress theme. I decided to create a wordpress theme that could be used for a news site or a blog with multiple story excerpts presented on the homepage. I also made the download page: Article Foundry download page

Visit site
  • Photoshop mockups and wireframing
  • HTML/CSS coding
  • WordPress integration

Forum interface redesign

Designers Talk

Screenshots:

1

This is my redesign of the Designerstalk forum interface. I was curious to see how I could facilitate the requirements of the forum using sidebar layout, something rarely seen on forums. Of course all elements of the current design had to be included and usability was an issue aswell.

Open mockup
  • Photoshop mockup

Ibiza Motor Charter

Ibiza Motor Charter

Screenshots:

1

Homepage mockup of website for an Ibiza based yacht and motorboat charter company. They were looking for a sleek and classy redesign. The curved blue line is intended to represent the curved lines on modern leisure yachts. Mockups of internal pages coming soon.

Open mockup
  • Photoshop mockup

Page 3

Page:

Band Blogsite

Band blogsite

Screenshots:

1

Grungy rock band blog site design for woothemes blog design competition. I decided to go for a grungy look as it's an aesthetic I hadn't really experimented with before.

Open mockup
  • Photoshop mockup

Ants Productions

Ants Productions

Design and Development of website for small Derby based video production company. The client want's the site to feature his video clips and a news section. He also wanted the site to be designed in a retro style.

Visit site
  • Photoshop mockups and wireframing
  • HTML/CSS coding
  • WordPress integration

My Travel Flicks

Gilbert Evans

Screenshots:

1 2

Personal project to showcase some of my photography in a photoblog/gallery format. The photos are all loaded from flickr. I also taken this opportunity to experiment with JavaScript and find out how I could extend the functionality of WordPress.

Visit site
  • Photoshop mockups and wireframing
  • HTML/CSS coding

Bio

Page:

Me

Barry Richards - profile picture

Contact

To get in contact, drop me an email: barry@br-webdesigner.com

Networks

A brief summary

What got me started

teletext

During my childhood I used to spend hours browsing pages on teletext. I didn't have an obsession with memorising football results or recipes. I think it came down to a healthy (or unhealthy depending on which way you look at it) fascination with the primitive graphics that made up the pages, coupled with a childlike desire to explore a seemingly endless medium.

I had my first taste of web design in my teens. I got together with a couple of mates to start a web design company. With no prior experience (how foolish we were) we tried to get a loan which was thankfully refused because we only managed two websites before we disbanded in a flurry of teenage angst.

We made a bit of money though, and I realised how much I enjoy designing websites. I decided it was the ideal career choice for me as It allowed me to merge my interest in everything digital with my desire to be creative.

At that time the web design community was taking steps to adopt wider use of CSS and web standards, something I agreed with because it compelled me to develop websites in a more inclusive way, with semantic structure accessibility and SEO in mind aswell as making things look pretty.

Since then I've worked on a variety of freelance projects. I designed and developed the website for a London based research agency and worked with the great people at branding and design firm underscore. Have a look at my CV for more info.

In my spare time

I like browsing showcase sites like fffound and dropular to keep up with design trends and keep myself inspired. When I'm away from the computer I like spending time out on the trails with my bicycle and playing football. I've also got a passion for seeing new places and meeting people of different cultures, even though I haven't done much of it yet! These days I settle for trips to my parents place in rural France where I enjoy things like freshly laid eggs, local cider, walking the dog and making myself feel all manly by chopping up lumps of wood with an axe.

Technical skills

  • Hand coding XHTML/CSS
  • Creating sitemaps and wireframes
  • JavaScript/jQuery implementation
  • Blueprint and 960 Grid System CSS frameworks
  • WordPress integration
  • HTML emails
  • Photoshop
  • Illustrator
  • Balsamiq
  • SVN version control
  • InDesign

Creative/Theoretical skills

  • Understanding of web standards, usability and traditional design fundamentals
  • Understanding of website architecture - sitemapping and wireframing
  • Brand design
  • Online marketing and SEO