It is necessary to make adjustments to the existing website design, improve the visual part, and bring it to a unified modern premium style.
Currently, about 85% of the site is already ready — the structure, pages, and logic are implemented.
The main task is design processing, improvement, and unification of the style without radical changes to the structure.
The main focus is the mobile version.
Link to Figma: https://www.figma.com/design/eSlaWQ85UulGPLKe5OoQiS/Express-Bean-1
- Overall style of the site
The design needs to be made more cohesive, modern, and premium.
Font
The font is already used, and the basic hierarchy is in place.
It is necessary to:
- check the hierarchy (sizes, weights, spacing)
- provide recommendations and improvements
- consider our wishes
Also, suggest 1–2 alternatives if it improves the design.
Colors
The main colors are already defined:
- green (as in the logo — for buttons and accents)
- white (for text and light blocks)
- dark gray / graphite (for the background)
It is necessary to:
- create a clear color system
- define exact shades
- show where each color is used
Important
We have not yet decided on the style:
Option 1: dark site (graphite + white text)
Option 2: light site (white + dark text)
It is necessary to:
- advise on the best option
- or show 1–2 examples
Style reference:
https://www.rijo42.co.uk
- Main page and Machines page
The pages already exist, it is necessary to improve the appearance.
What to do:
- make the background more “alive” (texture, gradient — materials are available)
- improve the presentation of machines
- make the design more premium
Cubes under the machines:
- integrate into the scene
- add shadows and depth
- make the appearance like a studio presentation
- Sectors page
What to do:
- Redesign the page:
- option with three machines (example 3.1 attached):
center — Cafféra P3
left — Cafféra F1
right — Cafféra P5 - or an option with one machine (Cafféra P3) and a thematic background (office or cafe)
It is necessary to try both options.
- Select photos for the Vending Operators sector.
If necessary, improve photos for other sectors (especially Restaurant).
- Case studies
Main page:
- Redesign the page
- replace the button “Read the full case study” with “Find Out More”
- create horizontal scroll (5 cases)
Case page:
Structure (example 4.2):
Reference:
https://www.liquidline.co.uk/case-studies
Question:
- where is the best place to position the client's logo
- Bottom CTA block
A redesign is needed.
What to do:
- make it like a contact form (similar to the existing one in content, but with a different design)
- add a Call Us Now button
- remove Book a Demo
Style:
- Machines page (Featured Models)
What to do:
- machines should not “hang”
- add cubes / stands
- align with the overall style
- Machine categories
Pages:
- Bean to cup
- Coffee to go
- Hot chocolate
- Tea
- Payment systems
What to do:
- redesign the pages without changing the structure
- bring to a unified style
- remove unnecessary elements
- Our Range (on categories) (example 8.0)
What to do:
- like in Rijo42
- clean and minimalist
- clear hierarchy
- focus on the product
General requirements
- minimalist design
- modern look
- premium presentation
- adaptation for mobile
- clear text hierarchy
- focus on conversion (CTA)
IMPORTANT
This is not a redesign from scratch.
It is necessary to refine the existing design and make it more cohesive and visually strong.
Behance
