Megacloud

STAGE 1: LOW-FI

● I started by creating the information architecture of the website to establish a clear, intuitive, and efficient organizational structure that enhances user experience and facilitates smooth navigation.

● Next, low-fidelity wireframes were created of all desktop and mobile screens required. This shows the layout and placement of elements.

STAGE 2: VISUALS

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

● After visual exploration a mountains and red look was decided upon, and the final visual style applied to create the hi-fi designs of the Megacloud homepage. All other pages of the website were then created in this same visual style.

● High-fidelity designs were created for mobile too to assist the developer in mirroring a similar desktop experience to mobile. The client wished to keep it as close to desktop as possible, rather than create a totally separate mobile experience.

LET'S MAKE MAGIC!

Thank you!
Your submission has been received!

Oops! Something went wrong while submitting the form.

aj.mcgrath@hotmail.co.uk

E-COMMERCE WEB DESIGN & BRANDING FOR A CREATIVE AGENCY STARTUP BASED IN CANADA ●

STAGE 1: LOW-FI

STAGE 2: VISUALS

LET'S MAKE MAGIC!