S A R A H H A S A N ARCHITECTURE + DESIGN

P O R T F O L I O

2

C O N T E N T S Modules

01

Kâ&#x20AC;&#x2122;nex Stairway Fabrication

02

Coral Architecture Study

03

Toronto Makers Mart

04

Kensington Laneway Studio

05

Trintity Bellwoods Community Centre

06

The Junction Hybrid Complex

07

Highway Park

08

Haliburton Active Transport Study

09

Graphic and User Interface Design

Whole

Context

Graphics

K’NEX STAIRWAY FABRICATION This exercise involved the investigation of modularity in design through the study of complex components. A few primary parts have been chosen from among found objects, which in this case, are pieces from the K’nex construction set. The quality of each part is first examined and catalogued. The complex and tactile dialogue between the components allows for the fabrication of an intricate aggregate i.e. a staircase. The nature of K’nex lends to an industrial aesthetic that could be imagined as an eclectic addition to an interiors project.

4|

Hand sketched catalogue of Kâ&#x20AC;&#x2122;nex modules

Modules

Top view of the staircase

View of the staircase in a room 6|

Oblique section of the staircase Modules

CORAL ARCHITECTURE STUDY For this project, I studied the geometry of a seal coral and recreated it in Grasshopper . A mathematical Enneper surface was used to emulate the base stucture which was then populated with the node geometry. This created an in interesting array of iterations.

8|

Ennepar 2 Minimum u Maximum u Minimum v Maximum v PointCount u PointCount v Function X(u,v) Function Y(u,v) Function Z(u,v) Variables

0 1 -PI PI 7 25 u* cos(v)-u^(2* f -1)/(2* f -1)*cos((2* f -1)*v) -u*sin(v)-u^(2* f -1)/(2* f -1)*sin((2* f -1)*v) 2/ f *u^ f * cos( f *v) f=2

Ennepar 3 Minimum u Maximum u Minimum v Maximum v PointCount u PointCount v Function X(u,v) Function Y(u,v) Function Z(u,v) Variables

0 1 -PI PI 7 25 u* cos(v)-u^(2* f -1)/(2* f -1)*cos((2* f -1)*v) -u*sin(v)-u^(2* f -1)/(2* f -1)*sin((2* f -1)*v) 2/ f *u^ f * cos( f *v) f=3

Ennepar 4 Minimum u Maximum u Minimum v Maximum v PointCount u PointCount v Function X(u,v) Function Y(u,v) Function Z(u,v) Variables

0 1 -PI PI 7 25 u* cos(v)-u^(2* f -1)/(2* f -1)*cos((2* f -1)*v) -u*sin(v)-u^(2* f -1)/(2* f -1)*sin((2* f -1)*v) 2/ f *u^ f * cos( f *v) f=4

Ennepar 5 Minimum u Maximum u Minimum v Maximum v PointCount u PointCount v Function X(u,v) Function Y(u,v) Function Z(u,v) Variables

0 1 -PI PI 7 25 u* cos(v)-u^(2* f -1)/(2* f -1)*cos((2* f -1)*v) -u*sin(v)-u^(2* f -1)/(2* f -1)*sin((2* f -1)*v) 2/ f *u^ f * cos( f *v) f=5

Ennepar 6 Minimum u Maximum u Minimum v Maximum v PointCount u PointCount v Function X(u,v) Function Y(u,v) Function Z(u,v) Variables

0 1 -PI PI 7 25 u* cos(v)-u^(2* f -1)/(2* f -1)*cos((2* f -1)*v) -u*sin(v)-u^(2* f -1)/(2* f -1)*sin((2* f -1)*v) 2/ f *u^ f * cos( f *v) f=6

10 |

Study of coral architecture. Digital renderings created in Vray. Coral objects created using Grasshopper.

Ennepar

Morph

Popul ate and Voronoi3D

Proje ct Voronoi

NURB

Scale

