• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Fancy Girl Designs

Bespoke Brand and Web Design for Female Creatives

  • Home
  • About
  • Design Services
  • Portfolio
    • Interior Design Websites
  • Articles
    • Resources
  • Work with Me
  • Home
  • Meet Patricia
  • Brand and Web Design Services
  • Portfolio
  • Articles
  • Resources
  • Testimonials
  • Inquire

The Kitchen Bookstore

May 10, 2017 by Patricia Leave a Comment

CLIENT: The Kitchen Bookstore
PROJECT: E-COMMERCE WEBSITE DESIGN
LINK: thekitchenbookstore.com

One of the most extensive e-commerce websites I’ve ever developed was for The Kitchen Bookstore.  They approached me some months ago to completely overhaul their e-commerce website, which wasn’t working the way they wanted.  The layout was all over the place, and some functions just didn’t work. They wanted something more modern, mobile-responsive, and could support all the features they want in the site. I was so happy when they gave me free rein to fix their brand strategy as well. They already have a nice logo, so all we did was extend the creative direction to the website, their product photography, and later on, their Instagram account.

The Kitchen Bookstore is an independent, online bookstore specializing in books on food and wine. It is owned by two very enterprising guys who love food, and love to collect books.

THE MOODBOARD

As with any project, we started with a moodboard, to get the overall look and feel. This is what we came up with:

The brand colors are black, white, and grey, with lots of subtle kitchen-related textures and surfaces.

PRODUCT PHOTOGRAPHY

They were thankfully willing to invest in professional product photography, so I helped them search for the perfect photographers who can given them the look we had in mind.  Enter the amazing Jafe Enriquez and Kitty Bunag, both photographers who also do product styling.

We sent them the moodboard, and assigned Kitty to do the banner shots, and Jafe to do the product shots. Both of them did such a wonderful job! We couldn’t be happier with the outcome!

Here are samples of Kitty’s photos for the website:


We used these amazing styled shots for the homepage banners and page headers.

Jafe’s product shots are also on point. They show off the books spectacularly, and make browsing the website more interesting.  No boring book covers with white backgrounds here. Each one is a work of art.  We included some photos of inside pages as well, so viewers can see how they look.  The guys behind the bookstore even bought their own tiles to be used for the backgrounds! That way they can ensure that all their product shots will have a consistent look.

WEBSITE DESIGN

All of these nicely came together for the website. It was a truly collaborative project, and I couldn’t be more proud of everyone involved! The clients deserve an A+ for their enthusiastic cooperation and willingness to completely redo everything, including their Instagram strategy (which, by the way, looks just as amazing as their website).

The Kitchen Bookstore’s site has a very clean, modern look, so that the focus will be the products. (The product shots already say volumes, there was no need to embellish them.) They asked for so many custom features for the e-commerce setup, but I’m not going to bore you by listing them all down.  Basically, we made sure that the website is easy to use, and pleasant to look at. It is, of course, mobile responsive, and built on the Genesis Framework.  Do check it out! They have an amazing selection of books, in case you’re interested.


The full homepage:

Most pages have header banners behind the page titles.  When you scroll up, the banner minimizes into a much thinner black background that stays fixed to the top of the page for easier navigation.  There are a lot of custom features, like support for subtitles and authors in separate divs, special ribbons for signed books, customizable product information, and a lot more.

This project was truly a team effort, and I couldn’t be more proud of everyone who contributed to it!

Filed Under: Featured Projects

About Patricia

Front-end web developer, graphic designer, artist, work-at-home mum living in Singapore. I blog about my passions, which range from interior design, art, colours, typography, and all things pretty!

Previous Post: « Featured Project: Basic Bash Events
Next Post: Optimizing Images for Web Use »

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Hello and Welcome!


Hi, I’m Patricia, the girl
behind Fancy Girl Design Studio.
I love pretty things, clever words, fonts, colors, the Oxford comma, and exclamation points!
Won’t you grab a cup of tea with me and stay a while?
Let’s talk all things pretty.
ABOUT ME

Looking for Something?

DROP YOUR EMAIL BELOW AND GRAB THE FREE GUIDE TO WEBSITE IMAGERY

Thank you!

You have successfully joined our subscriber list.

Categories

  • Art & Illustrations
  • Branding
  • Branding & Website Resources
  • Everyday Fancy
  • FancyGirl Finds
  • Featured Projects
  • Freebies
  • Freelance Diaries
  • Inspiration
  • news
  • Styling
  • Tips & Tricks
  • Uncategorized
  • Workshops

latest Freebies

Free Floral Phone Wallpapers

