Reticulating Splines

Author Archives: mart3ll

Mozilla ID Project: Logo Exploration and Pitch Interactive

September 4, 2014

Now that we’re well underway in the brand exploration project, we’re starting to see some fun and exciting ideas unfold visually thanks to a partnership Creative has with the amazing Pitch Interactive. It’s awesome to see just how much Pitch … Continue reading

Posted in Design, Mozilla | Comments Off

Mozilla ID Project: Logo exploration

September 2, 2014

The 2nd video of the series (streamed live on August 19th) involves exploring options for what a potential living logo could look like. Based on these initial rough sketches, I’m very excited to say we’ll be working in partnership with … Continue reading

Posted in Design, Mozilla, Uncategorized | Comments Off

Mozilla ID Project: Wordmark exploration

August 14, 2014

This is the first in a series of live streaming work sessions exploring a refresh of the Mozilla brand ID system. Today’s session was exploring Fira Sans for our wordmark versus the current Meta Bold. Fira Sans is an open … Continue reading

Posted in Design, Mozilla | Comments Off

What is a Living Brand?

August 11, 2014

Today, we’re starting the Mozilla ID project, which will be an exploration into how to make the Mozilla identity system as bold and dynamic as the Mozilla project itself. The project will look into tackling three of our brand elements … Continue reading

Posted in Design, Mozilla | Comments Off

Firefox Behind the Scenes: Australis Tab

April 30, 2014

With the launch of our latest version of Firefox yesterday, an all new updated interface was brought to the browser. The UX team here at Mozilla was hard at work for over two years dreaming up, building and refining the … Continue reading

Posted in Mozilla, Uncategorized | Comments Off

December 10, 2013

When too many cooks threaten to spoil the broth, + offer a recipe they can’t refuse.

Posted in Chalkboard | Comments Off

Lightbeam for Firefox

October 25, 2013

Lightbeam for Firefox – formerly Collusion – was launched today and with the new add-on comes a beaming new logo. Currently exploring the idea of reserving distinct shape systems throughout projects/products at Mozilla, we decided on a diamond shape for … Continue reading

Posted in Design, Mozilla | Comments Off

Site Design Edits Using Firefox DevTools

October 24, 2013

Currently working with the MDN crew on the revamp of the site – which is now in beta – I’ve discovered something… something AMAZING. A certain jaw-droppingly excellent team here at Mozilla has been crafting an awesome, ever expanding suite … Continue reading

Posted in CSS, Mozilla | Comments Off

September 17, 2013

Mozilla is my dinosaur, to keep me safe — that’s what he’s for. When I’m asleep, lost in a dream, my dino’s there, we’re quite a team.   He lets me be just who I choose, as I live out … Continue reading

Posted in Mozilla | Comments Off

Simplified logos: Nightly and Aurora

July 2, 2013

Following in the footsteps of the Firefox logo simplification process, the Nightly and Aurora release channel logos were also rebuilt with the same principles in mind. Be on the lookout for them appearing in release builds soon! For a sneak … Continue reading

Posted in Mozilla | Comments Off

(Re)building a simplified Firefox logo

June 27, 2013

Today we are excited to announce a visual evolution of our Firefox brand that will better fit its extended usage beyond that of a desktop web browser. An overview of our brand history and the reasons for this evolution are … Continue reading

Posted in Mozilla | Comments Off

Early summer lightning

June 17, 2013 Posted in Photography | Comments Off

As a designer

June 12, 2013

I’m going to talk to you about being a designer, but of course this applies to [INSERT PORTION OF LIFE HERE]. There are other articles out there that speak to what I’m about to say, but hey, I want to … Continue reading

Posted in Design, Mozilla | Comments Off

Open: An Illustration Mashup

May 21, 2013

The dino head has been retired from active duty as our official brand within Mozilla but continues to be a strong symbol of pride within the global family – especially with us folk who have been around for a while. … Continue reading

Posted in Design, Mozilla | Comments Off

So you want to sketch a hero?

March 22, 2013

Back in February, I posted about a technique I called “sketch-to-vector” where I use Photoshop to freehand draw illustrations then copy them into Illustrator and convert the lines to vector. The poster I ran through in the outlined process was … Continue reading

Posted in Design, Mozilla | Comments Off

Illustration techniques: Sketch to vector

February 14, 2013

For those of you interested in how I created the updated version of my “Don’t hurt the Web” poster, I thought I’d share the various techniques I used in the process. Before I get into the nuts and bolts of … Continue reading