TORONTO MAKERS MART For this project, I was tasked with creating and resolving formal geometry in order to create a building that houses a makerspace. The design process started with an excercise of folding paper to study the structural qualities it presents once it is altered.Through a few moves of creasing and folding an ellipsoid piece of paper, I was able to arive at a winged module. This was then placed on the site in a manner that created three distinct access points for users. This exploration focused on creating a seamless and integrated connection not only between the modules geometrically but also between the structure and site. 12 |

Renders of project

Whole

Diagram representing how modules are created and placed on site

Elevations of building

14 |

Renders and siteplan of project

Whole

KENSINGTON LANEWAY STUDIO The brief for this design called for the hybridisation of two typologies to imagine a building with multiple connected programs. With this in mind, a shared studio workspace typology is combined that that of a bikeshare. Located in a laneway in Torontoâ&#x20AC;&#x2122;s Kensington Market, the space is designed to accommodate urban living and support community interaction. Kensington market illustrates an interesting dynamic between cars and pedestrians; a narrow sidewalk clearance means that cars, pedestrians and those using active transport often end up unsafely sharing the road. By creating a pedestrian-cyclist only zone, a space that people can occupy and use freely is created. The bike share component encourages this sharing culture whilst providing infrastructure for people to bike to and from work as necessary. The space applies sustainable design practices, as well as a community green roof in order to address issues of the built structures impact on the environment and its inhabitants. 16 |

*This project was done in collaboration with Eleanor Laffling. All images shown are created by me.

Render of structure

ROOF ANGLED AT 35 DEGREES FOR OPTIMAL SOLAR GAIN IN ONTARIO CLERESTORY WINDOW FOR DAYLIGHTING

PHOTOVOLTAICS PANEL TRIPLE GLAZED WINDOWS FOR MAXIMUM INSULATION

GREEN ROOF

OVER HANG TO IMPROVE SUMMER SHADING AND WINTER HEAT GAIN

CATCHMENT DRAIN FOR RAINWATER

OPERABLE WINDOW DOOR

REPURPOSED GARAGE

Diagram showing sustainability features Whole

1.

COMMUTE

2. PARK

5.

VISIT GALLERY

3. WORK

4.

USE GREEN SPACE

Diagram showing how space may be used

18 |

Render of structure in laneway setting

Section wall details

Whole

OJO NORTE-STRAWBALE SIP HOUSE This built project was undertaken as part of UofT DesignBuild group Future-Living Lab. The brief called for the design of a small single story home in North Bay, Ontario. As the group mandate is to design sustainable and affordable living solutions, extra focus was paid to these characteristics. The layout was optimised for cost savings and energy efficiency. Through research and consultancy, it was decided that straw-bale structurally insulated panels would be a desirable mode of construction. *This was a project produced as a large multi-disciplinary group of students. I played a role in designing the layout and producing detail drawings for the permit package.

20 |

Plan of Ojo Norte Home

7x 8’ S-SIP 13x 8’ S-SIP

13x 12’ S-SIP 44’ 1”

TOTAL 13x 12’ S-SIP 27x 8’ S-SIP

Whole

7x 8’ S-SIP DOUBLE STUD WALL

Detail drawing of wall layout

Render of Ojo Norte Home

Phase 5 Completion

Phase 6 Completion

April 30th

September

Phase 4 Completion Mid April

Phase 3 Completion Mid March

Phase 2b Completion Feb 24th

Phase 2a Completion Feb 17th

Phase 1 Completion

Feb 3rd

Phase 6 Phase 5 Phase 4 Phase 3 Phase 2b Phase 2a Phase 1

Jan

Feb

Mar

Apr

May

Jun

Jul

Visual timeline produced to keep project on track 22 |

Aug

Sep

Oct

Nov

Dec

1” (0.0254m) interior plaster

1” (0.0254m) exterior plaster

4- 2x4

1” (0.0254m) exterior plaster

1” (0.0254m) interior plaster

4- 2x4 4- 2x4 1” (0.0254m) Exterior Plaster

4- 2x4

Whole

Wall details of structurally insulated panels

