Shark Tracker

Shark Tracker

Shark Tracker

Shark Tracker

Shark Tracker

Ocearch’s Shark Tracker lets you observe the navigational patterns of sharks outfitted with GPS transmitters.

Ocearch’s Shark Tracker lets you observe the navigational patterns of sharks outfitted with GPS transmitters.

Ocearch’s Shark Tracker lets you observe the navigational patterns of sharks outfitted with GPS transmitters.

Ocearch’s Shark Tracker lets you observe the navigational patterns of sharks outfitted with GPS transmitters.

Ocearch’s Shark Tracker lets you observe the navigational patterns of sharks outfitted with GPS transmitters.

Design Challenge

Design Challenge

Design Challenge

Design Challenge

Design Challenge

Take an aging iOS design and bring it into an iOS 7 style while finding new ways to engage the user base and help promote the awareness and education of sharks.

Take an aging iOS design and bring it into an iOS 7 style while finding new ways to engage the user base and help promote the awareness and education of sharks.

Take an aging iOS design and bring it into an iOS 7 style while finding new ways to engage the user base and help promote the awareness and education of sharks.

Take an aging iOS design and bring it into an iOS 7 style while finding new ways to engage the user base and help promote the awareness and education of sharks.

Take an aging iOS design and bring it into an iOS 7 style while finding new ways to engage the user base and help promote the awareness and education of sharks.

Important Note

Important Note

Important Note

Important Note

Important Note

I created this case study in 2014 as a way to explore new design challenges that I was not receiving at my day job. I chose this project because of my love for sharks and Ocearch's mission resonates with me. 

I created this case study in 2014 as a way to explore new design challenges that I was not receiving at my day job. I chose this project because of my love for sharks and Ocearch's mission resonates with me. 

I created this case study in 2014 as a way to explore new design challenges that I was not receiving at my day job. I chose this project because of my love for sharks and Ocearch's mission resonates with me. 

I created this case study in 2014 as a way to explore new design challenges that I was not receiving at my day job. I chose this project because of my love for sharks and Ocearch's mission resonates with me.

Gaia's layout was bound to the infamous "hamburger dungeon." Unfortunately, this architecture does not support intuitive context-switching between map and folder content. 

Loading Screen

Loading Screen

Loading Screen

Loading Screen

The original logo was far too cramp and lacked a visual hierarchy. Also missing was the star of the app.

PRO TIP: To see the original design, use the slider controls on the left and right of the image.

The original logo was far too cramp and lacked a visual hierarchy. Also missing was the star of the app.

PRO TIP: To see the original design, use the slider controls on the left and right of the image.

The original logo was far too cramp and lacked a visual hierarchy. Also missing was the star of the app.

PRO TIP: To see the original design, use the slider controls on the left and right of the image.

The original logo was far too cramp and lacked a visual hierarchy. Also missing was the star of the app.

PRO TIP: To see the original design, use the slider controls on the left and right of the image.

The original logo was far too cramp and lacked a visual hierarchy. Also missing was the star of the app.

PRO TIP: To see the original design, use the slider controls on the left and right of the image.

Home

Home

Home

Home

The original home screen felt like it would be better suited in a “more” tab. I used this opportunity to create a live feed of shark information enabling the user to see what's happening with all the sharks and get a better sense of what the app does.

The original home screen felt like it would be better suited in a “more” tab. I used this opportunity to create a live feed of shark information enabling the user to see what's happening with all the sharks and get a better sense of what the app does.

The original home screen felt like it would be better suited in a “more” tab. I used this opportunity to create a live feed of shark information enabling the user to see what's happening with all the sharks and get a better sense of what the app does.

The original home screen felt like it would be better suited in a “more” tab. I used this opportunity to create a live feed of shark information enabling the user to see what's happening with all the sharks and get a better sense of what the app does.

The original home screen felt like it would be better suited in a “more” tab. I used this opportunity to create a live feed of shark information enabling the user to see what's happening with all the sharks and get a better sense of what the app does.

Tracker

Tracker

Tracker

Tracker

I wanted to give users the ability to filter their search results and not only tell them what kind of shark is behind a ping, but show them photos to entice them to dive deeper.

I wanted to give users the ability to filter their search results and not only tell them what kind of shark is behind a ping, but show them photos to entice them to dive deeper.

I wanted to give users the ability to filter their search results and not only tell them what kind of shark is behind a ping, but show them photos to entice them to dive deeper.

I wanted to give users the ability to filter their search results and not only tell them what kind of shark is behind a ping, but show them photos to entice them to dive deeper.

I wanted to give users the ability to filter their search results and not only tell them what kind of shark is behind a ping, but show them photos to entice them to dive deeper.

Sharks

Sharks

Sharks

Sharks

With a wealth of photos, why hide them behind a boring list of names when you can bring them forward and let them shine.

With a wealth of photos, why hide them behind a boring list of names when you can bring them forward and let them shine.

With a wealth of photos, why hide them behind a boring list of names when you can bring them forward and let them shine.

With a wealth of photos, why hide them behind a boring list of names when you can bring them forward and let them shine.

With a wealth of photos, why hide them behind a boring list of names when you can bring them forward and let them shine.

Shark Profile

Shark Profile

Shark Profile

Shark Profile

Let the user swipe through photos and present the key stats at the same time. Utilize tracking data and create compelling data visualizations. And allow users to follow sharks so they can get live updates.

