Marianda Time

Comprehensive Brand Development, Identity Design, Web Design, and Mobile UI optimization for a local business specializing in homemade sweet treats.

WEB + MOBILE WEB DESIGN

Core sections on the home layer of the website.

Intro Animation
Services Page on 1st Site Layer
Product Listing

BELOW— The sections included on the home page are the following: Intro animation, about us, flavors information, Ingredient info + brand values, services info, social media + newsletter subscription.

BELOW— Services Page and direct links to online ordering service.
Custom illustrated buttons direct users to online order form or contact page.

BELOW— Demo of intro splash animation on the home page. The intro section showcases a parallax carousel introducing Marianda Time's top three- best selling cupcake flavours.

BELOW— Demo of the product listing. This section shows a quick menu browsing and description of the brand's product lineup on desktop mode.

MOBILE + UI OPTIMIZATION

Marianda Time’s website was designed with mobile optimization in mind. All core sections of the website are responsive and reflows fluidly to fit all screen sizes. A continuous vertical scrolling experience is implemented into the layout to achieve consistency and ease of usage across all devices.  The product listing section is the only portion of the site that will take on an adaptive mode. This ensures the best browsing experience for the user while maintaining the site’s minimal aesthetics and clean design.

BELOW— Demo of the home page intro animation on mobile mode.

BELOW — UI Optimized Menu Browsing

BELOW— Demo of the adaptive layout for Marianda's product listing

BELOW— Reflowing of contact page, order form, services page, and about us page on mobile mode.

How to Order on Mobile
Services and General order title pages

BELOW— UI elements of order form.

BELOW— Demo of the interactive order form on mobile mode.

BELOW—Wireframe of the the mobile menu browsing.

BRANDING & IDENTITY —

The images below show the planning and development of building the Marianda Time brand and visual identity. The foundation of the brand's look & feel comes from the narrative specifically designed for it. The brand's core characteristic is its "homestyle" concept. All creative content carries a rustic yet elegant look. Starting with the logo design, a vintage-esque inspired logotype was created to bring back that sense of "old-time, homestyle" feel.

The brand's colour palette follows the concept, as it includes warm-toned golden brown and a warmed tone charcoal black. These toned were carefully selected to reflect an old-fashioned, homey kitchen feel.

For the brand's packaging, specialty Kraft and Recycled papers are used for boxing, labels and all printed materials. The selection of Kraft stock reinforces the "rustic" quality set for the brand. Throughout the web and packaging design, custom illustrations of cupcakes can be seen. The inclusion of these hand drawn art is done to capture the brand's visual identity of "homestyle" sweet treats even more.

Font Guide Style for the Marianda Time brand

BELOW— Product Packaging + Printed Mediums

Illustrative kraft paper wrapper design
Boxing with logo imprint
label sticker design
Final Card Design
Alternative card design

View Full Web Project on Behance ⟶

View Full UI Project on Behance  

Other projects: 
Illustrations