<  Home

Grunden's

Ecommerce storefront for the OG fishing gear brand from norway.
The Client: Grunden's Fishing
The Ask: New eCommerce storefront
The Budget: Medium (No custom research)
My Role: I led UX on this project with oversight from our UX director
The Timeline: 6 months, UX took 4 weeks
The Team: UX, UI, PM, Dev, Project Manager

Grunden's 🐟 🦀

Ecommerce Storefront — 2022

💢 The Client

Grunden's has been supplying commercial fisherman with bibs (fishing overalls) for over a hundred years. They are widely regarded as the best fishing apparel money can buy. You have seen their apparel on TV shows like Crab Fisherman and Deadliest Catch.

💢 The Client's Ask

They would like a new eCommerce storefront that follows best practices.

💢 The Timeline

We have four months and 1400 work hours to design, build, and ship their new Shopify storefront.

.

The Team

Lead Project Manager — Lindsay Wincek
Visual Design — Meg Fiechter
UX Design — Jack Rometty (Me), Mark Oxier (Oversight)
Tech Director — Rob Thiessen
Dev — Kira Williams, Sean Orfila
QA — Wilzer Emilus, Earl Sotto

My Contributions

I lead all UX Design on Grunden's. I had a director of design as oversight.

Client Questionnaire & Interview

We got up to speed on brand values, product catalog, market space, and more with a questionnaire and followup client interview. We use this to become experts in the brand, the product, and the market.
Insight 1: They want a site ready to accommodate future expansions into women's apparel / gear.
Insight 2: They, first and foremost, want the new site to follow best practices. Their current site is kneecapping itself at every turn.
Insight 3: Four existing consumer profiles from a research agency they used about six months prior. They sent us a twenty page presentation on consumer profiles, shortened snippets are attached below.
1. Core Angler
Personal and hobby life revolves around fishing. Almost equal men and women. ~95% buy from Grunden's Annually.
2. Progressive Angler
Outdoorsy person who enjoys but does not prioritize fishing. Equal men and women. ~65% buy from Grunden's Annually.
3. Fly Angler
Same as "Progressive" but focused on fly fishing. Mostly men. No hard data on Grunden's Purchasing (Grunden's doesn't sell much fly fishing gear as of 2022.)
4. Commercial Fisherman
Fishing is their full-time day job, u

This is a Frugal Project = No custom research

Due to a small client budget, Grundens challenged us to be economical with research. we still have full wireframes, but for insights I stuck with a paid research database (Baymard) and our own internal research DoveTail catalog.
Paid research database — Baymard repository of some 2000 eCommerce best practices will be used throughout the site. I Also tapped other team members with expertise in apparel.
Internal research database — Leverage our existing insights, both past client research and our internal agency-wide research database as much as possible.

Key Research Takeaways

1. Four Personas
We have relevant user research already completed by the client. We should cater to these four personas in our wireframes.
2. Keep It Simple
Client Mindset: The current site is terrible. We don't have deep pockets, we just want something that follows best practices at a minimum.
3. Women's Apparel & Inclusion
The client wants women to feel they belong on the new site.

Navigation Wireframes

I created a simple navigation that breaks products into groups, with apparel being further split into men's and women's products. The category breakdown meet the needs of all four personas, and the gender divide helps women feel intentionally included.
1. Four Personas
We have tangentially relevant user research already completed by the client. We should cater to these four personas in our wireframes.

Product Card Wires

The next important global component is product cards. These exist throughout the site as a moment where users commit, at least in intent, to consider purchasing a product. Luckily, this product card is pretty simple so we didn't have any client revisions.

Personalized Homepage Moment

The client had a razor-thin budget but still wanted one moment of personalization on the homepage. They gave us full reign to examine user data and come up with options. We ended up going with the Men / Women split since they are branching into women's apparel.
3. Women's Apparel & Inclusion
The client wants women to feel they belong on the new site.
Why: This gives women a personalized moment on the homepage of a product catalog that is overwhelmingly for men.
Why: Let users shop by the general body part they're hoping to cover. They don't need to know names of product lines.
Why: give commercial fisherman feel a sense of pride and exclusivity.

Storefront Wireframes

With global nav and product card completed, the rest of the puzzle came together over three batches. The most impactful pages have demos below, and all pages follow best practices.
2. Keep It Simple
Client Mindset: The current site is terrible. We don't have deep pockets, we just want something that follows best practices at a minimum.

Recap: Three Research Takeaways, Solved

1. Keep It Simple
The shopping funnel — navigation, homepage, product list page, product detail page, Cart, Checkout — strictly adheres to best practices. The rest of the site does too, but these pages drive most revenue.
2. Four Existing Personas
The four personas are all covered by a universal navigation. We also have homepage sections and collection lists for each persona throughout the shopping funnel.
3. Women's Apparel & Inclusion
We included a custom section that allows users to toggle products by gender, helping women feel intentionally included in the shopping experience.

UX Is Done, Now What?

With wireframes complete, I moved on to play a support role for the rest of the project.

Supporting UI

I joined all UI team syncs and presentations, both internal and with the client. My role was to keep UI faithful to the interactions and intention of the wireframes, as well as handling client questions related to UX.

Supporting Development

Supporting Dev was as simple as providing basic interaction annotations through Figma comments — their requested method. I also remained a slack @ away for other questions that came up.

UI Design + Live Site

Open Grundens.com

Celebrating Launch

After several months of hard work, we celebrated as a team. This is a necessary step, and belongs in every portfolio! We aren't robots, and it's nice to celebrate as a team.

Design Retro & Lessons Learned

This isn't necessarily part of the "project" per se, but it is part of my process and something you'll have to enjoy if we end up working together. I take notes during the project and review them with my oversight / manager afterwards to see what worked and what didn't.