Prior to starting development, I meet up with stakeholders to understand requirements and needs. Based on this research, I started working on the user flows and sketches to validate the concept.
Learning Platform
Designed and developed a learning platform to teach about accessibility and SEO.
Journey Mapping, Design Sessions, Wireframes, Mockups, Prototyping, Usability Testing, Front-end Development
Discovery, Sketches & Concepting
![](http://perfectpixels.design/wp-content/uploads/2019/10/IMG_4732.jpg)
![](http://perfectpixels.design/wp-content/uploads/2019/10/IMG_4729.jpg)
Wireframes
Created wireframes and rapid prototype using Balsamiq to show the workflow and to gather feedback quickly.
![](http://perfectpixels.design/wp-content/uploads/2019/10/wireframe-1-rs-1.jpg)
![](http://perfectpixels.design/wp-content/uploads/2019/10/wireframe-2-rs-1.jpg)
![](http://perfectpixels.design/wp-content/uploads/2019/10/wireframe-3-rs-1.jpg)
![](http://perfectpixels.design/wp-content/uploads/2019/10/wireframe-4-rs-1.jpg)
Visual Designs
Created the visual design of the platform, Apple wanted something very clean and minimalist focused on the content.
![](http://perfectpixels.design/wp-content/uploads/2019/10/visual-1-copy.jpg)
![](http://perfectpixels.design/wp-content/uploads/2019/10/visual-1-copy-2.jpg)
Front-end Development
Once the design was approved, I started working on the front-end development using HTML5, SCSS and Javascript (React). Working alongside the back-end development team, we worked in an agile methodology to make sure problems were discovered quickly and dealt with efficiently.
![](http://perfectpixels.design/wp-content/uploads/2019/10/code.jpg)
Lessons Learned & Key Takeaways
– Created mockup and sketches quickly to continuously validate ideas and avoid long stretches of design work.
– We managed to release the product 2 weeks before the deadline.