Let the user swipe through photos and present the key stats at the same time. Utilize tracking data and create compelling data visualizations. And allow users to follow sharks so they can get live updates.

Let the user swipe through photos and present the key stats at the same time. Utilize tracking data and create compelling data visualizations. And allow users to follow sharks so they can get live updates.

Let the user swipe through photos and present the key stats at the same time. Utilize tracking data and create compelling data visualizations. And allow users to follow sharks so they can get live updates.

Let the user swipe through photos and present the key stats at the same time. Utilize tracking data and create compelling data visualizations. And allow users to follow sharks so they can get live updates.

profile-graph@2x

Graph Details

Graph Details

Graph Details

Graph Details

Turning the device sideways allows you to interact with the data in a much richer way. We could even bring in the data from the entire species and average that against the shark we are looking at.

Turning the device sideways allows you to interact with the data in a much richer way. We could even bring in the data from the entire species and average that against the shark we are looking at.

Turning the device sideways allows you to interact with the data in a much richer way. We could even bring in the data from the entire species and average that against the shark we are looking at.

Turning the device sideways allows you to interact with the data in a much richer way. We could even bring in the data from the entire species and average that against the shark we are looking at.

Turning the device sideways allows you to interact with the data in a much richer way. We could even bring in the data from the entire species and average that against the shark we are looking at.

Media and Settings

Media and Settings

Media and Settings

Media and Settings

With the media tab I stripped out superfluous details and let the photos do the talking. For the more tab I combined the settings, brought in the content from the original home page, and placed a CTA at the top to help entice people to donate.

With the media tab I stripped out superfluous details and let the photos do the talking. For the more tab I combined the settings, brought in the content from the original home page, and placed a CTA at the top to help entice people to donate.

With the media tab I stripped out superfluous details and let the photos do the talking. For the more tab I combined the settings, brought in the content from the original home page, and placed a CTA at the top to help entice people to donate.

With the media tab I stripped out superfluous details and let the photos do the talking. For the more tab I combined the settings, brought in the content from the original home page, and placed a CTA at the top to help entice people to donate.

With the media tab I stripped out superfluous details and let the photos do the talking. For the more tab I combined the settings, brought in the content from the original home page, and placed a CTA at the top to help entice people to donate.

I also created a set of iOS inspired icons

I also created a set of iOS inspired icons

I also created a set of iOS inspired icons

I also created a set of iOS inspired icons

I also created a set of iOS inspired icons

icons@2x

Animation

Animation

Animation

Animation

Following iOS7 outline style I designed the custom icons for the tab bar. It was also an opportunity for me to practice my animation skills.

Following iOS7 outline style I designed the custom icons for the tab bar. It was also an opportunity for me to practice my animation skills.

Following iOS7 outline style I designed the custom icons for the tab bar. It was also an opportunity for me to practice my animation skills.

Following iOS7 outline style I designed the custom icons for the tab bar. It was also an opportunity for me to practice my animation skills.

Following iOS7 outline style I designed the custom icons for the tab bar. It was also an opportunity for me to practice my animation skills.

shark-tracker-icons_1

Finally, I did a little bit of exploring with a possible brand mark

Finally, I did a little bit of exploring with a possible brand mark

Finally, I did a little bit of exploring with a possible brand mark

Finally, I did a little bit of exploring with a possible brand mark

Finally, I did a little bit of exploring with a possible brand mark

ocearch-logo-build

With the curve of the wordmark and a ping from a shark... 

With the curve of the wordmark and a ping from a shark...

With the curve of the wordmark and a ping from a shark...

With the curve of the wordmark and a ping from a shark...

With the curve of the wordmark and a ping from a shark...

ocearch-logo-concept
ocearch-logo-concept-inverse

Retrospective

Retrospective

Retrospective

Retrospective

This has been one of the most rewarding projects I have worked on. It has opened so many doors for me and for that I am grateful. It's because of this project I was able to get my foot in the door at Google. I've also been in contact with the wonderful people at Ocearch on multiple occasions discussing the design and where they are headed with their own designs. It makes all the hard work more than worth it. :)

This has been one of the most rewarding projects I have worked on. It has opened so many doors for me and for that I am grateful. It's because of this project I was able to get my foot in the door at Google. I've also been in contact with the wonderful people at Ocearch on multiple occasions discussing the design and where they are headed with their own designs. It makes all the hard work more than worth it. :)

This has been one of the most rewarding projects I have worked on. It has opened so many doors for me and for that I am grateful. It's because of this project I was able to get my foot in the door at Google. I've also been in contact with the wonderful people at Ocearch on multiple occasions discussing the design and where they are headed with their own designs. It makes all the hard work more than worth it. :)

This has been one of the most rewarding projects I have worked on. It has opened so many doors for me and for that I am grateful. It's because of this project I was able to get my foot in the door at Google. I've also been in contact with the wonderful people at Ocearch on multiple occasions discussing the design and where they are headed with their own designs. It makes all the hard work more than worth it. :)

This has been one of the most rewarding projects I have worked on. It has opened so many doors for me and for that I am grateful. It's because of this project I was able to get my foot in the door at Google. I've also been in contact with the wonderful people at Ocearch on multiple occasions discussing the design and where they are headed with their own designs. It makes all the hard work more than worth it. :)