Opal, Marble, & Agate Lockscreen Wallpapers

Spring Lockscreen Wallpapers

Navigate

  • Get a Quote
  • Brand and Web Design Services
  • Art Direction & Styling
  • Semi-Custom Website Design
  • Meet Patricia
  • Testimonials
  • Articles
  • Resources

Let’s Get Social

  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest

How it Works

  • Terms & Conditions
  • Questions and Answers
  • Work with Me
  • Resources
  • Brand and Web Design Services
  • Back to Main

FOLLOW ME ON INSTAGRAM @FANCYGIRLDESIGNS

What do you want the world to think of when they h What do you want the world to think of when they hear your brand name?

Your brand is your manifesto, your one-word or symbol declaration of who you are and what you stand for. It doesn't have to be true yet, but it's what you want to be, and how you want people to see you. If you're successful, your brand's perception will become its reality.

How do you want your clients to feel when they think of your brand? What perception are you trying to shape? Let me know in the comments!

#branding #quotes #brandvision #creativeentrepreneur #launchpadgroupsg #luxurybranding #fancygirldesigns
Step into the new world of Fancy Girl Design Studi Step into the new world of Fancy Girl Design Studio! The new website is a reflection of my brand's evolution. It's more sophisticated and polished, and it better represents my brand values and commitment to providing customers with the best possible experience. (I do miss the pink though!)

I owe a big thank you to my amazing brand photographer, @zebrajojophotography , for capturing the essence of my brand perfectly. I think she can read my mind now! 

Visit the website today and experience the difference. Oh, while you're there, do try out the brand personality quiz, and share your results!

#webdesign #branding #websitelaunch #launchparty #DigitalElegance #fancygirldesigns #luxurybranding
Creatively adventurous, bold, upscale, and establi Creatively adventurous, bold, upscale, and established. Not an easy set of keywords to visualize, but here's the moodboard and color palette for this talented workplace designer. 

The color palette has very midcentury modern vibes, and one that I am excited to render in a logo design as it's quite unusual! 

#moodboardmonday #moodboard #colorpalette #inspiration #branding #creativeentrepreneurs
I launched my website even though it wasn't 100% r I launched my website even though it wasn't 100% ready. ⁣😳

You know why? It will never be 100% ready. It will never be 100% perfect. Or bug free. Your website will need tweaking, updating, and a zhuzhing up here and there every now and then (as I do with cushions every time I pass by the couch). 

You have more portfolio galleries to share? Post them later. Google will love you for producing fresh content frequently. You want to change your headshots? Go ahead and update them every season if you wish. You can even tweak your copy to make sure it's up to date with your latest offerings. You should be making these updates anyway, even if your website was perfect when you launched it. (but realistically, no website ever is.) 

Have you checked out my new website yet? Don't forget to sign up for fancy mail and get my free guide to website images. 💖

#websitelaunch #fancygirldesigns #brandphotos #launchpadgroupsg #collaborationovercompetition #creativeentrepreneurs #happycreativelife #DigitalElegance 

Photo by the incomparable @zebrajojophotography
gorgeous fringed cushions from @templecandles 
hair and makeup by @gayathrimenon
Guess what, my new website is live, and I've got a Guess what, my new website is live, and I've got an amazing freebie for subscribers! Head over to fancygirldesignstudio.com and sign up for fancy mail to grab this guide. 

As a creative, having amazing images on your website is a non-negotiable. But it can get overwhelming when you don't know where to start. What sort of images do you need? How do you name your photos? How many gallery images should you include? How do you optimize images for SEO?

That's why I created this guide for my clients. Now you can have access to it too. 💖

And once you've checked out the new website, tell me what you think! 

#launchparty #launchweek #fancygirldesigns #fancymail #freebie #webdesigner #launchpadgroupsg #creativeentrepreneur
It is unbelievably easy to use the Generative Fill It is unbelievably easy to use the Generative Fill tool on Photoshop 2024! The latest version of the software has a much more powerful version of the AI and is capable of doing so much more than just remove backgrounds from photos. 

Here are step by step instructions on how I changed the art inside the frame using this tool. All in a matter of seconds. 

And then of course I tried doing it manually and ended up liking the result more. 😂 but that's just me! It really is a very easy tool to use. 

Have you tried it? And can you tell which one is not AI generated? 

Photographed by @zebrajojophotography 

#photoshop #toolsandtricks #photoshoptips #graphicdesign #interiorphotos #styling #aiart #psgenerativefill
Follow on Instagram

Copyright © 2023 · FANCY GIRL DESIGN STUDIO