Have you heard about the newest CSS technology for the best layouts? That's right, boba uses all flexbox for its layout grid and its components. And the best part is that it's purely CSS (for now)! This was a project my friend and I started working on after we discussed how we really didn't like many of the frameworks out there. I learned a ton about Sass through this project, and even got to dabble a little bit in graphic design! Check out the source code and the designs in the links above.
Tools: Sketch, React, Redux, Webpack Sass, Git, Riot Games API
I don't know if you can tell yet, but I'm kind of a gamer.
League of Legends, the most popular game in the world, makes up a good portion of my life
(probably a little too much, but that's besides the point), and I find myself constant using stat sites for myself or other players.
But I found that there aren't many sites out there that let you compare two players' stats.
The current solution is to open two concurrent tabs and then compare them.
Seems like a pain, so I started thinking of creating one, but I wanted to do it right.
Using the knowledge from the classroom, I started going through the design process.
It all began with market research and comparing which components are common and what should be excluded.
Then it was time to create. I had multiple designs going from low to medium and, hopefully soon, to a high fidelity prototype (HFP).
The HFP will be created using React (by the way, I'm a huge React fanatic) along with the Riot Games' API.
More to come soon... But in the mean time enjoy the designs!
Let me set up the scene for you; late nights, tired eyes, bright white screens.
Yeah, I know it hurts just thinking about it, so I thought why not solve it.
That's why I decided to create darkn in hopes of it being the hero your eyes deserves, to be your dark knight (HA).
It overlays a new dark theme (and numerous other style changes) to help your eyes and it's easily toggleable with its adorable lightbulb.
Tools: Photoshop, Human Computer Interaction (HCI)
Let's be real, accessibility is a legit problem but modern technology doesn't really cater to this market.
Regardless, Samsung's accessibility mode on its Galaxy S4 phone could be considered cruelty.
During this period in school, I was learning about human factors in design (HCI, UX, UI, all the design buzzwords!)
and decided to apply it to a real life situation.
To start off, I went through the process of identifying the pains and benefits for a user, which let me create personas.
After, I was able to create prototypes, and the results were beautiful (look above).