Celeste Eneglbrecht

< UI designer | UX developer />

About Me

I am a passionate developer with an eye for detail. I am deeply interested in HCI (Human-Computer Interaction) and UX Design. I enjoy bringing my designs to life in a working system.

My goal when designing is to create an intuitive interface for the user to interact with; when developing, I believe in finding the most efficient solution with the DRY (Don't repeat yourself) principle always sitting at the back of my mind.

Interests

General

Side notes

Interests

Psychology, Philosophy, Arts, Design, Sociology, Health & Fitness

I am a self-taught artist (I didn't study art). I am a traditional artist, but I do dabble in digital art. The subject matter that I enjoy drawing is the female figure. People have described my art as anime and fantasy. I have been actively investing in my art since 2015, but I remember first intentionally drawing when I was 7.

I also enjoy sewing, and I sometimes make clothes for myself.

I enjoy reading - NOTABLE BOOKS I'VE READ

  • Pragmatic Programmer (Author: )
  • Thinking Fast and Slow (Author: )
  • Sophies World (Author: Jostine Gaarder)
  • Aristotle's Way (Author: Edith Hall)

Yoga has helped me center myself, gain a good mental space, and build my fitness at the same time. I enjoy running as well as hiking.

Work Experience & Responsibilities

MAR 2020 - current | Intermediate Front-End Software Developer

Project: Freshlinq

AngularJS, HTML, JS, CSS, SCSS (SASS), MVC (Razor), MySQL, Telerik Reporting, git, Adobe XD, Visual Studio, gulp, node js, npm, C#, Azure DevOps

  • Maintenance and updating the front-end UI consisting of 17 standalone apps (angularJS, typescript, C#, sass, gulp, docker, npm, SQL)
  • Sole custodian of the UI/UX style guide
  • Designing mocks (Adobe UX)
  • Worked alongside a diverse range of teams allowing me to experience a wide range of team dynamics
  • Custodian of the Facade (a concept of a meeting place between the front-end and back-end - C# Mappings of back-end values to front-end formatted values that should be displayed on the view)
  • A member of an Agile team of developers following the scrum methedology
  • Requirement analysis with Product Owner and designing of mocks for features implemented in the system
  • MVC backing an AngularJs platform
  • Building custom components and modules
  • Full feature design and implementation
  • Building and editing reports in Telerik Designer
  • Managed and on-boarded junior developers
  • Approver of Pull Requests by junior developers
Project: Cut n Cape

Angular 8, Sendgrid, Adobe UX, Firebase, BitBucket, Visual Studio

  • Designing the logo of the app
  • UX/UI Design for the mobile app (Mocks - Adobe UX)
  • Implementation of designs from mocks in Angular 8
  • Design the email templates in AdobeXD
  • Retrieving data from firebase
  • Implementing email designs in send grid

APR 2015 - MAR 2020 | Mid-level Web Developer

Developed html/css/scss/javascript for various projects using Adobe Creative Suite CC, jQuery, jQueryUI and PHP

  • Designing the home web page in Adobe Illustrator and/or InDesign
  • Creating web pages in Dreamweaver (Designed for user experience and responsiveness). Ensured consistent page behavior and appearance across multiple browsers.
  • Writing the code for the web pages in PHP, HTML, jQuery, Javascript and JSON, CSS and SASS and use Google Analytics tracking codes to analyze each web page. Ensured all code was Section 508 and standards compliant where possible.
  • Editing the code and content of the web page based on client feedback.
  • My responsibilities included managing and maintaining 14 portfolio websites for 3 years as well as developing and maintaining the smaller clients websites.
  • Once the website had been running for a month I would need to do a google analytics report highlighting the pages that were doing well and the pages that weren’t doing well. New Google Adwords keywords were suggested to clients and ones not performing were removed.
  • I also trained and supervised a team member for ongoing reformatting /quality control projects.

Portfolio 2015 - 2020

Click on the video to watch it in a modal window.

Full Desktop Video

Responsivness Video

Hostex (2015 - 2020)

Hostex is a Food and Hospitality show that is run by Specialised Exhibitions Montgomery. Sketch Advertising has hosted and developed the Hostex website and 13 other websites for Specialised Exhibitions Montgomery since before I started there in 2015. In 2017 it became my responsibility to manage and maintain the entire portfolio while under the guidance of my boss Travis Kriel.

In 2018 I was tasked with designing the new template for the entire portfolio because the websites were updated on the last day that the exhibition had run. The current design is the design that I created. I laid all the elements out in Adobe InDesign and created many graphical elements in Adobe Illustrator. Once the design was completed, we would receive feedback from the client and start development with any changes that the client had made.

The websites were developed in Dreamweaver with HTML, CSS, SASS, JavaScript, and jQuery. The Bootstrap 4 framework was used. A large portion of the websites ran off an API that we had created to retrieve data from a database (through PHP MySQL) and return the data as a JSON object. The contents of the JSON object was then displayed throughout the website using PHP. The entire website was developed as a desktop, tablet and mobile-friendly website as demonstrated in the videos attached. The responsiveness of a website was done concurrently with developing the desktop website.

At least 2 or 3 months before the exhibition took place a popup was added to the website that advertises the registration for the show. This popup checked whether a cookie for the popup already existed and if it did not then the popup would show. The cookie was set to last 24hours and would automatically delete itself if 24hours had passed. This was added to every page of the website since you never know which page will be the users landing page.

The blog section was constructed by using the Wordpress API.

We also used Google Analytics and AdWords on the websites and part of my responsibilities included reporting on Analytics and AdWords for the client to review. In the report, I would explain which pages of the website were receiving the most traffic and I had to try and deduce what was causing that specific page to receive more traffic than the other pages. I also had to look at the low performing pages and suggest ways of increasing traffic to that page. We often noticed that when marketing attempts were done by the client the traffic of the page usually increased proving to the client that their marketing attempts were successful. We looked at the AdWords ads keywords and suggested new keywords to replace low performing ones and showed the client their CTR for each ad, when the CTR was low we suggested improvements if any needed to be done or just informed the client on how well their ads were doing.

View all website videos

Programs and Libraries I can use