Posted in Design, Mozilla | Comments Off

Christmas Eve

December 20, 2012

On window panes, the icy frost Leaves feathered patterns, crissed & crossed, But in our house the Christmas tree is decorated festively With tiny dots of colored light That cozy up this Winter night. Christmas songs, familiar slow, Play softly … Continue reading

Posted in Art | Comments Off

Mozilla in Logos: 65 logos from 2006 – present

March 2, 2012

Head on over to my all new logo page to check out a chronological listing of all (I think) logos I have created starting from 2006. A fun little history lesson and memory game. Just hover over each logo to … Continue reading

Posted in Mozilla | 7 Comments

The rebirth of the Firefox mascot

February 29, 2012

Ah, Firefox. We all love the lil critter. He hugs the globe tightly to protect the web and keep it safe. He cares about all of us and we should return that love. But how do you show the lil … Continue reading

Posted in Mozilla | 3 Comments

Nightly and Aurora: Space Quest Goodies

April 21, 2011

Yes, that’s right.  The two new logos on the block had a fashion shoot in space and they’ve brought back pictures!  Gird your desktop with sleek new wallpaper or slather your browser with a fresh persona! The options are endless!* … Continue reading

Posted in Mozilla | 4 Comments

A Tale of Two Logos: Nightly and Aurora

April 14, 2011

Aurora had but newly chased the night, And purpled o’er the sky with blushing light. – John Dryden, Palamon and Arcite Folks, those book words are from an actual book. I looked them up. I have to say, they’re pretty … Continue reading

Posted in Design, Mozilla | 27 Comments

Poor Little Sauron

November 16, 2010

I’ve been playing Lord of the Rings Online now since 2008 and I have to say, I’m fairly addicted. It seems to have formed a perfect storm where excellent game design merged with my childhood fascination of all things Tolkien. … Continue reading

Posted in Gaming | Leave a comment

Illustrating a Hologram in Vector

April 27, 2010

During a Mozilla Labs week a while back, I was tasked with creating a logo for a yet to be realized project that centered around a person’s contacts.  That initial experiment has matured into a full Labs project and is … Continue reading

Posted in Design, Mozilla | 3 Comments

Raindrop Logo in CSS

March 25, 2010

Playing around with -moz-radial-gradient this past while, and seeing the amazing job done on the CSS Opera logo by David Desandro, I thought I’d have a go at recreating one of the logos I illustrated within the past year using … Continue reading

Posted in CSS, Design, Mozilla | 21 Comments

Mozilla Labs Website Refresh

January 27, 2010

No, I’m not going to talk to you about a tablet. I’m going to talk to you about a website!  The Mozilla Labs website, now with a fresh new coat of paint! *throws up arms in rejoicing fashion*  Today, we’ve … Continue reading

Posted in Mozilla | 2 Comments

Logomania, Yet Again!

December 4, 2009

It has been a little while since I have discussed any designs I’ve been working on at Mozilla, so I thought I’d share some of the logos that I’ve created over the past little while.  Both logos showcased here are … Continue reading

Posted in Design, Mozilla | 16 Comments

How to Lose Money Fast on your Xbox 360

October 18, 2009

I’ve come to discover a very interesting feature with the Xbox 360′s dashboard. When programming your Xbox 360 Universal Remote, be sure to first have your TV tuned to the video signal from the 360 and for the love of … Continue reading

Posted in Gaming | 4 Comments

Space, Vectors, and wee Mozillians

September 15, 2009

My life at Mozilla can be summed up in one statement – another day, another insanely fun design request.  The latest example I have for your viewing pleasure is the result of a request for branding the new Add-ons Developer … Continue reading

Posted in Design, Mozilla | Tagged , , , , , , | 6 Comments

Mozilla Creative Collective is Live!

August 19, 2009

Yes, that’s right, the Mozilla Creative Collective is up and running and we want you to join!  Why you say?  Well, did you know that there are achievement badges and design challenges?  Did you know you can create your own … Continue reading

Posted in Mozilla | Tagged , , , , | 2 Comments

Animated Personas? Sure!

August 7, 2009

When it comes to creating Personas for Firefox, most people don’t realize a wee little fun fact about the creation process.  If you create a few different frames at the proper dimensions for both the header and the footer, you … Continue reading

Posted in Mozilla | 8 Comments

Photography: Summer Nights

August 1, 2009 Posted in Photography | Leave a comment

