top of page

De:lights

Design Highlights

Adaptive order form

Created the adaptive design of an existing order form for a language translation website. Consider UX fixes that'll go well with mobile and tablet.

Know your audience website dimensions.

Checked out the browsers and the web page sizes that majority of the customers used. Designed 2 layouts (tablet and mobile) in minimum sizes (excluding the existing deskwide).

Mobile: 320px/ Tablet: 768px wide.

Things considered

Consider the user experience and ensure all valuable content the customers mostly interact with in the website is easy to navigate.
Remove irrelevant elements in the website and focus on the main action of the page.
Adding the hamburger menu for the navigation.

Worked closely with stakeholders and developers.

homepage (website)

homepage (tablet)

homepage (mobile)

CUSTOMER INPUT TEXT OR UPLOAD FILE

select language

show prices (tablet)

select language (tablet)

show prices (mobile)

select language (mobile)

SELECT PREFERRED LANGUAGE

select content type (website)

select content type (tablet)

summary of order (tablet)

select content type (mobile)

summary of order (tablet)

SELECT CONTENT TYPE

Select Tier (tablet)

Order summary (tablet)

Select tier (mobile)

Select tier (mobile)

Select tier (mobile)

Order summary (mobile)

SELECT TIER