Icon x alert

Gustavo Youngberg
Gustavo Youngberg

San Francisco, CA

Designer @ Flow Inc

adobe creative cloud, css, front-end development, graphic design, html, javascript, print design, product design, sass, ux, visual design, web design

  1. America Center — Choose the High Ground America Center — Choose the High Ground — America Center is a new 1.1 million square foot campus development in San Jose located just a short drive away from Levi Stadium and Downtown San Jose. Our team was tasked with creating the marketing material for Phase II, which consisted of two office buildings, an amenity building and garage complex. I designed this website based on the print brochure created by my colleague. See the site li...
  2. Oakland's New View — 601citycenter.com Oakland's New View — 601citycenter.com — 601 City Center, Oakland, California. Feast your eyes on this new development underway in Oakland California. Set to be the newest Class-A office space built in Oakland in the past 15 years. I was tasked with designing and building this marketing site as a member of Cushman & Wakefields San Francisco Marketing Team. I'll be following up this shot with more from the rest of the site but y...
  3. Discover — 601 City Center Discover — 601 City Center — Discover 601 City Center — This page was designed and built to introduce visitors to the website about the new 601 City Center development. It is intended to provide a brief overview of some features and details as visitors follow the site's flow. Check out the live site at Envision — 601citycenter.com 601citycenter.com/discover CREDIT: Design inspired by @Ahmed Badenjki's print work for 6...
  4. Envision Your Space — 601citycenter.com Envision Your Space — 601citycenter.com — Envision — 601citycenter.com 601citycenter.com/features CREDIT: Design inspired by @Ahmed Badenjki's print work for 601 City Center. Check out his work at AhmedBadenjki.com
  5. View Availabilities — 601citycenter.com View Availabilities — 601citycenter.com — View Availabilities — 601 City Center 601citycenter.com/availabilities CREDIT: Design inspired by @Ahmed Badenjki's print work for 601 City Center. Check out his work at AhmedBadenjki.com
  6. Explore the Neighborhood — 601citycenter.com Explore the Neighborhood — 601citycenter.com — Explore the Neighborhood — 601 City Center TLDR: Go to 601citycenter.com/location to play around with map. ——— This was one of the most challenging pages to design but the funnest to develop. Our client wanted to have many different local amenities marked on a map (somewhere around 50+). We had originally separated those locations into 3 maps (transit, food & drink, and other amenities) b...
  7. For Leasing Contact — 601citycenter.com For Leasing Contact — 601citycenter.com — For Leasing Contact — 601 City Center Simple contact info page for leasing inquires for the property. 601citycenter.com/contact
  8. 2 Henry Adams—Web Design and Development 2 Henry Adams—Web Design and Development — Website design for 2henryadams.com, San Francisco's Best Brick and Timber PDR Space located in SF's Art District. Design was developed based on the print brochure by @Rishad Amarkhel. Website features a single scrolling design with an interactive map, seo optimization, and optimized performance. Check it out here: 2 Henry Adams
  9. 2 Henry Adams — About the Building 2 Henry Adams — About the Building — Snapshot of the about section at 2henryadams.com
  10. 2 Henry Adams — Building Features 2 Henry Adams — Building Features — 2 Henry Adams' Building features screenshot of both desktop and mobile layouts.
  11. 2 Henry Adams — Availabilities and Floor Plans 2 Henry Adams — Availabilities and Floor Plans — Availabilities and floor plans for 2 Henry Adams.
  12. 2 Henry Adams — Location & Transit 2 Henry Adams — Location & Transit — Location and Transit for 2 Henry Adams. Map was built using Mapbox Studio and integrated into the site to showcase the property's prime location to transit and local amenities. See it live.
  13. 2 Henry Adams — Contact for Leasing Inquiries 2 Henry Adams — Contact for Leasing Inquiries — Simple contact section located at the bottom of the website for 2henryadams.com.
  14. Youngberg Design - 404 Error logo animation Youngberg Design - 404 Error logo animation — Here is another animation with my logo on my 404 Error page. The animation is stuck hitting itself until the logo is clicked. From there it spins freely and redirects the browser to my home page. Let me know what you think or if you have any suggestions!
  15. Youngberg Design - Home button animation Youngberg Design - Home button animation — Here is my logo's animation I currently have working on my website. When you hover over the logo the red bar rotates a full turn and when it is clicked it rotates two or more full turns and then returns back to its original position (a full turn in reverse). The final animation also occurs when the cursor leaves the logo. Check it out and give it a spin! http://www.youngbergdesign.com/
  16. Rebound - Day 072 - Clock Light Rebound - Day 072 - Clock Light — After creating this watch face using a dark themed UI, I was curious what it would look like in a light/white theme. Let me know what you think!
  17. Rebound - Day 072 - Clock Rebound - Day 072 - Clock — I love what @Paul Flavius Nechita has been up to the past 74 days of his 100 Days of UI. Wanted to take his challenge of rebounding his daily shots and decided on his clock. Keeping close to Paul's original design, I decided to place the 9hr mark along side its respective indicator and then highlight the number, indicator, and hour hand. I then added the rest of the hours (1-8,10-12) and fade...
  18. App Design - Realhub - Filters Screen App Design - Realhub - Filters Screen — Filters and options screen for narrowing down listings by property type, price, beds/baths, and amenities. Drop downs, sliders, and toggles for the button interface.
  19. App Design - Realhub - List View Screen App Design - Realhub - List View Screen — Screen for the list view of property listings.
  20. App Design - Realhub - Map Screen App Design - Realhub - Map Screen — Screen for viewing the property listings on a map.
  21. App Design - Realhub - Startup Screen App Design - Realhub - Startup Screen — Realty app design for a client. More to come!
  22. James Woods for Congress Website Design James Woods for Congress Website Design — Here's a mock up of the website design for James Woods who ran for congress in 2014.
  23. James Woods for Congress James Woods for Congress — Logo design for James Woods for AZ Congress 2014.
  24. Mikel Weisser for Congress - Logo Design Mikel Weisser for Congress - Logo Design — Logo design for a client of our's, Mikel Weisser, who is running for the 2016 Congressional ballot in the state of Arizona. After a lengthy phone interview with him, it was hard not to go with a bold and flashy logo. Mikel has lived a hard life and has a strong foundation on equality, liberty, compassion, and peace. Would love to hear what you think!
Loading more…
close