← All case studies

Ecommerce design & development

Aloha From Oregon

Oregon flavor. An easier way to make it yours.

Aloha From Oregon makes small-batch pepper jellies and pantry goods in Eugene. Techurai rebuilt its website around the way people discover flavors, build a box, and find something delicious to make—with a cohesive visual identity and dedicated tools for the team behind the shop.

Aloha From Oregon’s redesigned homepage with lime and lagoon colors, a food-led hero, and Build your box action
Aloha From Oregon’s redesigned storefront, September 2026.

The challenge

Bring discovery and ordering together.

The previous WordPress store already had distinctive products, a three-pack customizer, and a substantial recipe collection. But pepper-jelly product pages sent shoppers to a separate customizer, and recipes offered serving ideas without a direct way to add their jelly ingredients. The opportunity was to connect those pieces and give every visitor a clear next step.

What Techurai built

  • A cohesive Lime & Lagoon visual identity, responsive layouts, and a prominent invitation to build a box
  • A homepage flavor builder and shared cart connecting product pages, recipes, and orders in sets of three
  • Corrected product descriptions, organized catalog sections, and direct ingredient purchases from recipes
  • Stripe-hosted checkout, editable FedEx shipping tiers, and a dedicated Shop Desk for everyday store management

The result

A purpose-built storefront that connects browsing, flavor selection, recipes, and store administration. Shoppers can add eligible products where they discover them and keep their selections as they explore. The improvements are visible in the experience; sales and conversion gains have not been measured.

Bring the flavor forward.

The new homepage leads with ‘Sweet heat, built your way,’ food imagery, and a direct invitation to build a box. Oregon origins and small-batch production sit alongside the shopping experience. Visible desktop navigation gives products, recipes, copacking, and contact information a consistent place.

Working through client feedback, Techurai developed the selected Lime & Lagoon palette: lime highlights, lagoon panels, coconut backgrounds, deep-teal text, and small pink accents. The colors and typography carry through the catalog, recipes, and cart. The footer incorporates the shell-and-script artwork from Aloha’s supplied product label, connecting the website to its packaging.

Make mixing flavors part of the storefront.

Techurai brought the box builder onto the homepage and connected it to a shared cart. Shoppers can choose among 27 eligible pepper jellies, repeat a favorite, and build orders in multiples of three. The selection panel shows quantities, a running subtotal, and what is needed to complete a set. Eligible standalone products can share the same cart.

Product pages offer quantity controls and direct additions to that cart. Selections carry across pages and survive a refresh, so exploring another flavor does not mean starting over. The catalog work also corrected Apricot Lavender’s old Tayberry description and Speciality classification, making its ingredients, pepper-jelly category, price, and ordering rule clear.

Give recipes a role in shopping.

The rebuilt collection presents 50 curated recipes with consistent layouts, ingredients, and numbered directions. Selected pages connect a dish to its Aloha ingredients through a ‘Made with Aloha’ section, where shoppers can add eligible products directly. Product pages link back to relevant recipes, helping people see how a jar can be used.

The image work combines retained originals, imagery from client-supplied recipe cards, and generated serving illustrations where the old sources were too small. Those illustrations are visual interpretations of recipes, not photographs of tested dishes. Responsive image files support the layouts across screen sizes.

Give the shop its own workspace.

Behind the storefront, Techurai built Shop Desk with separate areas for orders, products, recipes, shipping, and store settings. Staff tools include recipe drafts and publishing, image uploads, price and stock edits, and shipping-rate updates. Permanent order references such as AFO-1001 connect confirmations with office workflows.

Before & after

See what changed.

Original website screenshots, captured September 2026. Open an image to explore it at full size.

A clearer invitation to shop

A consistent palette, visible navigation, and a direct box-building invitation bring the homepage together. Both screenshots show the first screen at the same desktop size.

Before

Previous WordPress homepage · 1440 × 1000
Previous WordPress homepage · 1440 × 1000

After

Redesigned homepage · 1440 × 1000
Redesigned homepage · 1440 × 1000

The customizer becomes part of the storefront

The old site already supported three-pack ordering. The new builder places flavor cards beside a selection summary, with quantity controls and a running subtotal.

Before

Previous three-pack customizer · top of page
Previous three-pack customizer · top of page

After

Homepage builder · scrolled section with three example selections; no order placed
Homepage builder · scrolled section with three example selections; no order placed

Correct information. Connected ordering.

The old Apricot Lavender page described Tayberries and linked out to the customizer. The new page corrects its description and category, shows its price, and provides ordering controls below the introduction.

Before

Previous Apricot Lavender product page
Previous Apricot Lavender product page

After

Redesigned product page · purchase controls continue below this view
Redesigned product page · purchase controls continue below this view

From a recipe to its ingredients

Baked Apricot Chicken shows the connection between serving inspiration and shopping. The new page offers its Apricot Pepper Jelly ingredient directly, followed by ingredients and numbered directions.

Before

Previous Baked Apricot Chicken recipe
Previous Baked Apricot Chicken recipe

After

Redesigned recipe · scrolled to ingredient shopping; dish image is a generated serving illustration
Redesigned recipe · scrolled to ingredient shopping; dish image is a generated serving illustration

The first screen on a phone

Matching phone-sized views show the more compact header, clearer ordering message, and prominent Build your box action.

Before

Previous mobile homepage · 390 × 844
Previous mobile homepage · 390 × 844

After

Redesigned mobile homepage · 390 × 844
Redesigned mobile homepage · 390 × 844

Want to know more?

Have something similar in mind?

Tell us what you are trying to improve. We will help you identify a practical next step.

Your message is emailed directly to Jeremy, not saved in a website database. Please don’t include passwords or sensitive personal information.

Prefer email? jeremy@techurai.com