A Case Study

Bringing fresh and local to the web.

Gracious Hall

User Interface, eCommerce, Web Development

Project Abstract

Gracious Hall is an independent kitchen that crafts delicious original recipes and meals. The company needed web services to meet the demands of their new online reservation service.

The Challenge

eTecc was retained to develop a brand new responsive website and e-commerce platform. The client had no existing website presence and only a recently established identity.

The Product

Have a look at the project today:
www.gracioushallmarket.com

 
 
Color System
  • Gracious Green
    #66831e
    102 313 030

  • Pumpkin
    #ff5722
    255 087 034

  • Sky Blue
    #64b5f6
    100 181 246

Typography

Avenir

Avenir Font

Colatin

Colatin

Scope &
Structure

After our initial discovery session with the client, the eTecc team began preliminary feature mapping and site flows design. We mapped the buy-flows and generated object models in an iterative process to prepare the initial stages of user experience design. eTecc created technical documentation and after some revisions and requirement re-scoping, client sign-off on this critical stage allowed us to move from scoping to structure.

Armed with solid foundation of deliverables and technical artifacts from our strategy and scope phases, we began the process of creating hi-fi wireframes and clickable prototypes to zero in on the primary functionalities and user tasks. With feedback and client participation, we were able to lock down a complete website skeleton to move into the design phase.

 
 
 

The right
parings

Our client had a very solid existing identity design. We worked to build a creative theme and strategy around both the aesthetic elements of the logo design and the company ethos. When conceiving the website design, we looked to make type selections that married well with the Gracious Hall identity system.

Making the
menu.

Gracious Hall Market
Tablet
About
FAQ
Account

Payment
Integrations

We leveraged PYRO CMS™ for a seamless integration with our Laravel™ workflow. Lastly, eTecc used Braintree® to process the online credit card transactions.

Mobile
Gracious Hall Details

Selecting the
right tools

One of the challenges facing Gracious Hall was the scheduling window their kitchen requires for customers orders. eTecc created scarcity timers with flexible ranges to allow the admin team at Gracious Hall to set menu expiration dates and order windows. The backend administration interface lets Gracious Hall plan and schedule their menus weeks in advance. We developed a category system to provide the client with easy administration of meal dietary restrictions, portion sizes and nutritional information. The system also sends automatic pick-up reminders to customers 24 hours prior to their order collection dates. Gracious Hall needed more than just an commerce website and eTecc delivered with a custom tool that streamlines their workflow and manages their ordering process.

Laravel VueJs Gulp Sass