Day Three: 30 Day Design Challenge

I’ve got a friend who will be attending the Fullstack Developer Bootcamp in two weeks. So to congratulate him and to practice design dark interfaces, I created a concept for his page. He’s a coffee snob and needs practice coding in Bootstrap so here is my Day three submission. A one-pager design.

It is 1366px wide, built on a 12 column layout, where the images cover up the entire screen. It has a sticky global nav bar and the links change as you scroll down. It was a quick 45min mockup.

day006day006e

Design for Chaos

I admit it, up until this project I equated goal-directed design/user-centered design to designing for the perfect outcome. From paper wireframes to clickable prototypes my focus was on the goal of the user and how to help them achieve those goals as quickly as possible. Designing for an “in a perfect world” scenario.

Rarely is the world “perfect”. I created a beautiful mobile interface for OvationTix clients. Using one of our more sensible clients to design the interface around. When I should have designed for the “less sensible”. Continue reading →

myFranklin4

While working as a contractor at Franklin University in Columbus, Ohio I had the pleasure of joining my team with two other multidisciplinary teams to recreate the myFranklin portal. myFranklin is the online hub from which the staff of the university could communicate with the students. Here students can receive up-to-date campus news, learn about university events, stay connected with their professors, course mates and keep track of their progress in each course. It’s an online hub to manage your life as a Franklin University student.

The dashboards of professors and students were being revamped, and I had the task of bringing attention to information they user should be able to grasp from a quick glance: progress of class, when things are due, if something is incomplete, what needs attention immediately, what can wait.

The placement of information and how it related to other components of the interface were my guidelines. I didn’t want to move too far away from the previous myFranklin interface and force users to learn how to navigate the system all over again.

I grasped an understanding of what each component meant to each user and in what context that feature would need to take precedence over anything else they could find on the dashboard. University Announcements, for example, were one of them.

The interface also became icon-heavy and I had the pleasure of creating and testing the icons to be used throughout the system for university-specific terms.

Design elements and principles played a heavy part in the enhancement of the student and professor dashboards.

Screenshots