Cup of Ink | Responsive Web Design & Development

site-mockup
 

Cup of Ink is a fictional stationery shop with a space for a café all under one roof. Cup Of Ink offers contemporary selections of stationery products and the brand caters to those with a special love for aesthetically pleasing stationery items. The Stationery and café is a place for inspiration and relaxation.

The Process

A new challenge, not limited to just the brand conceptualization or the overall site design but creating a responsive website that fits on most devices (Laptop,Tablet, Phone). As is the case with most websites today which are responsive, therefore much more user-friendly and functional. The challenge was to design & code for each screen size accordingly, while staying consistent with the brand’s concept/identity.


1. Planning | Site Mapping

Site Map.jpg

2. Planning | Persona

Persona.jpg

3. Wireframing |

Home Page | Desktop-Tablet-Mobile Screen Sizes

wireframes.jpg
 

Product Page | Desktop-Tablet-Mobile Screen Sizes

wireframes-product-page.jpg

2. Designing | Style Tile

style tiles.jpg

 

3. Designing | Brand Logo (Text Based) 

logo1.jpg
Group 19.jpg

 4. Designing | Website Design (Responsive)

Home Page (Desktop, Tablet, Mobile Screen Sizes)

home-design.jpg
 

Product Page (Desktop, Tablet, Mobile Screen Sizes)

product-design.jpg

Thank You

Previous
Previous

Golf Pitch | Graphics

Next
Next

Website Design & Planning