top of page

GOAL

Create a site that will inform users about the game-ified experience Fjord is using to showcase AWS Deep Lens​ and provide a point were users could put data into the system and participate in the experience. 

STAGE 1 : PLANNING

I spoke with the development team to create a flow for the screens they wanted me to the mockup. We brainstormed the actions and the instruction a user might need when visiting the site for the first time. After our meeting I determined a user would need: 

  • An onboarding experience 

  • To give permission to participate

  • Data ingest point 

  • Leaderboard

coffe plan shot.png

STAGE 2: EXECUTION

Web 1366 – 1.png
d4319fd0-069f-402a-b73f-72a7594a7eef.gif
Web 1366 – 3.png
Web 1366 – 5.png
Web 1366 – 3.png
Web 1366 – 1.png
Web 1366 – 4.png
Web 1366 – 5.png

After the basic wireframes were approved, I went into choosing the colors and style of the site. I decided to create a dynamic gif and declutter the flow of my original design in favor of a simpler more graphic representation.  Furthermore, I pivoted from the carousel I had originally pitched in favor of a video for the onboarding process because of confusion that the carousel seemed to pose with the users who tested it. 

After the first iteration of the site I :

  • Combed the site for any bugs or inconsistencies and made a running list for the development team 

  • Worked with the development team to implement changes in the design of the page to make it more user family 

  • Utilized principles like hierarchy, spacing, and consistent casing to improve the current iteration of the site

  • Furthermore I took steps to ensure that the site was 508 compliant 

bottom of page