Oops! You need to upgrade your browser.

How about trying one of these:

Google Chrome

Firefox

Tm logo white 9f43797a6a884790d635046648b065deb813186b005991926f6126ea2b958b40

Truly & Madly

"Create a one-stop-shop for all things wedding that relieves the stress of planning a wedding, giving users the time to be excited about their special day."

  • Webapp icon white 575bd3aee0029c2e85a7f10520d006a8caa416a5c09cecf12e45d749681083da Website/Webapp
  • Branding icon white 754c2cfa83c7ffd9872b9b52cca18d1d83a3af3ebaae5b660353827d869faacf Branding
  • Ecommerce portfolio icon white 880de2386a6852234b047fec5b316f5881bca552e661b3c4124fd3961dfcdafe E-Commerce
Trulymadly color 800ad52b59ab979b6f3652c5febea41e8df0c453c5cc2ba5e939af4d33535bcc

Background

The client came to us with an idea - to build a special place where brides-(and grooms)-to-be can plan their entire wedding all in one, online tool.

We worked very closely with the Truly & Madly (TM) team to refine the idea and develop an understanding of how a project like this would look on the web.

Trulymadly logos 59e99c74742d1f443eb1d48adf60c8e94190cd5666ce835fd13ee5023d54491e

Solution

Our first task was to establish a design aesthetic that was appropriate for Truly & Madly. We decided the brand should immerse people in a creative environment that inspires and excites them. We also wanted to blow users away with the brand; the logo, photography, branding content all needed to convey quality.

Next up, we tackled the online strategy. There were lots of ideas for to implement now (and in the future). We realised that Truly & Madly was always going to be evolving and we needed to allow for room to grow in the website platform. In the end, we chose Ruby on Rails as the foundation for this project. This gave us lots of room for expansion and the ability to quickly buildout and prototype new features was very important.

Trulymadly wireframe ae89e5880859382a4541fed387f7bfc24c549277b66207fea87f8cfcbcb3a367

The third piece of the puzzle was website management and administration. We provided the TM team with the tools to manage almost every aspect of the website from writing blogs to creating new inspiration boards.

The final job was to develop an online shop — this was a huge undertaking that took months and months of planning. The shop is another facet of the Truly & Madly website that provides the ability for users to list and sell items to other users.

Over the course of a year we collaborated with the team to prototype, discuss, design and build hundreds of features. We are extremely happy with the end product and can’t wait to watch it grow throughout 2015.

"It has been an absolute pleasure working so closely with the team at Hatch. From the very beginning, there has always been a strong level of respect and understanding of my business goals and they have gone above and beyond to ensure Truly and Madly is exactly how I envisioned it to be.

Hatch has not just helped me build a website, they have helped me birth a very successful wedding business."

Sony Nuth

Founder, Truly & Madly

Challenges

Working with startups on such early stage products can be challenging as scopes and roadmaps always change. We reduced the effect of this problem by building a team that is agile and able to easily adapt to new requirements and pivot accordingly.



Deliverables

  1. Inspiration page with multi-faceted search and filtering system
  2. Fully-capable blog functionality for the TM Blog and TM Wedding Stories
  3. Supplier directory that is also searchable and filterable
  4. Suite of planning tools including a checklist, guest list, notepad pinned inspiration boards
  5. Custom-built forum
  6. Supplier admin login for managing their own products
  7. Fully-featured and custom-built content management system (CMS) for Truly Madly team to edit, update and manage almost all of the entire website
Trulymadly responsive a3d4153b416d03aabae01c33de2631104425973743560d241bcf7f1cbad9a4c3
Home arrow a91a1d1106073925b5c415757f59c8e12ebc7dd47a27e92a36174e273628adc5
Contact icon 5af00d899a032bb4e6530cd5977bd9f4bf71ea8f97206590ac005031a29442c7

Work With Us

Let's talk about what we can do for you.