TRINITY BELLWOODS COMMUNITY CENTER This project aimed to design a new community center for downtown Torontoâ&#x20AC;&#x2122;s Trinity Bellwoods Park. Inspiration was found in Frank Lloyd Wrights Falling Water as a structure that blends seamlessly within its natural landscape. In addition, a strong grid geometry was often the basis of his work and for this project the grid is reinterpreted. In expanding and contracting the basic geometry, a tartan grid is created that is used to articulate spaces and pathways inside the community center at Trinity Bellwoods. The structure also aims to embed itself within the landscape through materials and environmental design techniques such as compacted earth walls.

24 |

Site plan

Perspective views

Whole

Process of manipulating the basic grid geometry used by F.L.Wright

Sketch models and drawings to explore landscapes and structures

26 |

Rendered view

Building elevation

Whole

THE JUNCTION HYBRID COMPLEX This project proposes an extension to the current Bloor Go Station in Torontoâ&#x20AC;&#x2122;s Junction Neighborhood. A hybrid complex with multiple programs was created by adding a market place and an asylum seekers center. The architectural form embodies the concept of a layered hierarchy that starts at the urban scale and translates to the architectural design. At the urban scale the circuits represent the issue of unrestricted access to restricted access, while at the architecture level we see circuits of connectivity from public to private. The transition from public to private is translated into the spatial arrangement as a shift from the ground floor to the top. *This project was designed in collaboration with a team that consisted of Cecilia Lo , Harris Eftychiou and myself. The drawings presented here are the ones over which I had the most autonomy.

28 |

Imposing heirarchy onto site

Existing condition of station

Taking note of required surface areas and adjusting size of floor plates accordingly

Bloor

Creating access points with existing points of connection i.e the Toronto Railpath and TTC connection

Creating direct market place access from railpath and ttc connection. Asylum seekers centre moved to south for maximum sunlight for residents

Creating market place ramps to slope down closer to the platform. This is part of overlapping programs strategy

Extending the marketplace and railpath node. Creating space in the centre of the market place floor plate to accomodate height of trains

Step by step process of spatial arrangement

Whole

Top: Rendered interior view Right: Marketplace floor plan

ve.

st a

ern e

30 |

living unit

kitchen

daycare

market communal area

library

market kiosks

market sink

market ramp

Spatial qualities and arrangement of units within program Whole

HIGHWAY PARK This project was an exercise in representation through collage with the aim to create a public space. The design acquired inspiration from Torontoâ&#x20AC;&#x2122;s Gardiner Expressway as the possible site for a future park. The image portrays a dense green city of the future that will no longer require large highways and thus leave the infrastructure usable as public space. Multiple images were gathered and collaged into a rendering. As the second step to this project, drawings and a physical model were completed.

32 |

Collage render

Images of physical model

Context

Step by step collage process 34 |

Top view of highway park

Context

HALIBURTON COUNTY

ACTIVE TRANSPORT STUDY This study was conducted as part of a work placement at the Toronto Centre for Active Transport. The Active Neighbourhoods Project aims to re-imagine and design the streets of the future as palatable to the needs of an active traveler i.e. a cyclist or a pedestrian. This particular project examined a roadway in Haliburton County. Working in collaboration with my supervisor Car Martin, I created a set of drawings and illustrations that were presented to a decision-making audience. The task was to amalgamate ideas and rough sketches created through a participatory design workshop.

36 |

Rendered view of streets in Haliburton

Context

38 |

Plan diagrams of proposed design changes

Village Section: Enhanced Sidewalks and Sharrows

Village section: Enhanced sidewalks and sharrows Nature trail: Separated multi-use trail Nature Trail: Separated multi-use

trail

Activecorridor: Corridor: Onbuffered, road, buffered Active On road, multi-use trail multi-use trail

Urban Urbannode Node Intersection improvement zone Intersection improvements

Context

Zone

GRAPHIC AND USER-INTERFACE DESIGN This is a shor t curation of graphic and user inter face projects I have worked on outside of Architecture studio. They consist of logos, posters and UI wireframe designs. In each instance, I have been given a design br ief with which I have worked to ensure visuals efficientl y communicate a message. These projects have been done for multiple different c lients.

