Creative website design - www.silkscarfdesign.com

UX Interaction design and front end web development for Silk Scarf Design (www.silkscarfdesign.com)



My role: Information architect, visual designer and prototyper (html/css developer)
Client: Silk Scarf Design Solutions International Limited
Timeline: Jul'14-Dec'14
Process: User research, storyboarding, persona creation, paper prototyping, high fidelity prototyping
Tools: Adobe dreamweaver, illustrator, html/css

1. Project introduction

Silk Scarf Design Solutions International needed a creative and unique online presence to convey its brand identity, service offerings and amazing work culture. The website needed to be highly illustrative in its visual design, and was required to have novelty in delivering user experience.

2. Features

Must haves: Novel information architecture, elegant interaction design, fresh graphics, minimalistic design.
Nice to haves: Landing page overlay screen slider, lots of sleek sliders, e-commerce integration with "Scarves" page.

3. Agile process planning

4. Information design and content overview

5. Wireframes and high fidelity screens

I created the wireframes and high fidelity screens to convey the workflows and how user would navigate through the various pages. A html/css/jquery mock up was also built by me to convey the component interactions and navigation. Many micro interactions were implemented using jquery and css.











6. Final visual designs for mobile phones - ready for implementation. Each screen was uniquely designed with its own color theme and icon

The website established Silk Scarf Design as a unique design studio among its peers, owing to its creative visual design and user interface. The studio was able to attract new clients through showcasing its own online assets, including this website.

7. Outcome/ future steps

The website established Silk Scarf Design as a unique design studio among its peers in Vancouver, owing to its creative visual design and user interface. The studio was able to attract new clients through showcasing its own online assets, including this website.