A 2 man team that worked on designing and developing GIS web applications. Creating design guides and utilizing esri's JS API to create custom applications for clients listed.
At Esri I worked on ArcGIS Online their GIS web application and ArcGIS Marketplace a place with curated content for GIS users. My time at Esri was spent mostly doing user workflows, user studies, UI design, wire framing, prototyping, user testing and front end coding.
I'm going to go over probably the largest project I worked on while at esri. Redesigning the gallery page. It needed updating, some studies and testing done and to match the new design that was updated a couple months before I got there. This is a screenshot taken in August of 2015 comparing how it looks now to when I helped complete the project in January of 2014. Not much has changed but the header. The functionality of the page is the exact same. I will show you what was done and how we got to the final design.
These are screenshots of the original gallery and all its glory. The second screenshot is the hover effect which was the largest part to tackle of the entire process.
Here was one of the first wireframes I came up with. It utilized the universal header and identity strip (blue bar) that could be seen throughout the application.
Esri also had a comparable product ArcGIS Marketplace that had a new gallery page that they wanted to utilize some of the design from that. This is where we got the 1/4 3/4 layout of the page and having the categories be on the left.Side note: At esri we had to create left to right and right to left designs because their users come from all around the world. Certain languages were read differently. This was a first for me.
I laid out the sort by option the same way the original had them which later would change and they wanted the item type icon (checkered flag) to be a secondary piece of information instead of hiding it in the hover.
As we progressed we moved the sorting options into a dropdown, took the navigation out of the blue banner and put them at the top of the left column which would toggle content and categories depending if you were on maps or apps.
Now that we had a base for the design of the gallery items more of the tasks came in. They wanted to introduce favorites into the gallery. Favorites was a place to save some of the items you consistently used while making a map. We went back and used the blue banner to create navigation because now it made more sense since everything below that point would change if you were in your favorites, your organizations content or esri's content.
Now proceeding with the UI we came up with a look that was close to what the Marketplace was doing with some minor tweeks. I wanted to match as much of it to items you could find throughout the application.I was playing with font-weights in the second one but those didn't make the cut. Good thing too that was a rookie move.
After a month we learned that users didn't like the switch (maps/apps) that well so stacked those links with text hierarchy. I'm still not a big fan of how that came out but there were other battles won in the process I knew I had to let somethings get away.
Homefree is a startup that is changing the game of buying a home. They are allowing people to buy and sell their home from their phone. I was instructed to help utilize their current brand in their mobile applications and web landing page. Assisted in designing the iOS application, landing page and web application services.
Travel Tippers is a site dedicated to helping users guide their travels using the mapping application. They needed help with branding, UX/UI and project development. Assisted with the native iOS application design, web app design, design guide and landing page.
Past 2 Present is a business that takes information about your recently passed loved ones and creates a mini-site for others to learn about their lives. Using a QR code they engrave in the headstone it’s a simple and elegant solution to help the legacy of passed ones live on. I helped design the landing page and overall user experience of the QR code display and landing page when a code was scanned.
Furniture From Home is an online store that sells furniture exclusively online. They came to me needing help with a web design overhaul. I wrote code for the front end of the site based on a PSD and assisted with some design features on internal pages. Visit Site
I am a product designer based out of Southern California. I enjoy my day to day with my wife and our 2 dogs, Benny and Juno. I specialize in web applications and web products. I previously worked with esri, GeoEngineers, Voyager GIS and interpret.