• Black LinkedIn Icon
  • Black Instagram Icon
  • Black Facebook Icon

ALL RIGHTS RESERVED © 2017 by  MIA LAU'REN

introduction

IUPUI's school of Engineering and Technology has one of the most student enrolled on campus. Thus, their website is highly used. I used to use the site several times a week for one of my classes. I decided to redesign it in my spare time just for fun and to practice a bit.

 

01 ANALYSIS & PREPARATION

THE ORIGINAL

I spent a lot of time analyzing the IUPUI's school of Engineering and Technology website because I wanted my redesign to be more than just a better looking version of the current website. I really wanted to add some features to improve the global user’s experience of the website.

THE FRAMEWORK

After the analysis, I had to define the framework of my redesign. I created many layouts to determine the best ways for the users to appreciate the content. This was one of my layouts chosen.

THE COLOR SCHEME &

TYPOGRAPGHY

It was time to begin the redesign by choosing the fonts and the colors. I had to match them with the IUPUI branding so I almost kept the same IUPUI palette but I modernized it a bit.

 

For the fonts, I thought that the combination between Universe LT STD (55 Roman) and Universe LT STD (49 Light Ultra Condensed) was in the art direction I wanted.

RGB  180 . 38 . 21
RGB  18 . 166 . 203
RGB  226 . 208 . 66
RGB  194 . 196 . 198

02 implementation

HOME page

IUPUI's school of Engineering and Technology website has great editorial content and a huge community. Their articles are viral and much read. In the current website, the articles are placed on the bottom of the home page and other places that tend to go unvisited. To me, the articles weren't highlighted enough. This is why I made this slider containing a big image with carousel-indicators to switch between

the most trending articles.

NEW NAVIGATION

For the most part, the school's navigation  was efficient. However, the design seemed a bit dated. Without changing too much, I added 3D hovering tabs and changed the colors around.

VIDEO ELEMENTS

I noticed, during my analysis, that the engineering and tech students were extremely visual while surfing the web. They expressed not having enough time to read through all of the content. The school's website has so much content and not enough visuals. When students use the site they want quick visual communication to get on with their day.

I decided to create video elements for some of the content given so that it would grab the user's attention faster while  giving them enough time to read.

02 FINAL DESIGN

 
APP DESIGN

introduction

The IUPUI Wayfinding & IUPUI Jaguars mobile apps were commissioned by IUPUI's Director of External Affairs and Special Projects. I had the privilege of creating the idea and the design of them both. Below are the basics of my process.  

01 ANALYSIS & PREPARATION

THE FRAMEWORK

After the analysis, I had to define the framework of my redesign. I have created different layouts to determine the best ways for the users to appreciate the content. This was one of my layouts chosen for the IUPUI Wayfinding.

RGB  194 . 196 . 198
RGB  226 . 208 . 66
RGB  202 . 146 . 18
RGB  180 . 38 . 21

THE COLOR SCHEME &

TYPOGRAPHY

It was time to begin the redesign by choosing the fonts and the colors. I had to match them with the IUPUI branding so I almost kept the same IU palette, but I modernized it a bit. For the fonts, I thought that the combination between Archer and Universe LT STD was in the art direction I wanted.

02 FINAL DESIGN