Work samples following a modern aesthetic.
The following are webpages I have created as a web developer/software engineer. Before delving into backend coding, I started in the front-end creating static web pages. This article serves as a showcase of my experience with modern web design aesthetics.
A snapshot of GoWonder as it was created can be found here.
Wonder is a fintech start-up looking revolutionize the digital gifting space. With a team of two others, I was given a high-fidelity mockup for the whole splash page, and tasked to recreate the design as a webpage on the live site. I used HTML5 and CSS3, with the help of Bootstrap.
The page was not mandated to be responsive but showcased several modern design conventions. These include flat design utilizing muted colors and sans serif fonts, a fixed navigation bar, stripe partitioning (Figure 2), and card elements (Figure 3).
A snapshot of Statfuse’s About page can be found here. The page on the live website as it stands now is largely unchanged from the original.
Statfuse aggregates admission data to analyze a user’s application, then calculates their chances of admission to universities. At the time of development, the website — with the About page serving as the initial access point— saw upwards of 500 new users a day. No high-fidelity mockup accompanied this project, only a rough spec of required elements (such as the search box at the top, and footer at the bottom) and copywrite.
Bootstrap and LESS were used exclusively. Some design conventions observed were Responsive Design elements, flat design (this time with subtle drop shadows), a fixed navigation bar, striped partitioning (Figure 5), sans serif font, and bold colors. Strategic use of contrasting colors were used on the most important calls to action as well (Figure 6).