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.

Color System
  • Gracious Green
    102 313 030

  • Pumpkin
    255 087 034

  • Sky Blue
    100 181 246



Avenir Font



Scope &

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

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

Gracious Hall Market


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

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