Orange Clove
UI dESKTOP Design
CONCEPT
Orange Clove Catering is a food catering service in Singapore that targets corporate customers.
The objective was to create a new website that has a better UI / UX that will help the brand stand out in the competitive market space.
PROJECT BRIEF
Requirement(s): 18 x Unique Desktop Mockup (Homepage, Menu, Packages, Order Review, Login/Sign Up, Checkout Details, Order Confirmation, About, My Orders, Account Settings, FAQ, Contact, Single Contact Page, Media, Gallery, Services, Search Results, Default Page)
Tool(s) used: Adobe XD, Photoshop, Illustrator
Duration for Design: 5 weeks (inclusive of client review)
Creative Direction: Modern, luxurious, stylish, credible
Colours used: Black, brown, orange
Homepage
On the hero banner, users are able to do 2 things. Get a Quote for their desired catering and pax, and view current promotions. Featuring a duo function hero banner, this allows for more information to be displayed, and users are able to navigate to whichever they prefer. With the Up-Down scroll for promotions, this features a unique way to view more without disrupting the “Get a Quote” section.
Check Out Process
To set Orange Clove apart from its competitors, the checkout flow is unique and unlike any others in the field of catering. Upon selection of a package, users will be able to decide if they wish to get their menu curated by chefs or make their own decision. The menu itself features a horizontal scroll and the order review page is designed in a way where users can have a visual display of how their buffet spread might look like.
OC Story (About)
The client requested for emphasis to be placed on the OC Story (About) page as they believe that this is an important page that tells a story about their brand, as well as a page to increase SEO.
The page starts with short stories (history) about OC, and moving on to the type of cuisines OC serves, a video introducing OC’s service, OC’s milestones with proven statistics, customers’ testimonials, a list of awards and accolades, and ending off with a list of OC’s venue partners.
In order to break the monotony of an informational page, colourful images related to catering are used in an attempt to inject feelings of class and fine dining standards for catering.
Services
In order to provide equivocal attention to all 3 services provided by OC, these services are displayed side by side, and each service links to a screen with a short description of the service.
Contact / Media / FAQ / Gallery
Featuring an image slant for the hero banners, this provides the following pages with a break from the usual rectangular banners. Hence, offering a refreshing change to the mundane.
