web page design
Shop Builder
PAGE BUILDER
+ Category
Shop Builder
+ Descriptions
Merchant’s Storefront Design
Shop page layout builder, allow user design different layouts for campaign pages, landing pages, product pages easily, using “drag-and-drop” tool. Advance customization can also be made using CSS and HTML
PRODUCT REVEMP
Before revamping the design, we had received user comments, analysis the paint point and came up with solutions to solve the problems
DIRECTION
How it should be like
Concept of Design
The objective of the project revamp shall be universal and easy to use. We solved all the paint points and enhance the user experience
Beta Merchant‘s
User interview
- Online survey
- 1 on 1 interview
- feedback from customer service
Layout
structure
Explore interaction ideas and evaluate the perfection of product functions through usability testing. Clarify the target groups of the scenario, and prioritize the tasks of the current version.
01
The minimized navigation panel
Increase the space of the builder workaround, and switch quickly between different pages. The minimized navigation panel provides flexibility that helps user to work as efficiently as possible
02
Control Panel
The Control Panel includes all the actions and commands the user might need, such as adding widgets, re-ordering the layer, and editing the widget's properties.
03
Preview & interactive area
The interactive preview area displays the iframe of the storefront, and the selected section will be highlighted. Users can switch to interaction mode in order to replicate the real website for customers.
The previews are available for both desktop and mobile view.
New look new experiences
Design a store that’s both well-branded and optimized for conversions. Customers should not only be impressed by the look-and-feel of the store, but should also be able to easily find the products and confidently make a purchase
Customize with ease
The new Shop Builder allows users to create unique shopping experiences for their buyers, and bring the brand’s vision to life. Easy drag and drop sections, including theme colors, imagery, and fonts. No design skills or coding are required.
Store Level Setttings
Branding is a big part of online success. it’s critical to have a strong eCommerce branding strategy that leaves a strong impression. The builder allows user to change logo, favicon, typography, color palette and tone of voice.
Tons of templates
With the industry-specific themes, its easy to find the right look and feel for the user’s business
Manage
Organized all the pages by filtering and listing. Quick actions to manage the page, user can even schedule the page to publish.
