Back to portfolio
eCommerce, Web Development, UI\UX Design

Constantine

Section 1
UI CONCEPTS STORE

Constantine – template for your
e-Commerce project. Inspired
for presenting fashion websites
with trending items.

EVNE DEVELOPERS 2016
Section 2
RESPONSIVE

DESKTOP

Archive contain PSD and
HTML files. Desktop
front-end is ready to use.

14 PSD PAGES

Layered and
structured.
All fonts are free.

HTML FILES

HTML5, CSS3, jQuery
were used here.

Notebook
Mobile

MOBILE

Basic pages for
mobile app.

11 PSD PAGES

Good start for
clothing shop.

With clean and minimalistic style
TYPOGRAPHY
STYLE
Aa HEADLINE TYPOGRAPHY
Playfair Display
Section 3
Aa BODY TEXT
Anglecia Pro
Aa BUTTONS
Roboto
Aa SUBTITLES
Merriweather
COLOR
PALLETE
Section 4

TUMBLEWEED
#DAA976

GEYSER
#C9D6DE

DARK GREY
#383A3E

CARBON
#242629

Section 6
HOMEPAGE
DESIGN

The whole concept is built with a focus on typography and combination of 4 main colors. It's made out of a huge choice of gorgeous components speciallly designed for e-commerce pusposes.

USER INTERFACE
Homepage design page
Products
Section 7
BRANDS
COLLECTIONS

Find garment with smart filter, check recent products and view
products grid or collections to see more info.

Collections page
Collection Spring
Collection Fall 2015
Section 8
PRODUCT
CATALOGUE
Catalogue page
GENDER SWITHCER
PRODUCT
PAGE

With layout focused on product you can see
product information and related products below.

Section 9
Product desktop version Product mobile version
FULLY
RESPONSIVE

We have adapted design for every screen size to maintain
clear structure. No matter what kind of device you're on: a
tablet or a smartphone. It adapts perfectly to all screens.

Responsive mobile Responsive mobile menu
Responsive tablet page
mobile & tablet screens
RESPONSIVE
Section 10

HTML5&CSS3

Optimized
Code

Bootstrap logo

BOOTSTRAP

12 columns
1170px

Section 11
SHOPPING
CART

One of our primary goals was to create an
experience that would make it easy and pleasant
to buy wares.

cart & payment
Step Buy
Step key
Step location
Step truck
Step money
Shopping page 1
Shopping page 2
Shopping page 3
Shopping page 4
MENU & CART
DROPDOWNS
Brands tab
Section 12
DROPDOWNS
Total cart
Catalogue tab
Brand 2016 Spring Summer
Brand 2016 Spring Summer
Brand 2016 Spring Summer
COVER
TYPES

Notify users about new collections
using different layouts or choose
the best one.

FEATURES
IN ACTION

We’ve created concept of slider animation. The
animation is smooth and breath taking but not
intrusive.

INTERACTION
Mobile animation
Mobile
Product quick view
Slider animation
ARCHIVE
CONTENT
We’ve created concept of slider animation. The
animation is smooth and breath taking but not
intrusive.
Section 15
DESKTOP

Constantine’s desktop pages
and HTML.

14 PSD PAGES 3 WEB BASED BANNERS
PSD pages
HTML + CSS ZIP
HTML icon
MOBILE

List of pages for mobile version.

11 PSD PAGES
Mobile PSD pages
Project team
Project manager

Bondarenko Roman

Share this case
Evne background image
Start a project

Leave the introductory information and we will start cooperation.

Start project image