diff --git a/_config.yml b/_config.yml index ad135b15..fb159c5d 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.18.0 +version: 8.19.0 version-naming: [Apricot, Blackcurrent, Coconut, Dragonfruit, Elderberry, Fig, Guava, Honeydew] # Build settings diff --git a/_includes/foot.html b/_includes/foot.html index 4dbd7759..0bdc09ac 100644 --- a/_includes/foot.html +++ b/_includes/foot.html @@ -1,5 +1,5 @@ -{% if page.url == '/colab' or page.url == '/ideate' or page.url == '/carnegiehere' %} +{% if page.url == '/ideate' or page.url == '/carnegiehere' %} {% endif %} diff --git a/_projects/cmunyc.markdown b/_projects/cmunyc.markdown index dfe1f390..4fc15aa7 100644 --- a/_projects/cmunyc.markdown +++ b/_projects/cmunyc.markdown @@ -14,10 +14,13 @@ tags: web Dzgn.IO ## Process -
Other CMU Programs -Cornell Campuses -UC Schools Part 1 -UC schools Part 2
+
+ Other CMU Programs + Cornell Campuses + + UC Schools Part 1 + UC schools Part 2 +
When starting this project we looked into other Carnegie Mellon campuses as well as other universities for how they deal with multiple campuses with different goals in mind. Cornell uses the same main branding across their entities with a secondary brand image representing that particular campus. In comparison the University of California system uses a different brand image for each campus and different visual language. @@ -38,11 +41,11 @@ When starting this project we looked into other Carnegie Mellon campuses as well
Brand Sketches -Branding Process -Color Iteration +Branding Process +Color Iteration Persona Persona -Program Chart +Program Chart Original Site Breakdown Site Breakdown Detail Banner Iterations diff --git a/_projects/colab.markdown b/_projects/colab.markdown index f413506e..cdcbf6bf 100644 --- a/_projects/colab.markdown +++ b/_projects/colab.markdown @@ -8,61 +8,110 @@ tags: digital app ---
-
CoLab Logo and Hero Shot
+
+ CoLab Logo and Hero Shot +
+{% include behind-the-scenes.html title="Behind the Scenes" description="Future me here, Looks like there was quite a bit opportunity on this ideas, as so many tools have launched a similar feature set. Figma launching at the end of 2016 and Sketch several years later. Cheers to us!" %} -## Problem - +{:.post-callout-medium} Design is inherently collaborative. Existing tools such as Photoshop and Sketch are inconvenient for designers, since they have to work separately, then manually compare designs to resolve differences. Designers end up wasting time on redundant work, due to the lack of standard version control and file sharing methods. -## Our Solution -CoLab is a plugin that enables real-time collaboration and version control in Sketch, a popular tool among designers, and makes it convenient for them to design with their teams any me, anywhere. +We Look to solve this problem with our new product CoLab. CoLab is a plugin that enables real-time collaboration and version control in Sketch, a popular tool among designers, and makes it convenient for them to design with their teams anytime, anywhere.
- +
As part of this project I worked with Alex Du, Aparna Sridhar Murthy, Chris Barker, Rishikesh Yardi. -
Screenshots
- -
Data Implementation
+
+
+ Screenshots +
+
+ Interface Overview +
+
+ Version History Viewing +
+
+ Reverting Changes +
+
+ Live Updates +
+
+ Working Offline +
+
+ Sketches of workflow pain +
+
+ Data Implementation +
+
-
Statistics
+Now that we have seen the product let's discuss the business side. Our target market is UI/UX designers and existing sketch users and through proxy data we know that the market is quite large. In the United States alone there are 261,000 graphic designers, 38,000 industrial designers, 74,600 art directions.* (*Bureau of Labor Statistics, U.S. Department of Labor, Occupational Outlook Handbook, 2016-17 Edition) -
Competitive Analysis
+#### Our research hypotheses are as follows: +- The collaboration tools designers have access to are not solving the problem +- Designers would be able to collaborate better if they could see real-time updates made by their fellow designers +- Design teams would be able to collaborate better if multiple designers could edit the same file at the same time +- Designers would benefit from a version control system +#### Insights +- 82.5% of designers collaborate with peers on their projects + - Work is generally split by software or phase (wireframe, style guide) +- Most commonly used tools + - Sketch - 48.1% + - Photoshop & InDesign - 59.3% + - Illustrator - 74.1% +- Major pain points + - Version control & file sharing + - Simultaneous editing to maintain consistency +- Need for enterprises and consumer level solutions -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - +#### Marketing & Sales Strategies +- Peer-to-peer +- Advertizing +- "Reference customer" companies +- Word-of-mouth & advocacy +- Hackathons + - Disrupt + - MHacks + - AngelHack +- Design conferences + - UXPA + - ConFab + - AIGA +- Early adopter promotions + - Discounts + - Trial periods - - +
+
+ Statistics +
+
+ Competitive Analysis +
+
+ Feature overlap +
+
+ growth and long term costs +
+
+ Startup Costs +
+
+ Sketch API availability +
+
+ Hypothesis +
+
+ Revenues & Costs +
diff --git a/_projects/lucidnyc.markdown b/_projects/lucidnyc.markdown index 58abf11a..d32af4f8 100644 --- a/_projects/lucidnyc.markdown +++ b/_projects/lucidnyc.markdown @@ -17,12 +17,12 @@ Throughout this project the goal for the team was to bring to light the interest ## Process -
Branding iterations with different typefaces
+
Branding iterations with different typefaces
-
Branding iterations with different shapes
+
Branding iterations with different shapes
Brand color exploration
-
Article Tile Design Iterations
+
Article Tile Design Iterations
Mobile and desktop splash pages mockups
diff --git a/_projects/mybrand.markdown b/_projects/mybrand.markdown index cfe4859e..897531c8 100644 --- a/_projects/mybrand.markdown +++ b/_projects/mybrand.markdown @@ -9,7 +9,7 @@ tags: branding
- My new logo + My new logo
diff --git a/img/colab/data-structure.svg b/img/colab/data-structure.svg new file mode 100644 index 00000000..5f0f99a7 --- /dev/null +++ b/img/colab/data-structure.svg @@ -0,0 +1,446 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/colab/dataStructure.svg b/img/colab/dataStructure.svg deleted file mode 100644 index 54b99883..00000000 --- a/img/colab/dataStructure.svg +++ /dev/null @@ -1,1305 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/img/colab/growth-costs.jpg b/img/colab/growth-costs.jpg new file mode 100644 index 00000000..8874acef Binary files /dev/null and b/img/colab/growth-costs.jpg differ diff --git a/img/colab/hypothesis.jpg b/img/colab/hypothesis.jpg new file mode 100644 index 00000000..8f82f8e8 Binary files /dev/null and b/img/colab/hypothesis.jpg differ diff --git a/img/colab/presentation/presentation.png b/img/colab/presentation/presentation.png deleted file mode 100644 index c929dfa8..00000000 Binary files a/img/colab/presentation/presentation.png and /dev/null differ diff --git a/img/colab/presentation/presentation10.png b/img/colab/presentation/presentation10.png deleted file mode 100644 index 281a22ee..00000000 Binary files a/img/colab/presentation/presentation10.png and /dev/null differ diff --git a/img/colab/presentation/presentation11.png b/img/colab/presentation/presentation11.png deleted file mode 100644 index 173092e3..00000000 Binary files a/img/colab/presentation/presentation11.png and /dev/null differ diff --git a/img/colab/presentation/presentation12.png b/img/colab/presentation/presentation12.png deleted file mode 100644 index fbeb80f8..00000000 Binary files a/img/colab/presentation/presentation12.png and /dev/null differ diff --git a/img/colab/presentation/presentation13.png b/img/colab/presentation/presentation13.png deleted file mode 100644 index 6ddc3e99..00000000 Binary files a/img/colab/presentation/presentation13.png and /dev/null differ diff --git a/img/colab/presentation/presentation14.png b/img/colab/presentation/presentation14.png deleted file mode 100644 index 8ddae299..00000000 Binary files a/img/colab/presentation/presentation14.png and /dev/null differ diff --git a/img/colab/presentation/presentation16.png b/img/colab/presentation/presentation16.png deleted file mode 100644 index b17a980b..00000000 Binary files a/img/colab/presentation/presentation16.png and /dev/null differ diff --git a/img/colab/presentation/presentation18.png b/img/colab/presentation/presentation18.png deleted file mode 100644 index 38d0a280..00000000 Binary files a/img/colab/presentation/presentation18.png and /dev/null differ diff --git a/img/colab/presentation/presentation19.png b/img/colab/presentation/presentation19.png deleted file mode 100644 index 39746272..00000000 Binary files a/img/colab/presentation/presentation19.png and /dev/null differ diff --git a/img/colab/presentation/presentation2.png b/img/colab/presentation/presentation2.png deleted file mode 100644 index 741d7f49..00000000 Binary files a/img/colab/presentation/presentation2.png and /dev/null differ diff --git a/img/colab/presentation/presentation20.png b/img/colab/presentation/presentation20.png deleted file mode 100644 index a162a015..00000000 Binary files a/img/colab/presentation/presentation20.png and /dev/null differ diff --git a/img/colab/presentation/presentation21.png b/img/colab/presentation/presentation21.png deleted file mode 100644 index 2a6cf36e..00000000 Binary files a/img/colab/presentation/presentation21.png and /dev/null differ diff --git a/img/colab/presentation/presentation22.png b/img/colab/presentation/presentation22.png deleted file mode 100644 index 7b7d241d..00000000 Binary files a/img/colab/presentation/presentation22.png and /dev/null differ diff --git a/img/colab/presentation/presentation23.png b/img/colab/presentation/presentation23.png deleted file mode 100644 index 1efff201..00000000 Binary files a/img/colab/presentation/presentation23.png and /dev/null differ diff --git a/img/colab/presentation/presentation3.png b/img/colab/presentation/presentation3.png deleted file mode 100644 index 11296d8c..00000000 Binary files a/img/colab/presentation/presentation3.png and /dev/null differ diff --git a/img/colab/presentation/presentation4.png b/img/colab/presentation/presentation4.png deleted file mode 100644 index 04f2bb96..00000000 Binary files a/img/colab/presentation/presentation4.png and /dev/null differ diff --git a/img/colab/presentation/presentation5.png b/img/colab/presentation/presentation5.png deleted file mode 100644 index 104b1d13..00000000 Binary files a/img/colab/presentation/presentation5.png and /dev/null differ diff --git a/img/colab/presentation/presentation6.png b/img/colab/presentation/presentation6.png deleted file mode 100644 index b1036a4e..00000000 Binary files a/img/colab/presentation/presentation6.png and /dev/null differ diff --git a/img/colab/presentation/presentation7.png b/img/colab/presentation/presentation7.png deleted file mode 100644 index c3f9227c..00000000 Binary files a/img/colab/presentation/presentation7.png and /dev/null differ diff --git a/img/colab/presentation/presentation9.png b/img/colab/presentation/presentation9.png deleted file mode 100644 index b1036a4e..00000000 Binary files a/img/colab/presentation/presentation9.png and /dev/null differ diff --git a/img/colab/rev-costs.jpg b/img/colab/rev-costs.jpg new file mode 100644 index 00000000..e70d512b Binary files /dev/null and b/img/colab/rev-costs.jpg differ diff --git a/img/colab/screenShots.png b/img/colab/screenShots.png deleted file mode 100644 index b7eff0f7..00000000 Binary files a/img/colab/screenShots.png and /dev/null differ diff --git a/img/colab/screenshots-markup.jpg b/img/colab/screenshots-markup.jpg new file mode 100644 index 00000000..64a9f8a0 Binary files /dev/null and b/img/colab/screenshots-markup.jpg differ diff --git a/img/colab/stats.svg b/img/colab/stats.svg index 4508d526..e7e9ca5c 100644 --- a/img/colab/stats.svg +++ b/img/colab/stats.svg @@ -1,1920 +1,501 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/colab/workflow-sketches.jpg b/img/colab/workflow-sketches.jpg new file mode 100644 index 00000000..a59bd69d Binary files /dev/null and b/img/colab/workflow-sketches.jpg differ diff --git a/img/lucid/branding-exploration.svg b/img/lucid/branding-exploration.svg new file mode 100644 index 00000000..61d5b3bc --- /dev/null +++ b/img/lucid/branding-exploration.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/lucid/branding-exploration2.svg b/img/lucid/branding-exploration2.svg new file mode 100644 index 00000000..75def0c5 --- /dev/null +++ b/img/lucid/branding-exploration2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/lucid/brandingExploration.svg b/img/lucid/brandingExploration.svg deleted file mode 100644 index 2c1aca46..00000000 --- a/img/lucid/brandingExploration.svg +++ /dev/null @@ -1 +0,0 @@ -Artboard 2 copy \ No newline at end of file diff --git a/img/lucid/brandingExploration2.svg b/img/lucid/brandingExploration2.svg deleted file mode 100644 index 7ca598b0..00000000 --- a/img/lucid/brandingExploration2.svg +++ /dev/null @@ -1 +0,0 @@ -Artboard 4 \ No newline at end of file diff --git a/img/lucid/colors.svg b/img/lucid/colors.svg index 1dc58b09..8999cb45 100644 --- a/img/lucid/colors.svg +++ b/img/lucid/colors.svg @@ -1 +1 @@ -Artboard 1 copy \ No newline at end of file + \ No newline at end of file diff --git a/img/lucid/tile-iterations.jpg b/img/lucid/tile-iterations.jpg new file mode 100644 index 00000000..b77048ec Binary files /dev/null and b/img/lucid/tile-iterations.jpg differ diff --git a/img/lucid/tileIterations.png b/img/lucid/tileIterations.png deleted file mode 100644 index 3a74b9f7..00000000 Binary files a/img/lucid/tileIterations.png and /dev/null differ diff --git a/img/nyc/branding-process.jpg b/img/nyc/branding-process.jpg new file mode 100644 index 00000000..40fa742e Binary files /dev/null and b/img/nyc/branding-process.jpg differ diff --git a/img/nyc/brandingProcess.png b/img/nyc/brandingProcess.png deleted file mode 100644 index 9f7d2f3f..00000000 Binary files a/img/nyc/brandingProcess.png and /dev/null differ diff --git a/img/nyc/cmu-entities.jpg b/img/nyc/cmu-entities.jpg new file mode 100644 index 00000000..88add21c Binary files /dev/null and b/img/nyc/cmu-entities.jpg differ diff --git a/img/nyc/cmuEntities.png b/img/nyc/cmuEntities.png deleted file mode 100644 index ce6d3e1a..00000000 Binary files a/img/nyc/cmuEntities.png and /dev/null differ diff --git a/img/nyc/color-iterations.jpg b/img/nyc/color-iterations.jpg new file mode 100644 index 00000000..c0714f74 Binary files /dev/null and b/img/nyc/color-iterations.jpg differ diff --git a/img/nyc/colorIteration.png b/img/nyc/colorIteration.png deleted file mode 100644 index ff0c9989..00000000 Binary files a/img/nyc/colorIteration.png and /dev/null differ diff --git a/img/nyc/cornell.jpg b/img/nyc/cornell.jpg new file mode 100644 index 00000000..75b00c10 Binary files /dev/null and b/img/nyc/cornell.jpg differ diff --git a/img/nyc/cornell.png b/img/nyc/cornell.png deleted file mode 100644 index 040ef0d4..00000000 Binary files a/img/nyc/cornell.png and /dev/null differ diff --git a/img/nyc/program-chart.jpg b/img/nyc/program-chart.jpg new file mode 100644 index 00000000..3791dd23 Binary files /dev/null and b/img/nyc/program-chart.jpg differ diff --git a/img/nyc/uc-schools1.jpg b/img/nyc/uc-schools1.jpg new file mode 100644 index 00000000..ebecfb05 Binary files /dev/null and b/img/nyc/uc-schools1.jpg differ diff --git a/img/nyc/uc-schools2.jpg b/img/nyc/uc-schools2.jpg new file mode 100644 index 00000000..281a14bc Binary files /dev/null and b/img/nyc/uc-schools2.jpg differ diff --git a/img/nyc/uc1.png b/img/nyc/uc1.png deleted file mode 100644 index 0a22f005..00000000 Binary files a/img/nyc/uc1.png and /dev/null differ diff --git a/img/nyc/uc2.png b/img/nyc/uc2.png deleted file mode 100644 index 64ffe222..00000000 Binary files a/img/nyc/uc2.png and /dev/null differ