Overview
Case Study
Research
Prototyping
Testing
National Recycling Week
Project Overview
HTML, CSS Coding Case Study
May 2021 - September 2021
Cloud focuses on creating calm during in-between moments. Instead of catching up on social media, calls or emails, time spent on a trip with Cloud offers a customised meditation which guides you back to reality as you approach your destination. Arrive grounded and refreshed, ready for the next adventure. 
Software Used
Adobe Creative Suite
Dreamweaver

The Case Study

The aim is to redesign Planet Ark's website  for National Recycling Week, and completely code it from scratch. This is their current website:

Research

First, the strengths and weaknesses of the site had to be understood.

Problem Areas
Solutions
Heavy and uninspiring design for an event which is designed to inspire action.
Declutter arrangement
+
Lighten feel of the landing the page
+
Asymetric elements to break the grid will help maintain visual interest.
Too stimulating likely prompting users to leave page more quickly or skim over without really absorbing in the content of the page.
Transitions  to ease the user into the heavier content of the webpage
+
Reduction in amount of images
+
Use of icons for easy understanding.
Jarring color palette
Streamlined + toned

Prototyping

Wireframes were produced for desktop, tablet and mobile viewports. The high fidelity outcome is seen below.

Coding

It might not be the best software for coding, but Adobe's Dreamweaver was a good starting base to code the website. HMTL, CSS and some Java Script was used. The site was basic, but was a good introduction to coding.

Final Product

The final output was a product of learning the basics of coding. Section jumps, relative positioning and responsive design were at the core of the design.

More Projects
Tetrise, Project Two, Ux By Sophie Peterson

Tetrise

Never Let a Gym Class Go Unbooked

View Case Study
Studio Acie, Project Three, Ux By Sophie Peterson

Studio Acie

An e-commerce store for a local ceramics studio

View Case Study