Custom UI
A D2C website with a custom UI based on Figma, for a young demographic.
D2C coffee brand website development: custom Figma-based UI, pre-orders and a waiting list before launch
A fitness-focused coffee brand for a young audience, with a landing page that loads in about 1.5 seconds.
Get Daily was a new fitness-focused coffee brand with time to use before its products started shipping. We built its D2C website with a custom UI based on Figma, kept the landing page fast, and added pre-order, waiting list and rewards features so the brand could build traction and a community before going live.
Previous work by a Sage Kite delivery specialist
~1.5sLanding page load time
2.5sThe threshold it came in well below
12%Returning customer rate over a 14-day cycle, before launch
Pre-orderAnd a waiting list, live before the product shipped
The challenge
A new fitness-focused coffee brand needed a D2C website that could build demand before launch
Get Daily was new in the market, and its products were not shipping yet. The brand needed a direct-to-consumer website with a distinctive look for a young demographic, a fast landing page, and a way to start building an audience, getting user feedback and earning loyalty during the wait.
A new brand, not yet shipping
The products were not shipping yet, so the website had to do useful work before there was anything to deliver.
A young, fitness-focused audience
A D2C store for a young demographic needed a custom look and feel, designed in Figma, not a generic template.
Traction and feedback before going live
The brand wanted to start social media marketing, gather user feedback and build a community ahead of launch.
The solution
Custom UI, a fast landing page, pre-orders and loyalty: how we built the D2C coffee website
We built a new D2C website for the brand in four parts. Jump to any of them below.
Custom UI
Built from the brand's Figma designs
Performance
A landing page loading in about 1.5 seconds
Pre-order and waiting list
Demand and feedback before shipping
Rewards loyalty
Returning customers before launch
Custom UI
Custom Figma-based UI for a D2C coffee brand website aimed at a young audience
We added a custom UI based on the brand's Figma designs, so the site looks and feels like Get Daily and speaks to a young, fitness-focused audience.
Figma designsThe brand's design source
Custom UI buildBuilt to match the designs
Live D2C websiteFor a young demographic
The site today
Screenshots of the live site as it appears today. Visit getdaily.club
Performance
Website performance optimization: a landing page that loads in about 1.5 seconds, well below the 2.5 second threshold
The site was optimized for performance, keeping the landing page load time at about 1.5 seconds. That is well below the 2.5 second threshold, so first-time visitors from social media reach the page quickly.
Landing page load time against the threshold
~1.5sGet Daily landing page
2.5sThreshold
Drawn to scale: the landing page sits at 60% of the threshold.
Load time as reported by the developer. The measurement tool and test conditions were not specified.
Pre-order and waiting list
Pre-order and waiting list features that built demand before the product shipped
The brand was new and had some time before products started shipping. We added pre-order and waiting list features so it could start social media marketing and get traction with user feedback before going live. This also brought in organic users and helped build a loyal community.
- 1Site opensPre-order and waiting list are live
- 2Social media marketingStarts before products ship
- 3Traction and feedbackOrganic users and user feedback
- 4A loyal communityBuilt ahead of going live
Rewards-based loyalty
Rewards-based loyalty program: a 12% returning customer rate over a 14-day cycle, before launch
We also integrated a rewards-based loyalty program to improve the returning customer rate. It reached 12% over a 14-day cycle, before the product had even launched.
What a 12% returning customer rate looks like
12of every 100 customers came back
Over a 14-day cycle, before the product launched.
The 14-day cycle
Illustration of a 12% rate, one dot per 100 customers. The rate is as reported by the developer, and the customer base size is not specified.
What was built
What Get Daily received from the D2C website build
Speed
A landing page that loads in about 1.5 seconds, well below the 2.5 second threshold.
Pre-order and waiting list
Features that let the brand build traction, feedback and a community before going live.
Rewards loyalty
A rewards-based program that reached a 12% returning customer rate over 14 days before launch.
Platforms and tools
Platforms and tools used in the project
- FigmaThe design source for the custom UI
- Custom UI developmentBuilt to match the brand's designs
- Performance optimizationLanding page load time of about 1.5 seconds
- Pre-order featureOrders open before products ship
- Waiting list featureInterest captured before going live
- Rewards-based loyalty programBuilt to bring customers back
Who this approach suits
A D2C website for a pre-launch brand: build the audience first, ship when you are ready
- Pre-order and waiting list open
- Social media marketing running
- User feedback coming in
- An audience that is already there
- A community that is already loyal
- A fast site on a custom UI
This approach suits new D2C brands that have time before products ship and want to use it: to test the market, gather feedback and start building loyalty, on a website designed to match the brand.
- New D2C and consumer brands
- Brands with a pre-launch window
- Teams starting with social media
Previous work by a Sage Kite delivery specialist
Delivered by Apoorv Bhatt, developer
Previous work by Apoorv Bhatt, developer at Sage Kite. Apoorv built the Get Daily D2C website, from the custom Figma-based UI and the performance work through the pre-order and waiting list features and the rewards-based loyalty program described above. It shows how Sage Kite's developers approach a launch: build a fast, on-brand site, and use the time before shipping to earn an audience. Project details are as provided by Apoorv.
Launching a D2C brand and not shipping yet?
Book a discovery call and we'll look at how your website can start building an audience, feedback and loyalty before launch day.