diff --git a/README.md b/README.md index 14180aea..8a72bd42 100644 --- a/README.md +++ b/README.md @@ -227,7 +227,6 @@ https://society6.com/rehanbutt/about |✅ header image|✖️|✖️ https://www.youtube.com/c/RehanButt1994 | ✅ header image|✖️|✖️| social links https://www.clubhouse.com/@rehanbutt |✖️|✅|✅|Twitter link https://letterboxd.com/naher94/ |✖️|✖️|✅| -http://interchange.soa.cmu.edu | ✅ footer | ✖️|✖️ https://www.stickermule.com/u/rehanbutt | ✖️|✖️|✖️ http://BRND.life | ✅ footer |✖️|✖️ http://QULR.life | ✅ footer |✖️|✖️ @@ -241,6 +240,7 @@ https://jekyllrb.com/showcase/ |✅|✖️|✖️| Full screen shot of the home ~https://soa.cmu.edu/design/~ | ~no~ ||| ~showing fashion work~ ~https://soa.cmu.edu/alumni/~ |~yes~ ||| ~SHOULD BE UPDATED~ ~http://soa.cmu.edu/students/~ | ~yes~ ||| ~Graduate Student Section~ +~http://interchange.soa.cmu.edu~ | ~✅ footer~ | ✖️|✖️ ~http://ideate.xsead.cmu.edu/profiles/profiles/naher94~ | ~no~ | ~https://scottylabs.org/portfolio/~ |~✅~|✖️|✖️| ~http://tech.soa.cmu.edu~ | ~✅ footer~ |✖️|✖️ diff --git a/_config.yml b/_config.yml index fb159c5d..1137a3a1 100644 --- a/_config.yml +++ b/_config.yml @@ -13,7 +13,7 @@ description: > # this means to ignore newlines until "baseurl:" baseurl: "" # the subpath of your site, e.g. /blog url: "https://rehanbutt.com" # the base hostname & protocol for your site -version: 8.19.0 +version: 8.20.0 version-naming: [Apricot, Blackcurrent, Coconut, Dragonfruit, Elderberry, Fig, Guava, Honeydew] # Build settings diff --git a/_projects/ces.markdown b/_projects/ces.markdown index 39241fd4..7c54f925 100644 --- a/_projects/ces.markdown +++ b/_projects/ces.markdown @@ -29,7 +29,7 @@ The last set of interfaces that I would like to highlight include the schedule p I wanted to take full advantage of the topic categories created for CES. As such I created a color system that maps each category to a color for identifying events, booths and several other things across the app experience. -
User Flow Map
+
User Flow Map
## Process @@ -56,6 +56,8 @@ Several screens from the current app. Some interaction and static interfaces, that I used as inspiration. Looking at things like ease of use, hierarchy and legibility to name a few. -
Topic Groups
+
+ Topic Groups +
-
Event Tile Iterations
+
Event Tile Iterations
diff --git a/_projects/consumerreportsbrand.markdown b/_projects/consumerreportsbrand.markdown index 7c0f7117..50cd0571 100644 --- a/_projects/consumerreportsbrand.markdown +++ b/_projects/consumerreportsbrand.markdown @@ -7,7 +7,7 @@ date: 2015-08-20 tags: UI UX branding --- -
+
Consumer Report's new logo full color
@@ -89,7 +89,7 @@ Typeface and lockup exploration
- CR Rating Blobs + CR Rating Blobs
diff --git a/_projects/expii.markdown b/_projects/expii.markdown index 7343c29a..98844243 100644 --- a/_projects/expii.markdown +++ b/_projects/expii.markdown @@ -37,13 +37,13 @@ Across all the public facing platforms I came across four distinct brand images Some inspiration I used to articulate the brand, the flow, clarity, and hierarchy of the experiences. -
Simple Brand Proposal
+
Simple Brand Proposal
When designing this brand image, I looked at it as the starting point for a bigger brand system. Using the pill shapes as a thematic element that could be used across all Expii products and marketing materials with an approachable color scheme and mascot to guide users through the Expii experience. ### Experiences -
Platforms Expii Exists On
+
Platforms Expii Exists On
Extending from the brand audit, I looked at whether the product differed based on platform and if each platform was being capitalized on to the fullest extent. iOS only provided one of the two Expii products--Solve. Upon opening the app, the experience was immediately gated by a user login, which can be a big deterrent for users to try out a product or service. The Expii Android app was a webview leaving the interactions to be identical to the site. One of the benefits of a native app, however, is that resources can be stored on the device for easy retrieval and offline usage in many cases--something especially important in developing countries where infrastructure may not be as reliable but the added value of a learning tool like Expii would be far bigger. Lastly, I explored the desktop web experience as it is the most prominent and fully featured.
Products
diff --git a/_projects/interchange.markdown b/_projects/interchange.markdown index 5065748f..72609159 100644 --- a/_projects/interchange.markdown +++ b/_projects/interchange.markdown @@ -9,12 +9,12 @@ tags: branding webdev
Logo
-Interchange, a career event, was created as a way to help the graduate students of Carnegie Mellon’s School of Architecture to help them connect with the creative industry. As part of this new initiative I branded and developed a website for students to showcase their work ahead of the event. It will provide organizations an opportunity to learn about student's work within different degree programs; from architectural building performance to computational design. +Interchange, a career event, was created as a way to help the graduate students of Carnegie Mellon’s School of Architecture connect with the creative industry. As part of this new initiative I branded and developed a website for students to showcase their work ahead of the event. It provided organizations an opportunity to learn about student's work within different degree programs; from architectural building performance to computational design.
Website Screenshots
Mobile Site Screenshots
-As this site will be used by many students, I templated and created a style guide throughout the site for a uniform look and feel. Keeping in mind the need for a variety of content types and optional information fields such as personal websites and resumes on the profile pages. I built the site using Jekyll to template each page and to automate the connection of pages such as people and their projects and tagging people with their degree program. Check out the site. +As this site was used by many students, I templated and created a style guide throughout the site for a uniform look and feel. Keeping in mind the need for a variety of content types and optional information fields such as personal websites and resumes on the profile pages. I built the site using Jekyll to template each page and to automate the connection of pages such as people and their projects and tagging people with their degree program.
The CodeLab @@ -28,7 +28,7 @@ As this site will be used by many students, I templated and created a style guid
Sketches
Brand Inspiration
-
Logo Iterations
+
Logo Iterations
Postcard Iterations
Poster Series
Floor Sticker Test
diff --git a/_projects/lechuga.markdown b/_projects/lechuga.markdown index 5ee8b3a6..46cd350c 100644 --- a/_projects/lechuga.markdown +++ b/_projects/lechuga.markdown @@ -18,7 +18,7 @@ tags: web ## Process -
Logo Iterations
+
Logo Iterations
Brand Sketches
Experience Sketches
Other Food Services
diff --git a/_projects/logomarks.markdown b/_projects/logomarks.markdown index 8fc29874..40112134 100644 --- a/_projects/logomarks.markdown +++ b/_projects/logomarks.markdown @@ -74,11 +74,10 @@ I created a set of personal LogoMarks using information about the people the Log Looking at the first logoMark, Yasmeen's, I starting on my computer within my vector program, Rhinoceros, I started with her initials "YA" looking at the outcome from current fonts and some interesting spaces and relations that could come of it. This was 1 of the 2 approaches I took. The second started from a stamp marking she already used to sign with, which is the marking below. First I vectorized it and then tried to overlay a geometry, which did not work out so well. So I decided to ditch the geometry and if I was going to use the stamp I was going to use it in the original vectorized form. -
- Yasmeen Almuhanna Stamp Mark -
-
+
+ Yasmeen Almuhanna Stamp Mark +
Shape Iterations of the YA Logomark
diff --git a/_projects/techsoa.markdown b/_projects/techsoa.markdown index b3e079dc..5a797a1c 100644 --- a/_projects/techsoa.markdown +++ b/_projects/techsoa.markdown @@ -14,7 +14,7 @@ The goal with tech.soa was to pull all the resources from around the department ## Process
Home Page Versions
-
Tile Iterations
+
Tile Iterations
Hover Interaction For Titles & Tags
Hover Interaction for Tiles
diff --git a/img/ces/event-tiles.jpg b/img/ces/event-tiles.jpg new file mode 100644 index 00000000..d3af015d Binary files /dev/null and b/img/ces/event-tiles.jpg differ diff --git a/img/ces/eventtiles.png b/img/ces/eventtiles.png deleted file mode 100644 index b726fed9..00000000 Binary files a/img/ces/eventtiles.png and /dev/null differ diff --git a/img/ces/userflowmap.jpg b/img/ces/userflowmap.jpg new file mode 100644 index 00000000..b615d9db Binary files /dev/null and b/img/ces/userflowmap.jpg differ diff --git a/img/ces/userflowmap.png b/img/ces/userflowmap.png deleted file mode 100644 index fc77aea0..00000000 Binary files a/img/ces/userflowmap.png and /dev/null differ diff --git a/img/cr/CRblobs.png b/img/cr/CRblobs.png deleted file mode 100644 index 584be2f0..00000000 Binary files a/img/cr/CRblobs.png and /dev/null differ diff --git a/img/cr/cr-blobs.jpg b/img/cr/cr-blobs.jpg new file mode 100644 index 00000000..234f6d2e Binary files /dev/null and b/img/cr/cr-blobs.jpg differ diff --git a/img/cr/logo-color.svg b/img/cr/logo-color.svg index 654741cb..b1af0b4c 100644 --- a/img/cr/logo-color.svg +++ b/img/cr/logo-color.svg @@ -1 +1,23 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/expii/brand-proposal.svg b/img/expii/brand-proposal.svg new file mode 100644 index 00000000..bfc110ef --- /dev/null +++ b/img/expii/brand-proposal.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/interchange/logo-iterations.svg b/img/interchange/logo-iterations.svg new file mode 100644 index 00000000..8542d253 --- /dev/null +++ b/img/interchange/logo-iterations.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/interchange/logo.svg b/img/interchange/logo.svg index 1cae853d..fc417ee2 100644 --- a/img/interchange/logo.svg +++ b/img/interchange/logo.svg @@ -1 +1 @@ -Artboard 8 copy \ No newline at end of file + \ No newline at end of file diff --git a/img/interchange/logoIterations.svg b/img/interchange/logoIterations.svg deleted file mode 100644 index 6e9bcef4..00000000 --- a/img/interchange/logoIterations.svg +++ /dev/null @@ -1 +0,0 @@ -Artboard 13 \ No newline at end of file diff --git a/img/lechuga/logo-iterations.jpg b/img/lechuga/logo-iterations.jpg new file mode 100644 index 00000000..efc7e80d Binary files /dev/null and b/img/lechuga/logo-iterations.jpg differ diff --git a/img/lechuga/logoiterations.svg b/img/lechuga/logoiterations.svg deleted file mode 100644 index 7f6e5f85..00000000 --- a/img/lechuga/logoiterations.svg +++ /dev/null @@ -1 +0,0 @@ -Artboard 4 \ No newline at end of file diff --git a/img/logoMark/ya-process-stamp.jpg b/img/logoMark/ya-process-stamp.jpg new file mode 100644 index 00000000..8d4b6765 Binary files /dev/null and b/img/logoMark/ya-process-stamp.jpg differ diff --git a/img/techsoa/tile-iterations.svg b/img/techsoa/tile-iterations.svg new file mode 100644 index 00000000..0766be74 --- /dev/null +++ b/img/techsoa/tile-iterations.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Register + + + + + + diff --git a/img/techsoa/tileIterations.svg b/img/techsoa/tileIterations.svg deleted file mode 100644 index 6b3f95fa..00000000 --- a/img/techsoa/tileIterations.svg +++ /dev/null @@ -1,72 +0,0 @@ - - - - Converted Oultined - Created with Sketch. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Register - - - - - \ No newline at end of file