Brief
Creating a visual website and app presence for Brisatipa, who sell quality crafted upcycled furniture and repurposed home accessories online. The company is focussed on the UK market.
UNDERSTANDING THE BRAND
In order to connect the customer's need with the brands gain and pain points, I first wanted to discover what the brand Brisatipa, a quality crafted upcycling furniture and accessories online seller. It involved brainstorming the brand attributes to find out what is seen by the customer and by the business together with the x-factor, what is unique about the brand. The focus is then to communicate the highlighted attributes in the design.
RESEARCH
The researching phase is continued by collating information for user personas and mapping out the customer journey with possible early exits. I also researched the competitors’ websites to understand how they are marketing a similar product.
SKETCH
Once the sitemap and navigation has been concepted, the low fidelity wireframes of the desktop website were created (image left). They consist of the landing page page and subpages e.g. About Us, Products, Product detail and transaction page, blog.
The video on the right shows the scroll of the mobile web low fidelity prototype.
DESIGN
Example of the UI Style Guide on the right.
The Stylescape (below) shows the direction of the web design. It’s the brand attributes and messaging which are translated into images.
Below are examples of the high fidelity wireframes in desktop mode. From left to right: Landing page, About us, Products and Product in detail page on the bottom right.
The video is a prototype example of the Brisatipa app in high fidelity design showing the transition towards the checkout.
Examples of the High Fidelity Wireframe of the landing page, About us (top), product page and detailed product page.
Below is an example of the prototype high fidelity design with transitions towards the checkout.
