Cork Thrift Store Website

The project brief is to create a website for the concept brand Cork, a little corner-shop that sells second-hand goods. Required pages were the landing page with a contact section, about page, shop page, and blog page. The website should invoke nostalgia while still being modern.

Wireframes allow for planning the page layout before diving in into color and detailed content, therefore allowing greater focus in organizing the page before even starting the final design. I designed the wireframes below in the design tool Figma, aimed to have a friendly tone and be easy to navigate, with graphics to highlight certain elements.

Landing page wireframe of the Cork Thrift Store website. The page is titled "Find your treasure". The page then contains the about section, new items section, contact section, call-to-action to look at their process, and then footer.About page wireframe of the Cork Thrift Store website. The page is titled "Learn about us". Longform placeholder text follows, then followed by a call-to-action to look at their process, and then the footer.Shop page wireframe of the Cork Thrift Store. The page is titled "Our inventory changes every day!". The page contains thumbnail previews of several items and their prices, followed by a call-to-action to look at their process, and then the footer.Blog page wireframe of the Cork Thrift Store. The page is titled "Blog". The page contains thumbnail previews of several articles, followed by the footer.

I chose gold as the primary color to emphasize the concept of finding treasure in a thrift store. For headings, I chose the typeface Playfair Display, which takes on a vintage look inspired by the Age of Enlightenment. For body text, I chose Poppins for being a rounded typeface, to contribute to the friendly feeling.

Using Figma, I took the wireframes and translated them into the final design.

High-fidelity landing page design of the Cork Thrift Store website. It contains the same content as the wireframe, but now includes pictures, final typography, and final color.High-fidelity about page design of the Cork Thrift Store website. It contains the same content as the wireframe, but now includes pictures, final typography, and final color. One image now shows the founder of the store.High-fidelity shop page design of the Cork Thrift Store website. It contains the same content as the wireframe, but now includes pictures, final item names, final typography, and final color.High-fidelity blog page design of the Cork Thrift Store website. It contains the same content as the wireframe, but now includes pictures, as well as the final selection for article names, author names, typography, and color.

I developed the website in the visual web development platform Webflow. To handle shop items and blog articles, Webflow's Content Management System (CMS) is best to create a unified database of content and data, which can then be easily applied to add any data in that database to any page.

See live demo