Ryman Printshop
Summary
Ryman required an online portal that could be used instore initially and then set up as a b2c site for customers to use. This project was in collaboration with team members. My main focus was to look after the UI look and feel, along with a few template builds. Take a look at the live site: rymanprintshop.co.uk
My Tasks
- Style portal
- Create templates
UI Work
I looked after the UI work, which included implementing a few of my own layout ideas.
Landing page
I created a simple grid layout for the product cards as the client did not require a lot of content overall. Each product card has an information box that appears when a card is hovered over.
Design option page
For most of the products, the client required a page where the user could choose from a selection of editable templates to work from or upload their own design.
Products page
I created cards for each product. Each card contains the name of the design and size. I also included icons to indicate which editable features the product has, such as text editing and image upload.
Product Editing Area
I updated the style of the design option pallete, which contains the colour and font options. In the product area, i updated the style of the material option drop downs, along with the price tables. The material and price elements are used wihin the artwork upload products and so managed the styling with CSS Grid and Flex box to allow them to adapt to the different layouts.
Upload your artwork page
As the material and price table elements were already styled, they accomdate the space within this area by sitting side by side based on the grid and flex styling i applied. Underneath them, the client wanted an area for downloadable guides. Based on the product specification chosen by the user, the download link would point to the relevant artwork guide and update the artwork guide preview. It was my task to create and style this area, along with adding the guides that were created by a team member.
Funeral Stationery page
The funeral section required a few more options and so had to be split across multiple pages.
