Lifestyle / E-commerce
Nisma.
A considered storefront for everyday essentials.
E-commerce conceptA CLOSER LOOK
On a laptop. On a phone.
Real website screenshots at laptop and phone sizes. Labels show the original image dimensions. Select a screenshot to view it at full size.
Homepage
Shop catalogue
Collections
The brief and approach
Context
A self-initiated concept for a fictional UAE lifestyle store, bringing scarves, stationery, prayer essentials and gifts into one catalogue. This is a portfolio project, not a client business.
Problem
A varied catalogue needs a clear route from discovering a collection to choosing a product, without losing the quiet character of the brand.
Approach
Organise products into four collections, use consistent product cards and place prices, variations and delivery information close to the purchase decision.
Development
A custom WordPress theme wraps WooCommerce catalogue, cart and account templates. PHP handles catalogue filters and product information; JavaScript adds saved-product controls. Optimised WebP photographs are served locally.
Result
A responsive storefront with collections, product details and a local test checkout. The public GitHub Pages site is a static design preview: checkout, accounts and server filtering require the local runtime. No real payments or sales are claimed.
01 / BRANDING
The look & feel.
A quiet lifestyle storefront identity. Olive tones and warm paper backgrounds keep the varied catalogue visually consistent.
Self-initiated portfolio concept.
02 / COLOUR THEME
A palette with purpose.
Paper
#FAF8F3
Forest
#263C30
Sage
#E8EDE3
Olive
#334B3E
Colours taken from the website’s styles.
03 / TYPOGRAPHY
Character & clarity.
Nisma
Aa Bb Cc · 0123456789
Simple, readable supporting text gives the name room to stand out.
The website uses Georgia with System sans-serif.
04 / LOGO APPROACHES
One identity.
Different settings.
Wordmark studies adapted from the website identity for light and dark backgrounds, shown in the brand’s heading typography.