Yet Another Blog Theme

July 31, 2009

It’s that time again, when I decide a couple of weeks is far too long to have the same old theme for my blog.  I have to say, I think I may have an addiction of sorts with CSS and … Continue reading

Posted in Uncategorized | 7 Comments

A Web Browser Renaissance

June 30, 2009

With the launch of Firefox 3.5 today, I’m excited to post an all new wallpaper to commemorate the event! Within the web today, a browsing transformation is underway.  We’re seeing constant advancement from the static browsing Middle Ages of old … Continue reading

Posted in Design, Mozilla, Random | Tagged , , , , , | 49 Comments

Open Video: I Want My OGG

June 1, 2009

Last Friday I decided to have a go at teaching myself After Effects.  I’ve been wanting to test the waters of motion graphics for a while and decided to take the plunge.  A few hours later I had the startings … Continue reading

Posted in Mozilla | 13 Comments

CSS3 & Flexible UI: Avoid Recutting UI Graphics for Mobile

April 21, 2009

Working on the Fennec UI has been an amazing experience. Designing UI elements for a mobile browser has taught me a great deal when it comes to creating interactive graphical elements that are to be used in a very small … Continue reading

Posted in CSS, Mozilla | 69 Comments

Firefox New Tab: Now With More Pixels!

April 13, 2009

As mentioned in the Mozilla Labs post Firefox New Tab: Visual Update, we have been playing around with a new look n’ feel for the New Tab feature. The main inspiration for this visual look comes from the netError styling … Continue reading

Posted in Mozilla | 4 Comments

Revisiting the Fennec Default Theme

April 6, 2009

With the release of Fennec Alpha, (Fennec is now in Beta) we showcased an initial default theme created to make mobile browsing easy on the fingers as well as the eyes.  Now that a bit of time has passed, we’ve … Continue reading

Posted in Mozilla | 6 Comments

Logomania!

February 24, 2009

My first month as Visual Designer with Mozilla Labs has been nothing short of funmazing.  I’ve basically been working solely on the elements of design that I love the most – logos and interfaces.  I’ve posted previously on the UI … Continue reading

Posted in Design, Mozilla | 10 Comments

A work in progress…

February 20, 2009

I thought I’d share this lil guy to get some initial community feedback on him as I am currently illustrating him for a Mozilla Add-ons project. He’s part fox, part machine, he’s… Mulder Fox?  No, he’s just our ol’ friend … Continue reading

Posted in Mozilla | 21 Comments

Showing More Skin: Personas Revisited, Part 2

February 9, 2009

As a quick update detailing where I am in the “play nice with Personas” revisions to the default Firefox 3 theme on OSX, I thought I’d share the preview below highlighting some of the changes to the toolbar buttons. *note: … Continue reading

Posted in Mozilla | 5 Comments

Showing More Skin: Personas Revisited

February 4, 2009

One of my first tasks as the new Visual Designer for Mozilla Labs is to research how to revise Firefox’s default chrome in OSX so that your Personas really shine through. Currently in OSX, there are two main chrome issues … Continue reading

Posted in Mozilla | 2 Comments

Xbox 360 NXE: Developer Kit theme!

November 20, 2008

So I was able to make it into the Beta release of the new 360 dashboard from Major Nelson’s blog and have been enjoying it for a while now. Nothing but good things to say about the upgrade.

Posted in Gaming | 1 Comment

Skinning Fennec – Awesomebar

September 7, 2008

Next we have the awesomebar and its awesomeness in weeee mobile form.

Posted in Mozilla | Tagged , , , | Leave a comment

Skinning Fennec – Preferenes side pane

September 5, 2008

Yet another screen for your viewing pleasure!  This time we visit the preferences pane and all the goodies you can toggle within.

Posted in Mozilla | Tagged , , , | 1 Comment

Skinning Fennec – Initial Screens

September 5, 2008

We’ve been plugging away at the default theme for Fennec and I’d like to share where we are thus far in the design.  The following screens are the work in progress and any comments/concerns are always welcome!

Posted in Mozilla | Tagged , , , | 4 Comments

Browsing on the go, Mozilla style.

September 2, 2008

Hello all!  Welcome to the beginnings of what will be a series of posts detailing the work I am currently involved in designing the default theme for Mozilla’s answer to mobile browsing, currently codenamed Fennec. To start things off, I … Continue reading

Posted in Mozilla | Tagged , , , | Leave a comment