Matthew Morey

I'm an engineer, developer, author, hacker, creator, tinkerer, traveler, snowboarder, surfer, and husband.

I create iOS apps professionally and independently.

Buoy Explorer iOS app

19 June 2013

Buoy Explorer app icon

I recently released Buoy Explorer, an iOS app that provides easy access to marine weather conditions for 100s of buoy locations worldwide. Conditions like swell height, swell period, wind speed, and direction, all of which are critical for surfers, kayakers, fishermen, and any other water enthusiast.

Growing up in Florida I spent a significant portion of my teenage years surfing up and down the east coast. When I moved to the gulf coast after college one of my main concerns was if I would still be able to surf. Turns out you can surf on the gulf and the people are passionate about the sport as decent waves don't come around very often. When a good swell does come you have to be ready to pounce as the window of opportunity is usually small.

I live and work about and hour away from the closest surf break. I used to get frustrated when I would drive an hour both ways just to find out that the swell was blown out or it had already passed. I needed a way to access the swell and wind conditions at several locations quickly. The National Buoy Data Center provides great data but it doesn't really scale well on mobile devices. So I built a native iOS app with the goal of simplicity and performance in mind.

With a primary goal of simplicity I wanted to avoid the traditional navigation stack which forces the user to hit the back button frequently when switching between unique items, or favorited Stations in the case of Buoy Explorer. Instead, every station is in a single plane without any navigation stack. Pan gestures are used to switch between a users favorite Stations. Additionally, up and down pan gestures allow the user to dive into the details of a specific station.

Buoy Explorer app map, single plane for all views gets rid of the need of a navitgation controller

The design ended up being considerably "flat", not on purpose and definitely not in response to iOS 7 redesign rumors. Actually, if you look closely there are textured backgrounds throughout the app. Joie Chung helped me with the design of the app, you should hire her, she does great work.

The icon stands out pretty well against the competition.

Buoy Explore app icon against the competition

Buoy Explorer wouldn't be possible without several open source libraries:

I have done close to 0 marketing due to a lack of time and slightly on purpose. I wanted to make the app publicly available as fast as possible so I could get real feedback from paying customers. Paying users tend to be honest with their feedback and disappointments and I want need that brutally honest feedback if I want Buoy Explorer to be the best app it can be.

I did get some stickers from Sticker Mule just because they made the process so easy. All I did was upload the largest version of the app icon, verify the proof, and check my mailbox a couple of days later. Couldn't have been easier. But I made an obvious mistake, I didn't put the name of the app or a URL anywhere on the sticker. Rookie mistake. So now, with the help of my wife, I have written the URL on the back of a couple hundred stickers.

Buoy Explorer app icon stickers from Sticker Mule

The website is Twitter Bootstrap based and will improve over time. I wanted a simple, clean, and responsive landing page, I think it accomplishes that.

Buoy Explorer website screenshot

I would love to hear your opinion about the app. I'm on Twitter as @xzolian and ADN as morey. And of course, buy Buoy Explorer, I would really appreciate the support.