Escreo.com
E-commerce UI Design Solution

Escreo is a whiteboard paint startup based in the United Kingdom that operates on the international market. Escreo needed a very personalized e-commerce solution that properly showcased their product benefits. Powered by their analytical data and our UI/UX know-how, together, we created a unique, user-centric web experience. In addition to an updated functionality, Escreo’s website redesign was a chance to provide a new, fresh look for their brand.

Scope

Web development
UI/UX
E-commerce
Video

Category

Paint manufacture

Team

4 members

Timeframe

3 months

Testimonial

Click to view

Escreo is a whiteboard paint startup based in the United Kingdom that operates on the international market. Escreo needed a very personalized e-commerce solution that properly showcased their product benefits. Powered by their analytical data and our UI/UX know-how, together, we created a unique, user-centric web experience. In addition to an updated functionality, Escreo’s website redesign was a chance to provide a new, fresh look for their brand.

Scope
Web design
Web development
UI/UX
E-commerce
Video

Category
Paint manufacture

Team
4 members

Timeframe
3 months

Process
Click to view

Read More

Close More

We worked closely with Escreo for a solution that combines UX data and proven e-commerce practices.

Our role

Consulting

Initial review
Open line of
communication

UX Research

Market research
Wireframes

Design

Contemporary
Responsive
Multiple iterations

Development

E-Commerce
ERP Integration
Multilingual
Custom WP Theme
Mobile version

Video Production

Shooting
Editing
Motion Graphics

Consulting

Initial review
Open line of
communication

UX Research

Market research
Wireframes

Design

Contemporary
Responsive
Multiple iterations

Development

E-Commerce
ERP Integration
Multilingual
Custom WP Theme
Mobile version

Video Production

Shooting
Editing
Motion Graphics

Responsive Design


Design Stack
Adobe XD

prototyping user experience tool for web and mobile apps

Adobe Photoshop

the most popular raster graphics editor

Adobe Illustator

the most popular vector graphics editor

Adobe Premiere Pro

an industry-leading video editing software for film, TV, and web

Figma

web-based UI design and prototyping tool

Dev Stack
WordPress

free and open-source content management system (CMS)

Bootstrap

free front-end framework for faster web development

Webpack

an open-source JavaScript module bundler

WooCommerce

flexible, open-source eCommerce solution built on WordPress

UX Details

We started the Escreo project with an essential step in UX design – wireframes. They helped us quickly take and approve design choices without worrying about later stylistic details. Throughout the whole process, we relied on actual analytical data of Escreo’s user base, and the real habits of clients who visited their website. This allowed us to make informed decisions about each design element.

Development Details

We made a custom WooCommerce theme with very specific product pages, including custom amount and discount logic. The frontend was specifically created to maximize conversions and present a seamless checkout flow. The website was built with fast load times in mind, hence the use of VPS, CDN, caching and other mechanisms to give any user a very snappy experience.

Responsive Design


Design Stack
Adobe XD

prototyping user experience tool for web and mobile apps

Adobe Photoshop

the most popular raster graphics editor

Adobe Illustator

the most popular vector graphics editor

Adobe Premiere Pro

an industry-leading video editing software for film, TV, and web

Figma

web-based UI design and prototyping tool

Dev Stack
WordPress

free and open-source content management system (CMS)

Bootstrap

free front-end framework for faster web development

Webpack

an open-source JavaScript module bundler

WooCommerce

flexible, open-source eCommerce solution built on WordPress

UX Details

Create stylish call-to-action buttons with Qubely Buttons. Play around with typography, design, border and more. Add animations and personalize it to engage visitors instantly.

Development Details

Create stylish call-to-action buttons with Qubely Buttons. Play around with typography, design, border and more. Add animations and personalize it to engage visitors instantly.

Desktop Screens



Escreo’s website redesign was a chance to provide a new, fresh look for their brand. We came up with a modern, clean, and recognisable style for that purpose.

Desktop Screens



Escreo’s website redesign was a chance to provide a new, fresh look for their brand. We came up with a modern, clean, and recognisable style for that purpose.

Wireframes


About

Product

Reviews

About

Gallery

Style Proposal

We went through several iterations in the design of the homepage hero section and dropdown menu – both at the wireframe and hi-fi prototype stages.

Design System

When we worked on the Escreo project, our design team prepared an expanded styleguide to help everyone stay consistent with the website’s redesign. It outlined the most commonly used elements and blocks.

Design System

When we worked on the Escreo project, our design team prepared an expanded styleguide to help everyone stay consistent with the website’s redesign. It outlined the most commonly used elements and blocks.

Elena Nikolova
Co-founder and CMO of Escreo

Your website is the face of your business in the contemporary world. You have to be mindful about the first impression and still be confident of the meaningful function it services. The contractor building your website is more than a partner, it becomes an integral part of your business. Mark & his team lived up to the expectations. I can strongly recommend them as a trusted team of professionals, who are proactive, understanding, creative and punctual during our joint work in www.escreo.com.

Did you know?

Next Project
Security Equipment Brand Logo & UI Design
TBS