The Bell Network - Responsive Design

The Bell Network

The Bell Network site showcases the things Bell is continually doing - everyday - to improve their already great network. The modular design of the site allows more stories, videos, and interesting content to be added on an ongoing basis. The scrolling experience is enhanced with subtle animations throughout the site.

Creative direction, copywriting, and development by the talented people at Teehan+Lax.

Visit site

Upcoming - iOS App Concept Design + Branding

Upcoming

Most digital calendars mimic the traditional paper calendar. Upcoming is a Teehan+Lax Labs experiment that explores an authentically digital calendar experience. Instead of being a fully featured calendar-replacement app, the design specifically focuses on one thing, "what do I have to worry about next?".

Using your Google calendar information, the user's next appointment is displayed at the top. Using the full height of the screen, the user's entire day is displayed at once, allowing the user to get a sense of their day with a quick glance. From this view the user can see if they have a big gap in their day to go for a long lunch, or see if it will be a hectic afternoon. The user can then scrub along the timeline to an appointment to get its information at the top as well see a more detailed, contextualized timeline.

Creative direction and development by the talented people at Teehan+Lax.

Learn more

CSS3 Animation Cheat Sheet - Responsive design + Development + Resource

CSS3 Animation
Cheat Sheet

The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated.

The project began as an exploration into CSS3 @keyframe animations and but after seeing how easily these animation classes could be applied, I decided to create a downloadable resource. The CSS3 Animation Cheat Sheet provides users with designer-focused instructions and code samples to implement them in their own web projects.

Also you have a floating, cartoon Rick Ross head. BAWSE!

Visit site

Try out some animations from the CSS3 Animation Cheat Sheet.

Bell Moving Planner - Desktop + Mobile Design

Bell Moving Planner

The Bell Moving Planner is a tool to help organize an efficient move. Submit some basic details about your move and get a personalized dashboard with directions, weather information, to-do list and more. Then, take your move plan on the go to stay informed and coordinated on your big day.

Creative direction, copywriting, and development by the talented people at Teehan+Lax.

Visit site

Bell London 2012 Games Scheduler - Design

Bell London 2012
Games Scheduler

How do you keep up with 36 sports across 17 days? With the Bell 2012 Games Scheduler, you can select the events you're interested in and get an advent-calender-style schedule of the events you want to see. The scheduler sends you an alert before an event with multiple ways you can watch the games with Bell. Being a Facebook app, you can also view your friends' personalized schedules and see which events they have set alerts for.

Creative direction, copywriting, and development by the talented people at Teehan+Lax.

Bell Sony Xperia Z Video Wall - Responsive Design

Bell Sony Xperia Z Video Wall

The Video Wall microsite is a compilation of short Instagram videos highlighting the cool waterproof feature of the Sony Xperia Z. The videos range from situational mishaps to full on water gun fights. As the user moves their mouse around the site, the static thumbnails start to brighten up and come to life.

Each of these videos serve as pieces of content users can share on their social networks to drive traffic back to the site.

Creative direction, copywriting, and development by the talented people at Teehan+Lax.

Visit site

Wordpress Portfolio Theme - Design + Development + Wordpress

Wordpress
Portfolio Theme

A free Wordpress portfolio theme I created as a personal project to learn more about Wordpress as a platform beyond basic blogs. The design is originally based off of a previous version of my portfolio and I offered the free download in my website's footer.

If you have any questions about this theme, feel free to email me.

View demo

Various Bell Projects - Design

Various
Bell Projects

A small glimpse of Bell projects I've designed while working at Teehan+Lax.

Thanks for checking out my work!

Now check me out on Twitter, Instagram, and Svpply.

Back to top