7 Up – Front End Development

7up Competition

7up Competition

When contracting at Spookmedia at Edelman I created the front end for a promotional 7Up competition web site. Given the designs early afternoon on Sunday I had to turn them around for first thing Monday morning. The design represented a few problems in that it was very unconventional in terms of layout and alignments. Taken from a Photoshop PSD design I sliced the layers up, optimised the export and constructed the design into HTML and CSS in Dreamweaver.

I had to arrange the content by absolute position containers with relative elements within them. The angled navigation represented a few problems but with some cunning CSS skills, I was able to overcome the difficult alignment and also the hit area for the buttons. Finally I corrected styles sheets and images for cross browser compatibility from Internet Explorer 6 to Google Chrome.

You can view the site here http://www.ru7up4it.ie/

134 thoughts on “7 Up – Front End Development

  1. Pingback: Milton
  2. Pingback: justin
  3. Pingback: Darrell
  4. Pingback: billy
  5. Pingback: ronald
  6. Pingback: michael
  7. Pingback: Terrence
  8. Pingback: Don
  9. Pingback: derrick
  10. Pingback: Andrew
  11. Pingback: martin
  12. Pingback: Luther
  13. Pingback: Kirk
  14. Pingback: ronnie
  15. Pingback: guy
  16. Pingback: stephen
  17. Pingback: alan
  18. Pingback: ramon
  19. Pingback: Marc
  20. Pingback: lee
  21. Pingback: bradley
  22. Pingback: Brandon
  23. Pingback: Daniel
  24. Pingback: Maurice
  25. Pingback: bruce
  26. Pingback: jim
  27. Pingback: lance
  28. Pingback: Jason
  29. Pingback: keith
  30. Pingback: Jose
  31. Pingback: Adam
  32. Pingback: Jerome
  33. Pingback: allen
  34. Pingback: todd
  35. Pingback: rick
  36. Pingback: Stephen
  37. Pingback: Alfonso
  38. Pingback: mathew
  39. Pingback: Evan
  40. Pingback: felix
  41. Pingback: Duane
  42. Pingback: donnie
  43. Pingback: dave
  44. Pingback: Mathew
  45. Pingback: Marshall
  46. Pingback: Julius
  47. Pingback: Jerry
  48. Pingback: paul
  49. Pingback: aaron
  50. Pingback: Jack

Leave a Reply