Upload
sign-upto
View
643
Download
2
Embed Size (px)
DESCRIPTION
Slides from the talk given by Brenden Rawson, Sign-Up.to's Australian Managing Director, on the 2012 rebuild of Seal's official website.
Citation preview
SEALRebranding for 2012
SEAL.COMRebranding for 2012
• Brenden RawsonSign-Up.to - Managing Director (Australia)
•@urbanbrenden
Requirements
• New design
• Mobile and tablet ready
• New tour page concept
• New video page concept
• Integrate with Sign-Up.to
• Branded email templates
Concepts
• Inspirational work
• Mock-up artwork
• Colour schemes
• Fonts
Concepts
Mobile
TabletDesktop
Timeline
• The project initially had no exact
timeline however that quickly
changed with the announcement of
‘The Voice Australia’
• The project from beginning to end
took approximately 2 months
Budget
• This project was part of a larger
on-going marketing program and
as such had no directly attributable
budget
•We were able to keep costs down
by managing and implementing all
aspects of the design in-house
Facebook timeline
• During the website development
the new Facebook timeline for
pages was released
•We took the opportunity to build a
timeline on Seal’s career
• Multiple people across multiple
agencies collaborated
Facebook timeline
Implementation
• HTML 5
• CSS3
•Web fonts
• Responsive fluid layout
• Extensive jQuery Javascript
Integration
• Subscriber capture forms linking
back to Sign-Up.to marketing
platform
• Twitter widget
Testing
• Multiple Internet browsers
• Adobe Shadow Edge Inspect
• iPhone, iPad, PC, Mac and various
screen sizes
• Seal’s 27” Thunderbolt display
Complete
Complete
Complete
Complete
Complete
• Moved the site to Amazon EC2
servers with S3 backed CloudFront
edge assets
Challenges
• Mobile, web and social - optimising content, not just the framework
• Break points for responsive design - how to adjust the content correctly not just resize a window
• Convincing the client to move to a simple vector based design opposed to the traditional pixel based
Learnings
• SEAL.COMWhen working one-to-one with the client you need to be extremely flexible as direction can often change
• Facebook timelineThe Internet is the best place for archived media - you just have to
find it
Outcomes
• All new branded website that fit the
client’s multi-device requirements
whilst also embracing new web
technologies and integrations
• Certain sub-pages such as the tour
page will be overhauled along with
a standard design refresh in 2013
Thank you
• Brenden RawsonSign-Up.to - Managing Director (Australia)
•@urbanbrenden