40 |

FUTURE LIVING LAB

eko

3D Audio Recording Solution

eko 3D Audio Recording Solution

eko COMPACT AND VERSATILE

EXPERIENCE EVERY SOUND

eko

Key Applications/Features Record high quality audio alongside 3D directionality of the sound and stream output to PC or store on portable SD card memory Save recordings in new ambisonics B-format audio files used by YouTube 360, Oculus, and Google Cardboard, Jump, and VR High performance and customizable FPGA based development platform to accelerate innovative testing of the latest in ambisonics and sound localization research Optimized for determining the direction to multiple 20 Hz - 10 kHz sounds in 3D at a rate faster than 20 milli-seconds and accuracy within 15° of error to record the better than people can localize themselves

Enabling next generation audio recording for the consumer market

Applications in virtual reality, 360 video and music, teleconferencing, security, and more!

eko seeks to enhance the way we experience media by developing a microphone device which records sound in 3D for more immersive playback. The growing multi-billion dollar virtual reality market and increased adoption of 360° videos demonstrates the need for an equally practical solution for 360° audio. When you’re reliving an extraordinary concert or sharing your outdoor sports experience with friends, hearing every sound around you now, as you did then, makes for a more captivating experience. Our device is the perfect complement for new products in these emerging video markets and can also stand on its own as an inexpensive tool for anyone passionate about sound. eko will enable consumers to experience every sound: Capture real-world 360° sound and reconstruct it for real-time playback

* A quarter for scale

Powerful hardware in a compact form-factor for portability Record for use with headphones and surround sound systems

Utku Alakusu, Founder Product director and mechanical engineer

Shai Bonen, Founder Systems designer and applications engineer

Gianluca Roberts, Founder Hardware engineer and ﬁnancial oﬃcer

Varun Sharma, Founder Digital architect and algorithms developer

eko Team | 27 King’s College Circle, Toronto. ON M5S 1A1 | 416.985.3566 | eko.team.contact@gmail.com

Product Vision Our project management tool breaks down the design process into three steps

Plans

Feedback

Sketches Site analysis

Sections Details

mood board Diagrams

High ďŹ delity renders Interactive

Mobile app Low ďŹ delity visualisation Serial number for each environment Interactive Exploration

Exploration Customisation

Budget counter Customisation Feedback

Approval

Feedback

Approval

Approval

Step 1

Step 2

Step 3

Inception

Detail

Visualise

Placey

Tools

Inception

Jan

Feb

Mar

Apr

May

Jun

Jul

Aug

Sep

Oct

Nov

Dec

Sep

Oct

Nov

Dec

Placey

View Documents

Tools

Main Page

Jan

Feb

Mar

Apr

May

Jun

Jul

Give Feedback

Aug

Sep

Step 1

Step 2

Step 3

Inception

Detail

Visualise

Oct

Nov

Dec

Placey

Tools

Detail

Jan

Feb

Mar

Apr

May

Jun

Jul

Aug

Plans

View Documents

Give Feedback

Placey

Tools

Visualise

I have worked to develop the user interface for a startup called Placey.We are developing a web application that allows architects to communicate with their clients through an online platform that integrates workflow management and document exchange with virtual reality tours of the space being designed. My aim has been to experiment with and establish a seamless interface for users. 42 |

Jan

Feb

Mar

Apr

May

Jun

Jul

Aug

Sep

View Documents

Give Feedback

Materials list

Oct

Nov

Dec

LOOK UP NEW

LED BULBS

HAVE ARRIVED IN THIS GARAGE FOR

BRIGHTER MORE

ENERGY EFFICIENT

LIGHTING

MARCH 9TH

2017

MARCH 9 TH

2017 5:30-7:30 PM Celebrating the St.George Environmental Community Hosted by the Sustainability Office

Sarah Hasan Contact: Sar.hasan@mail.utoronto.ca Sarah_hasan16@hotmail.com 6473854243 44 |

Sarah Hasan-Architecture+Design Portfolio
Sarah Hasan-Architecture+Design Portfolio